var cp = {};
	
var Home = Class.create({
	initialize: function() {
		if(window.Article != undefined){
			//this.changeArticle(window.Article.image,window.Article.orderid,window.Article.imageRepeat,true);		
			$$('.ContentMainInhaltRight')[0].replace("");
		}
		if($$(".com-chkout-steps")[0]){
			var checkoutStep = $$(".com-chkout-steps")[0].childElements();
			checkoutStep[0].style.display = "block";
			checkoutStep[1].style.display = "block";						
			checkoutStep[2].style.display = "none";
			checkoutStep[3].style.display = "block";
			checkoutStep[4].style.display = "block";					
			
		}

		this.setupSlide();
	},
		
	changeArticle: function(img, orderid, repeat, autostart){		
		this.cpArticle = $$(".cpArticle");
		this.prsiv = $$(".prsiv_"+orderid);		
		this.cpProductSingleInfoVorschauItem = $$(".ProductSingleInfoVorschauItem");
		for ( var q=0;q<this.cpProductSingleInfoVorschauItem.length;q++ ) {this.cpProductSingleInfoVorschauItem[q].hide();}		
		
		var i;
		for ( i=0;i<this.cpArticle.length;i++ ) {
			this.cpArticle[i].hide(); 
			$$(".infoButton")[i].style.backgroundImage = "url(fileadmin/layout/version_01/info_open.jpg)";
		}		

		this.cpArticle[orderid].show();
		for (var p=0;p<this.prsiv.length;p++ ) {this.prsiv[p].show();}
		
		if(autostart){
			$('sliderContainer_Info').addClassName('closed');
			$('sliderContainer_Info').hide();
			$('infoButton').style.backgroundImage = "url(fileadmin/layout/version_01/info_close.jpg)";			
		}
		
		if(repeat==1){bgRepeat="repeat"; bgPosition="left top";}else{bgRepeat="no-repeat"; bgPosition="center center";};
		$("body").style.backgroundImage = "url(uploads/tx_commerce/"+img+")";
		$("body").style.backgroundRepeat = bgRepeat;
		$("body").style.backgroundPosition = bgPosition;
		
		window.Article.Articleid = orderid;
		
	},
	
	getPrice: function(price){
		var articleID = window.Article.Articleid;
		var width = $$(".com-input-wwidth")[articleID].value.split(",").join(".");
		var height = $$(".com-input-wheight")[articleID].value.split(",").join(".");
		var prices = $$(".com-input-price")[articleID].value.split(",").join(".").split("€ ").join("");
		
		if(!price){
			//if($$(".com-input-wwidth")[articleID].value) $$(".com-input-wwidth")[articleID].value = width;	
			if($$(".com-input-wwidth")[articleID].value) $$(".com-input-wwidth")[articleID].value = Math.ceil(width/100)*100;				
			
		}else{
			if($$(".com-input-wwidth")[articleID].value) $$(".com-input-wwidth")[articleID].value = Math.ceil(width/100)*100;		
		  
	(function()
	{
    var s = window.location.search.substring(1).split('&');
   	if(!s.length) return;
    var c = {};
    for(var i  = 0; i < s.length; i++)
    {
		
        var parts = s[i].split('=');
        c[unescape(parts[0])] = unescape(parts[1]);
    }
    window.param = function(name){return name ? c[name] : c;}
	
	
	}())
		
		if (param('L') == 1) {
			//alert(param('L'));
			  var menge = Math.ceil(width/100)*100*height;
			  var newmenge = Math.ceil(menge/100);
			
			
			 var newprice = (prices*newmenge).toFixed(2);
			 var roundprice = newprice;
		}	
		else {
			 // alert(param('L'));
			  var menge = Math.ceil(width/100)*100*height;
			  var newmenge = Math.ceil(menge/100);
			
			
			 var newprice = (prices*newmenge).toFixed(2);
			 var roundprice = newprice.split(".").join(",");
			}
			
			
		
      //var EndMenge = (menge.toString()).replace(".",",");
		//$$(".com-input-menge")[articleID].value = menge;
		
		$$(".com-input-menge")[articleID].value = newmenge;
		
		$$(".com-input-prices")[articleID].value = roundprice;
		}
	},
	
	setupSlide: function(){
		this.codes = document.getElementsByClassName('sliderButton');
		var i;
		for ( i=0;i<this.codes.length;i++ ) {
			Event.observe(this.codes[i],'click',this.createSlide,false);
			Element.cleanWhitespace(this.codes[i].parentNode);
			
		    if(window.infobox){
				if(this.codes[i].readAttribute('id') == 'sliderContainer_Info') this.codes[i].style.backgroundImage = "url(fileadmin/layout/version_01/"+window.infobox+".jpg)";	
			}else {
				if(this.codes[i].readAttribute('id') == 'sliderContainer_Info') this.codes[i].style.backgroundImage = "url(fileadmin/layout/version_01/info_open.jpg)";	
			}
			 
			
		}
	},
	
	getEventSrc : function (e) {
		if (!e) e = window.event;
		if (e.originalTarget)
			return e.originalTarget;
		else if (e.srcElement)
		return e.srcElement;
	},
	
	createSlide : function(e) {
		var el = cp.home.getEventSrc(e).nextSibling;
		if ( Element.hasClassName(el,'closed') ) {
			if(el.readAttribute('id') == 'sliderContainer_Basket'){
				if(window.crossoverProduct == undefined){
					$('basketButton').style.backgroundImage = "url(fileadmin/layout/version_01/basket_open.jpg)";
					
				}else{
					$('basketButton').style.backgroundImage = "url(fileadmin/layout/version_02/basket_open_g.jpg)";					
				}
			}
			
			if(el.readAttribute('id') != 'sliderContainer_Basket'){
				this.cpArticle = $$(".cpArticle");
				var i;
				for ( i=0;i<this.cpArticle.length;i++ ) {	
				    if(window.infobox){
						$$(".infoButton")[i].style.backgroundImage = "url(fileadmin/layout/version_01/"+window.infobox+".jpg)";	
					}else {
						$$(".infoButton")[i].style.backgroundImage = "url(fileadmin/layout/version_01/info_open.jpg)";
					}					
				}				
			}
			
			new Effect.Parallel(
				[
					new Effect.SlideDown(el,{sync:true})
					//new Effect.Appear(el,{sync:true})
				],
				{
					duration:1.0,
					fps:40
				}
			);
			Element.removeClassName(el,'closed');				
		} else {
			if(el.readAttribute('id') == 'sliderContainer_Basket'){
				if(window.crossoverProduct == undefined){
					$('basketButton').style.backgroundImage = "url(fileadmin/layout/version_01/basket_close.jpg)";
				}else{
					$('basketButton').style.backgroundImage = "url(fileadmin/layout/version_02/basket_close_g.jpg)";
				}				
			}
			
			if(el.readAttribute('id') != 'sliderContainer_Basket'){			
				this.cpArticle = $$(".cpArticle");
				var i;
				for ( i=0;i<this.cpArticle.length;i++ ) {	
					$$(".infoButton")[i].style.backgroundImage = "url(fileadmin/layout/version_01/info_close.jpg)";
				}	
			}
			
			new Effect.Parallel(
				[
					new Effect.SlideUp(el,{sync:true})
					//new Effect.Fade(el,{sync:true})
				],
				{
					duration:1.0,
					fps:40
				}
			);
			Element.addClassName(el,'closed');
		}
	}	
});

function initpage(){
	cp.home = new Home();
}

document.observe("dom:loaded",initpage);