document.observe("dom:loaded", function() {

	minContentWidth = 820;

	resizeElements();
	
	$('search_mini_form').addClassName('js');
	
	Event.observe(document.onresize ? document : window, "resize", resizeElements);
	

	Event.observe(document.onresize ? document : window, "resize", resizeRelatedList);
	
	
	// resize product lists
	//Event.observe(document.onresize ? document : window, "resize", resizeProductLists);

	
	Event.observe(document.onresize ? document : window, "resize", handler);
	
	resizeRelatedList();
	resizeProductLists();

});


var paddR = 0;


function hideAdvertise(){
	/*
	var el1 = document.getElementById('bannerRight1');
	var el2 = document.getElementById('bannerRight2');
	var el3 = document.getElementById('bannerRight3');
	
	
	var breite = document.viewport.getWidth();
	
	if(breite < 1200){
	
		if(el1){
			if($(el1).children[0]){
				//$(el1).children[0].remove();
			}
		}
		if(el2){
			if($(el2).children[0]){
				//$$(el2).children[0].remove();
			}
		}
		if(el3){
			if($(el3).children[0]){
				//$(el3).children[0].remove();
			}
		}
	}
	*/
}

function resizeRelatedList(){

if(!document.getElementById('relatedDIV')){
	return false;
}

var R_Div =  document.getElementById('relatedDIV');
var A_Div =  document.getElementById('alsoDIV');
var breite = document.viewport.getWidth();

if(breite < 992){
   breite = 992;
}
breite = breite - 180 - 112;

var produkt = 150;
var anzahl_g = (breite / produkt);
    anzahl = Math.floor(anzahl_g);
var rest = (breite % produkt);
anzahlRelated = anzahl;

var padding = (rest/anzahl);
	paddR = padding; 
	var produkt2 = 150 + paddR; 

if(rest < produkt){
	var kinder = document.getElementById('relatedList').children;
	for(var x=0;x<kinder.length;x++){
		kinder[x].style.paddingRight = '0px';
		kinder[x].style.paddingLeft = '0px';
		kinder[x].style.paddingRight = padding + 'px';	
	}

	var kinder = document.getElementById('alsoList').children;
	for(var x=0;x<kinder.length;x++){
		kinder[x].style.paddingRight = '0px';
		kinder[x].style.paddingLeft = '0px';
		kinder[x].style.paddingRight = padding + 'px';	
	}


}

if(breite - (AlsoProducts*produkt) > 0){
	document.getElementById('scrollNextAlso').style.display = 'none'; 
	document.getElementById('scrollPrevAlso').style.display = 'none'; 
	document.getElementById('alsoList').style.left = '0px';
}
else{
	document.getElementById('scrollNextAlso').style.display = ''; 
	document.getElementById('scrollPrevAlso').style.display = ''; 
}

if(breite - (RelatedProducts*produkt) > 0){
	document.getElementById('scrollNextRelated').style.display = 'none'; 
	document.getElementById('scrollPrevRelated').style.display = 'none'; 
	document.getElementById('relatedList').style.left = '0px';
}
else{
	document.getElementById('scrollNextRelated').style.display = ''; 
	document.getElementById('scrollPrevRelated').style.display = ''; 
}




R_Div.style.width = breite+'px';
A_Div.style.width = breite+'px';

var jetzt_left = document.getElementById('relatedList').style.left; 
var nLeft = getRightLeft(parseInt(jetzt_left)*-1,produkt2,1);
    nLeft = nLeft*-1;

document.getElementById('relatedList').style.left = nLeft + 'px';
}


function getRightLeft(jetzt,produkt,level){
	if( (produkt*level) > jetzt){
	return (produkt*(level-1));
	}
	else{
	var level = level + 1;
	return getRightLeft(jetzt,produkt,level);
	}

}



function resizeElements() {

//hideAdvertise();

	var isOneColumn = !!$$('body')[0].hasClassName('onecolumn');
	if(isOneColumn) {
		var contentWidth = document.viewport.getWidth();
	} else {
		var contentWidth = document.viewport.getWidth() - 180;
	}
	//console.log(contentWidth);
	//console.log(document.viewport.getWidth());
	//console.log(contentWidth < minContentWidth);
	//console.log(minContentWidth);
	// min width
	if(contentWidth < minContentWidth) {
		if(isOneColumn) {
			contentWidth = minContentWidth + 180;
		} else {
			contentWidth = minContentWidth;
		}
	}
	console.log(contentWidth);
	
	var colMainWidth = isOneColumn ? contentWidth-100-28 : contentWidth-28 ;
	
	$$('.col-main')[0].setStyle({width: colMainWidth+"px"});
	// standart -225
	if($$('.product-shop')[0]) $$('.product-shop')[0].setStyle({width: contentWidth-178-175+"px"});

	
	if($$('.banner-right') != ''){
		var aBanner = $$('.banner-right');
		
	}
	
	var productList = $$('.product-list.float');

	$$('.product-list').length;

	for (var i = 0; i < productList.length; ++i) {
		
		if(aBanner){

			if(aBanner[i]){
				if(aBanner[i].children[0]){
				var NoBannerWidth = 0;
				}
				else{
				var NoBannerWidth = 145;//305;
				}
			}
			else{
				var NoBannerWidth = 145;//305; unten 350
			}
		}
		
		// standart -340
		$(productList)[i].setStyle({width: contentWidth-190+NoBannerWidth+"px"});
	}

};

function optimaleAnzahl(breite,optimum){
var minBreite = 165;
var maxBreite = 250;
var erg = Math.floor(breite/optimum);

	//console.log('breite/optimum '+erg);

	if(erg  <= maxBreite && erg  >= minBreite){
		return optimum;
	}
	else if(erg < 1){
		return optimum;
	}
	else{
		optimum = optimum - 1;
		return optimaleAnzahl(breite,optimum);
	}
}

function optimalePixel(breite,anzahl,opBreite){
var minBreite = 185;
var maxBreite = 260;


//console.log('optimale Pixel '+opBreite);

if(!opBreite){
var opBreite = maxBreite;
}
	if((opBreite * anzahl) < breite){
		return opBreite;
	}
	else{
		return optimalePixel(breite,anzahl,opBreite-1);
	}
}

function optimaleBreite(breite,anzahl){

var opAnzahl = optimaleAnzahl(breite,anzahl) - 1;
if(opAnzahl < 3){
	opAnzahl = 3;
}
var opPixel = optimalePixel(breite,opAnzahl) - 10; // -10 ist das Padding



return opPixel;
}




function modalBoxAnpassung(src,bildHoehe,bildBreite){

	if(document.getElementById('modalBox').style.display == 'none'){
		
		document.getElementById('modalPic').src = src;
		
		if(!bildHoehe){
			var bildHoehe  = document.getElementById('modalPic').height;
		}
		if(!bildBreite){
			var bildBreite = document.getElementById('modalPic').width;
		}

		var height = Math.floor( (300 - bildHoehe) /2);
		var width  = Math.floor( (300 - bildBreite) /2);
		
		if(height < 0 || width < 0){
		
			if(bildBreite > 500 || bildHoehe > 500){
				
				if(bildBreite >= bildHoehe){
				
					document.getElementById('modalBoxInhalt').style.width = '500px';
					document.getElementById('modalBoxInhalt').style.marginLeft = '-250px';
				
					var verhalt = Math.floor((bildBreite / bildHoehe)*10) / 10;
					document.getElementById('modalPic').style.width = '460px';
					document.getElementById('modalPic').style.height = Math.floor(460/verhalt)+'px';
					console.log(verhalt);
					document.getElementById('modalBoxInhalt').style.height = (Math.floor(460/verhalt)+40)+'px';
					
					document.getElementById('modalBoxInhalt').style.marginTop = '-'+(Math.floor(250/verhalt)+0)+'px';
					
					height = 20;
				}
				else{
				
				
					document.getElementById('modalBoxInhalt').style.height = '500px';
					document.getElementById('modalBoxInhalt').style.marginTop = '-250px';
					
					var verhalt = Math.floor((bildHoehe / bildBreite)*10) / 10;
					document.getElementById('modalPic').style.height = '460px';
					document.getElementById('modalPic').style.width = Math.floor(460/verhalt)+'px';
					
					height = 20;
				}
				
				
				
			}
			else{
			
				
			
			
				if(height < 0){
					height = 0;
					document.getElementById('modalBoxInhalt').style.height = bildHoehe+'px';
					document.getElementById('modalBoxInhalt').style.marginTop = '-'+(bildHoehe/2)+'px';
				}
				if(width < 0){
					width = 0;
					document.getElementById('modalBoxInhalt').style.width = bildBreite+'px';
					document.getElementById('modalBoxInhalt').style.marginLeft = '-'+(bildBreite/2)+'px';
				}
			}
			
			
		}
		else{
		
			document.getElementById('modalPic').style.height = '';
			document.getElementById('modalPic').style.width = '';
		
		
			document.getElementById('modalBoxInhalt').style.height = '300px';
			document.getElementById('modalBoxInhalt').style.width = '300px';
			document.getElementById('modalBoxInhalt').style.marginLeft = '-150px';
			document.getElementById('modalBoxInhalt').style.marginTop = '-150px';
		}

		document.getElementById('modalPic').style.top = height+'px';
		document.getElementById('modalBox').style.display = '';
		document.getElementById('modalBoxInhalt').style.display = '';
	}
	else{
		document.getElementById('modalPic').src = '';
		document.getElementById('modalBox').style.display = 'none';
		document.getElementById('modalBoxInhalt').style.display = 'none';
	}
	
}

function modalBox(src,bildHoehe,bildBreite){

	if(src){
	src = src.split('250x250/').join('');
	}
	
	if(!document.getElementById('modalBox')){
		
		
		var url = newURL = window.location.protocol + "//" + window.location.host;
		
		$$('.header')[0].insert({after: "<div id='modalBox' onclick='modalBox();' style='display:none;width:100%;height:100%;background-color:#000000;opacity:0.6;filter:alpha(opacity:60);khtml-opacity:0.6;z-index:98;position:fixed;top:0px;left:0px;'></div>"});
		$$('.header')[0].insert({after: "<div id='modalBoxInhalt' style='display:none;background: url(\""+url+"/media/loader.gif\") no-repeat center;width:300px;height:300px;background-color:#ffffff;border:1px solid #ccc;z-index:99;position:fixed;top:50%;left:50%;margin-left:-150px;margin-top:-150px;text-align:center;'></div>"});
	
		var c = '<img id="modalPic" src="'+src+'" style="position:relative;">';
		var d = '<div id="modalCloseIconPic" onclick="modalBox();" style="background: url(\''+url+'/media/close_icon.png\');width:47px;height:47px;position:absolute;top:-20px;right:-20px;z-index:99;cursor:pointer;"></div>';

		$$('#modalBoxInhalt')[0].insert(""+d+"");
		$$('#modalBoxInhalt')[0].insert(""+c+"");
		
		modalBoxAnpassung(src,bildHoehe,bildBreite);
		
	}
	else{
		modalBoxAnpassung(src,bildHoehe,bildBreite);
	}

return false;
}




function newFocus(){
document.getElementsByName("ekomi_tooltip")[0].focus();
}

function handler(){
	resizeProductLists();
	setTimeout('resizeProductLists()',1000);
}

function resizeProductLists(){
console.log('resize');
	$$('.resize').each(function(el){
		var parentWidth = el.up().getWidth();
		var rightHalfWidth = optimaleBreite(parentWidth - 252,12);
			
		var elWidth = parentWidth - 252 + 5;//500;
			//elWidth-= 21;
		//console.log('RIGHT'+rightHalfWidth);
		//rightHalfWidth-= 5;
		//console.log('EL '+elWidth);
		
		el.childElements().each(function(child){
		
			child.setStyle({'width': rightHalfWidth+'px'});
			
		});
		
		el.setStyle({'width': elWidth+'px'});
		
	});
	
	//setTimeout('newFocus',400);
	 
}



function oeffnefenster (url,titel,breite,hoehe) {

	var prot = window.location.protocol;
		url  = prot+'//www.quickshopping.de/amazon_payments_details';

   fenster = window.open(url, titel, "width="+breite+",height="+hoehe+",status=no,scrollbars=no,resizable=yes");
   fenster.focus();
}



/*
function resizeProductLists() {
	$$('.resize').each(function(el){
		var parentWidth = el.up().getWidth();
		var elWidth = 0;
		el.childElements().each(function(child){
			childWidth = child.getWidth();
			
			//child.setStyle({'width':'100px'});
			
			if(elWidth + childWidth <= parentWidth) {
				elWidth += childWidth;
			}
		});
		//elWidth -= 200;
		el.setStyle({'width': elWidth+'px'});
	});
}
*/