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 ScrolldataItemAdd(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 RelatedProductsItemLoad()
	{
		jQuery.ajax({
			type: "POST",
			url: relatedProductsUrl,
			dataType: "json",
			success: function(data){
				ScrolldataItemAdd(data, "related", "#RelatedProductsCarousel");
				jQuery("#RelatedProductsCarousel").jcarousel({
					vertical: true,
					scroll: 1,
					visible:3
				});
			}
		});
	};
	
	function getRelatedItemHTML(item){
		var html = "<div class='BasketRelatedProductsItem'>";
		html += "<a class='RelatedProductsItemImageLink' href='"+item.Link+"'><img src='"+item.Image+"' alt='"+item.Name+"' title='"+item.Name+"'></a>";
		html += "<div class='RelatedProductsInfo'>";
		html += "<a 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;
	}
	
	RelatedProductsItemLoad();
});