document.write("<link rel='stylesheet' type='text/css' href='"+carouseCSSLink+"' />");
document.write("<link rel='stylesheet' type='text/css' href='"+carouselSkinLink+"' />");
document.write("<script type='text/javascript' src='"+carouselScriptLink+"'></script>");
jQuery(document).ready(function() {

	function RecentlyViewedItemLoad()
	{
		jQuery.ajax({
			type: "POST",
			url: recentlyViewedUrl,
			dataType: "json",
			success: function(data){
				ScrollItemAdd(data, "recently","#RecentlyViewedCarousel");
				//InitRelatedProducts();
				jQuery('#RecentlyViewedCarousel').jcarousel({
					vertical: true,
					visible:3,
					scroll: 1
				});
				//RelatedProductsItemLoad();
			}
		});
	};
	
	function ScrollItemAdd(data, type, id)
	{
		for (var i in data.Items) {
			var currItem = parseInt(i)+1;
			var html;
			if (type == "related"){
				html = getRelatedItemHTML(data.Items[i]);
			}else if (type == "recently"){
				html = getRecentlyItemHTML(data.Items[i]);
			}
			jQuery(id).append("<li>"+html+"</li>");
		}
		
		var size = parseInt(i)+1;
	};

	function getRecentlyItemHTML(item)
	{
		var html = "<div class='RecentViewedWrapper'><a href='"+item.Link+"'>";
		html += "<img src='"+item.Image+"' alt='"+item.Name+"' title='"+item.Name+"'></a>";
		html += "<div class='RecentProductsInfo'>";
		html += "<a class='recentLink' href='"+item.Link+"'>"+item.Name+"</a><br>";
		if (item.ListPrice == item.SalePrice){
			html += "<span>"+item.ListPrice+"</span>";
		}
		else {
			html += "<span class='OldPriceDisplay'>"+item.ListPrice+"</span>";
			html += "<span class='SalePriceDisplay'>Sale "+item.SalePrice+"</span>";
		}
		html += "</div><div class='clr'><!-- --></div></div>";
		return html;
	};

		
	RecentlyViewedItemLoad();
});