HtmlFormatterV3 =
{
	initialize: function()
	{
	},
	
	getHtml: function(item, dim)
	{ 
		
       
        if(item == null)
		{
			return "";
		}
        
		//create random number to keep ids unique (in case the same product appears in two similar sliders)
		var r_num = Math.random();
		r_num = Math.ceil(r_num * 100);

		if ((item.type == 'homepage_category_products') || (item.type == 'simliar_product') || (item.type == 'related_category'))
		{ //homepage
			return '<div class="div_recent_item" style="width:'+dim.width+'px;height:'+dim.height+'px; cursor: pointer; " onmouseover="getElementById(\''+r_num+item.id+'_p_title\').style.textDecoration=\'underline\'" onmouseout="getElementById(\''+r_num+item.id+'_p_title\').style.textDecoration=\'none\'" onclick="window.open(\'/products/' + item.product_slug+ '\',\'_self\');">'
			+'<h2 style="overflow: hidden; width: 167px; height: 32px; margin-top: 0px; margin-bottom: 9px; margin-left: 15px; padding-left: 0px;" class="div_recent_item_left_2 std_content_t_ts" id="'+r_num+item.id+'_p_title">'+
				item.title +
			'</h2>'+
			'<div class="div_recent_item_left" style="margin: 0px;">'+
				'<div class="div_recent_item_right">'+
					'<div class="div_recent_item_right_1" style="float: left; width:167px; height: 128px; margin-left: 15px; background-image:url(\''+item.image+'\');">'+
						
					'</div>'+
					'<div class="div_recent_item_right_2" style="margin-top: 9px; margin-left: 15px; width: 167px">'+
						'<div class="prod_price std_price" style="font-weight:normal; margin-left:28px">'+
							'&pound;'+ item.price +
						'</div>'+
					'</div>'+
				'</div>'+
			'</div>'+
		'</div>';               
		} 
		else if (item.type == 'related_nav_category')
		{ //square "Related Products" on Categories page
			return '<div class="div_recent_item" style="width:'+dim.width+'px;height:'+dim.height+'px; cursor: pointer; border-right: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD;" onmouseover="getElementById(\''+r_num+item.product_id+'_rp_title\').style.textDecoration=\'underline\'" onmouseout="getElementById(\''+r_num+item.product_id+'_rp_title\').style.textDecoration=\'none\'" onclick="window.open(\'/products/' + item.product_slug+ '\',\'_self\');">'
			+'<h2 style="overflow: hidden; height: 15px; margin-top: 10px; width:155px;" class="div_recent_item_left_2 std_content_t_ts" id="'+r_num+item.product_id+'_rp_title">'+
				item.title +
			'</h2>'+
			'<div class="div_recent_item_left">'+
				'<div class="div_recent_item_right">'+
				
					'<div class="div_recent_item_right_1" style=" height: 130px; width:100%; background-image:url(\''+item.image+'\');">'+
						
					'</div>'+
					'<div  style=" height: 25px;">'+
						'<div>'+
								'<div class="prod_price_rp std_price">'+
									'&pound;'+ item.price +
								'</div>'+
						'</div>'+
					
					'</div>'+
				'</div>'+
			'</div>'+
		'</div>';  
                
		}
		else if(item.type == 'main_category')
		{ //categories page product slider (NOTE: needs to stay consistant with code in category_select.php)
        
       
  
       
			return '<div class="recent_deal_content_box_main" style=" border-bottom-width: 3px; width:167px; padding-bottom: 6px; cursor: pointer;" onmouseover="getElementById(\''+r_num+item.product_id+'_title\').style.textDecoration=\'underline\'" onmouseout="getElementById(\''+r_num+item.product_id+'_title\').style.textDecoration=\'none\'" onclick="window.open(\'/products/'+ item.product_slug +'\',\'_self\');">'+
							'<h2 style="padding-left: 0px; padding-right: 0px; margin: auto; height:34px; width: 130px; overflow: hidden;" id="'+r_num+item.product_id+'_title" class="recent_deal_content_box_title std_content_t_ts">'+ item.title+'</h2>'+
			'<div class="recent_deal_content_box_left" style=" width: 130px; height: 110px; margin: auto; margin-top: 9px; position: relative; z-index:0; height:150px; background-repeat:no-repeat;  background-position:center; background-position:center; background-image:url(\''+item.image+'\'); ">&nbsp;'+
										
								'</div>'+
								'<div class="prod_price_cat std_price" style="padding-left: 0px; width: 130px; margin: auto; margin-top: 9px; margin-bottom: 6px; position: relative; z-index:1;">'+
										'&pound;'+item.price+
								'</div>' +
                                '<div class="rating" style="width: 95px; margin: auto; color: black; text-align: center;">'+helloworld(item.star_total,item.num_star_ratings)+'</div>'+
						'</div>';
			
		}
		else if (item.type == 'recently_viewed_items') //was 'recent_deal'
		{ //"Recently Viewed Items" slider
			
			if (item.product_slug !== undefined) { //ts (internal link)
				url = '/products/'+ item.product_slug;
			
			} else { //td (external link)
				url = item.product_url;
			}
			
			return 	'<div class="div_recent_item" style="cursor:pointer; height:145px; width:197px;" onclick="window.open(\''+url+'\',\'_self\');">'
					+'	<div class="div_recent_item_left">'
					+'		<div class="div_recent_item_right" style=" height:100px  width: 100px; background-repeat: no-repeat; background-position: center; background-image: url(\''+ item.image +'\');">'
					+'			<div class="div_recent_item_right_2" style="position: relative; top: 115px;">'
					+'				<div class="prod_price_rv std_price">'
					+'					&pound;'+ item.price
					+'				</div>'
					+'			</div>'
					+'		</div>'
					+'	</div>'
					+'</div>';
			
		}
		else if (item.type == 'tommy_s_deals') 
		{ //"Tommy's Deals" main product slider
			
			return '<div class="recent_deal_content_box_main" style="width:249px; height:710px; ">'
					+'	<div class="recent_deal_content_box_title std_content_t_td">'+ item.product_name +'</div>'
					+'	<div class="recent_deal_content_box_left" style=" position: relative; z-index:0;">'
					+'		<img src="'+ item.image +'"/>'
					+'	</div>'
					+'	<div class="recent_deal_content_box_right" style="position: relative; z-index:1;">'
					+'		<div class="recent_deal_content_box_right_buy_now_btn" onclick="window.open(\''+ item.product_url +'\');">'
					+'			<div class="std_buy_now"></div>'
					+'		</div>'
					+'		<div class="std_percent_off" style="left: 11px; position: relative; top: 13px; width:90px;">'+ item.discount +'% off</div>'
					+'		<div class="price_container">'
					+'			<div class="tab_content_row_price_strike std_sub_rrp_price">'+ item.product_rrp +'</div>'
					+'			<div class="tab_content_row_price_new std_sub_price" id="">&pound;'+ item.product_price +'</div>'
					+'		</div>'
					+'		<div style="position:relative; top:20px; over-flow:hidden; height: 250px; padding:10px;">'+ item.description +'</div>'
					+'		<div class="itemShareLink std_share_icons">'
					+'			<a href="/product-share.php?noticeboardoff=true&section=td&product_name='+ item.product_name +'&product_id='+ item.id +'&url='+ item.product_url +'" class="modal">'
					+'				<div class="email_icon"></div>'
					+'			</a>'
					+'			<a href="http://www.facebook.com/share.php?u='+ item.product_url +'&t='+ item.product_name +'" target="_blank">'
					+'				<div class="facebook_icon"></div>'
					+'			</a>'
					+'			<a href="http://del.icio.us/post?url='+ item.product_url +'&title='+ item.product_name +'"  target="_blank">'
					+'				<div class="delicious_icon"></div>'
					+'			</a>'
					+'			<a href="http://twitter.com/share?url='+ item.product_url +'&text='+ item.product_name +'" target="_blank">'
					+'				<div class="twitter_icon"></div>'
					+'			</a>'
					+'			<a href="http://digg.com/submit?url='+ item.product_url +'&title='+ item.product_name +'" target="_blank">'
					+'				<div class="digg_icon"></div>'
					+'			</a>'
					+'		</div>'
					+'	</div>'
					+'</div>';
		}

		return "";
	}
}
function helloworld(star_total,num_star_ratings){
     		//get average
		if (num_star_ratings != 0) { //to avoid 'divide by 0' error
			avg_rating = star_total / num_star_ratings; 
		} else {
			avg_rating = 0;
		}
		avg_rating = Math.round(avg_rating / 0.5) * 0.5; //round to nearest half
		
		num_ratings = num_star_ratings;
		
		star_avg_rating = "";
		
		
	
		
		lg_sm ='lg';
		
		for(i=0; i < Math.floor(avg_rating); i++) {
			star_avg_rating += '<div class="filled_star_'+lg_sm+'" title="filled star"></div>';
		}
		if (avg_rating > Math.floor(avg_rating)) { //if there's a half
			star_avg_rating += '<div class="half_star_'+lg_sm+'" title="half star"></div>';
			added_stars = Math.floor(avg_rating) + 1; 
		} else {
			added_stars = Math.floor(avg_rating);
		}
		for(i = added_stars; i<5; i++) {
			star_avg_rating += '<div class="empty_star_'+lg_sm+'" title="empty star"></div>';
		}
		return star_avg_rating;
   }