var recommend = {
	init: function(props) {
		//alert("in prepare function");
		
		//fetch the properties from the embed widget code into the recommend.props
		recommend.props = props;
		
		//fetch the server URL
		recommend.recommend_url = recommend.props.recommend_url + '/'+recommend.props.id;
		//alert(recommend.recommend_url);
		document.write(unescape('%3Cscript src="' + recommend.recommend_url + '" type="text/javascript"%3E%3C/script%3E'));
	},
	construct: function(results) {
		//alert("in construct function");
		recommend.totalRecommended = results["recommend_count"];
		recommend.business_id = results["business_id"];
		
		//alert(recommend.business_id);
		recommend.buildHtmlOutput();
	},
	buildHtmlOutput: function() {
		//alert(recommend.totalRecommended + " -- " + recommend.business_id);
		var badge_container = document.getElementById(recommend.props.badge_container);
		
		var tradeseam_base_url = recommend.props.tradeseam_url;
		//alert(tradeseam_base_url);
		
		var border_color = recommend.props.border_color;
		
		var background_color = recommend.props.background_color;
		
		var font_color = recommend.props.font_color;
		
		var business_id = recommend.props.id;
		
		//alert(badge_container);
		/*recommend.appendHTML = '<div style="width:150px;height:50px;border:1px solid #E2E2E2;display:block;">';
		recommend.appendHTML += '<a href="#." onclick="window.open(\'http://tradeseamlocal.com\',\'TradeSeam\',\'resizable=1,width=500,height=500\')">Recommend '+recommend.totalRecommended+'</a>';
		recommend.appendHTML += '</div>';*/
		
		
		recommend.appendHTML = '<div style="width: 130px;border: 1px solid '+border_color+';background-color: '+background_color+';-moz-border-radius: .3em;-webkit-border-radius: .3em;padding-top: 2px;padding-left: 2px;height:23px;">';
		recommend.appendHTML += '<span style="float: left;"><img src="'+tradeseam_base_url+'s/images/emoticon.png" border="0" style="padding:0px;"/></span>';
		recommend.appendHTML += '<div style="font-family: Lucida Grande, Verdana, Sans-serif;font-size: 11px;float:left;margin-top:2px;color: '+font_color+';display: inline;margin-left:2px;text-decoration: none;"><a href="#." style="font-family: Lucida Grande, Verdana, Sans-serif;font-size: 11px;color: '+font_color+';text-decoration: none;" onclick="window.open(\''+tradeseam_base_url+'web/recommend/recommendLogin/'+business_id+'\',\'TradeSeam\',\'resizable=1,width=600,height=500\');">Recommend</a> | <a href="#." style="font-family: Lucida Grande, Verdana, Sans-serif;font-size: 11px;color: '+font_color+';text-decoration: none;" onclick="window.open(\''+tradeseam_base_url+'web/recommend/businessRecommendations/'+business_id+'\',\'TradeSeam\',\'resizable=1,width=600,height=500\');">'+recommend.totalRecommended+'</a></div>';
		recommend.appendHTML += '</div>';
		
		badge_container.innerHTML = recommend.appendHTML;
		
	},
	
	badge: { init: function(props) { recommend.init(props); } }
}