addLoadEvent(function(){

	initCarrousel();
	

});
function initCarrousel(){

	var stylesheet = document.createElement("link");
	stylesheet.setAttribute("rel","stylesheet");	
	stylesheet.setAttribute("type","text/css");
	stylesheet.setAttribute("href","css/STstyle.css");

	var script = document.createElement("script");
	script.setAttribute("type","text/javascript");
	script.setAttribute("src","script/STscript.js");

	if(BrowserDetect.browser=="Explorer"&&BrowserDetect.version<8){

		stylesheet.setAttribute("href","css/STstyleHIDDENFIX.css");
		script.setAttribute("src","script/STscriptHIDDENFIX.js");
	}
	
	var head = document.documentElement.getElementsByTagName("HEAD")[0];
	head.appendChild(stylesheet);
	head.appendChild(script);

	var xhr = xmlHttpRequest();
	xhr.onreadystatechange = function(){
	
		if(xhr.readyState == 4){
				
				var carrousel = new ST();
				
				//alert(xhr.responseText);	

				var data = eval("("+xhr.responseText+")");
				
				for( x in data.products){
					
					if(data.products[x].prodAlive == 1)var ssc = new skipSlugContent(data.products[x]);
					carrousel.feed(ssc);

				}
				
				carrousel.LM("carrousel");
		}
	
	}
	xhr.open("GET","phpModules/getCarrouselContent.php",true);
	xhr.send(null);

}
var skipSlugContent = function(data){
	
	if(!data)return false;
	
	var wrapper = document.createElement("div");
	
	var productTitle = document.createElement("h1");
	productTitle.className = "orange";
	productTitle.innerHTML = data.prodName;
	
	var productRange = document.createElement("h2");
	productRange.innerHTML = (data.prodRange=="undefined") ? "&nbsp;" : data.prodRange;
	
	var productSpacer = document.createElement("div");
	productSpacer.className = "productSpacer";
	
	var productDescription = document.createElement("div");
	productDescription.className = "productDescription";
	productDescription.innerHTML = (data.productDescription.length>128) ? data.productDescription.substring(0,128)+"&hellip;" : data.productDescription;
	
	if(data.productDescription.length>128){
		
		var moreAnchor = document.createElement("a");
		moreAnchor.title = data.prodName;
		moreAnchor.href = document.getElementById("base").href+data.typeSEOID+"/"+data.categorySEOID+"/"+data.productSEOID;
		moreAnchor.innerHTML = "meer over "+data.prodName;
		productDescription.appendChild(document.createElement("br"));
		productDescription.appendChild(moreAnchor);
	
	}
	
	var productGraphicWrapper = document.createElement("div");
	productGraphicWrapper.className = "productGraphicWrapper";
	
	var productGraphic = document.createElement("img");
	productGraphic.src = data.graphicSRC;
	productGraphicWrapper.appendChild(productGraphic);
	
	//if(data.big==1){
	
	//	var bigHREF = document.getElementById("base").href+data.graphicSRC.substring(0,data.graphicSRC.length-4)+"BIG.jpg";
		//var bigPicture = new TBP(bigHREF,data.prodName);
	//	productGraphic.onmouseup = function(){bigPicture.OPEN()}
	
	//}

	var productOptionsWrapper = document.createElement("div");
	productOptionsWrapper.className = "productOptionsWrapper";
	var productPrice = document.createElement("span");
	productPrice.innerHTML = formatPrice(data.prodPrice);
	productPrice.className = "tagWhite";
	
	if(data.discountId!="undefined"){
 	
	var discountPrice = document.createElement("span");
	discountPrice.className = "tagRed";
	discountPrice.innerHTML = formatPrice(data.discountPrice);
	productOptionsWrapper.appendChild(discountPrice);
	productPrice.className = "tagGreyDead";
	
 	}

	var HREF = (data.alternativeHREF!="undefined") ? data.alternativeHREF : data.typeSEOID+"/"+data.categorySEOID+"/"+data.productSEOID;
	
	var orderNowButton = document.createElement("a");
	orderNowButton.className = "compactButtonOrange"; 
	orderNowButton.innerHTML = "Bestellen";
	orderNowButton.onmouseup = function(){
		
		if(data.alternativeHREF!="undefined"){
			window.location = HREF
		}else{
			shoppingSessionManager.addProduct(data.prodID);
		}
		
		
	}

	var moreInfoButton = document.createElement("a");
	moreInfoButton.className = "compactButton";
	moreInfoButton.innerHTML = "Meer informatie";
	moreInfoButton.onmouseup = function(){ 
		
		window.location = HREF;
		
	}
	
	productOptionsWrapper.appendChild(productPrice);
	productOptionsWrapper.appendChild(orderNowButton);
	productOptionsWrapper.appendChild(moreInfoButton);	
	

	wrapper.appendChild(productTitle);
	wrapper.appendChild(productRange);
	productSpacer.appendChild(productGraphicWrapper);
	productSpacer.appendChild(productOptionsWrapper);
	productSpacer.appendChild(productDescription);
	wrapper.appendChild(productSpacer);
		
	return wrapper;

}