//
function rollover(pid, cid, clazz){
	document.getElementById("li-"+pid+""+cid).className = clazz;
}
//
function popup(pid){
		var pulldown = document.getElementById('pull-'+pid);
		var popup = document.getElementById('sel-'+pid);	

		// Layerposition 
		popup.style.left = pulldown.offsetLeft+5+"px";
		popup.style.top = pulldown.offsetParent.offsetParent.offsetTop + pulldown.offsetTop+"px";

		// Layer soll sichtbar sein
		popup.style.display = "block";
		
		var pTop = jQuery("#sel-"+pid).offset().top;
		var pLeft = jQuery("#sel-"+pid).offset().left;
		var pWidth = jQuery("#sel-"+pid).width();
		var pHeight = jQuery("#sel-"+pid).height();
		

		// Funktion auf "onmouseout" Ereignis: Layer nicht zeigen
		popup.onmouseout = function() {
			if(e && e.pageX && e.pageY){
				var x = e.pageX;
				var y = e.pageY;
				
				if(x < (pLeft+1) || x > (pLeft+pWidth-1) ||  y < (pTop+1) || y > (pTop+pHeight-1)) { this.style.display = "none"; }
			}
			else {
				this.style.display = "none";
			}
		}

		// Funktion auf "onmouseover" Ereignis: Layer zeigen
		popup.onmouseover = function() {
			this.style.display = "block";
		}
}

//
function select(pid,cid,cName,cImg1,cImg2,cImg3,cPrice,cArtNr,cArtBezeichnung,cArtText,cBild1,cBild2){
	if(cImg1==""){
		var pulldownLayerHTML = '<div class="colorname">'+cName+'</div>';
	}else{
		var pulldownLayerHTML = '<img src="'+cImg1+'" width="14" height="14" class="colorimg"> <div class="colorname">'+cName+'</div>';
	}

	document.getElementById('pull-'+pid).innerHTML = pulldownLayerHTML;	
	document.getElementById('sel-'+pid).style.display = "none";
	if(document.getElementById('color-img-b-'+pid)){
		document.getElementById('color-img-b-'+pid).src = cImg2; // <img src=...
	}

	document.getElementById('price-'+pid).innerHTML = cPrice; // span
	document.getElementById('artikelnummer-name-'+pid).innerHTML = cArtNr; // span
	document.getElementById('artikelnummer-bezeichnung-'+pid).innerHTML = cArtBezeichnung; // span
	document.getElementById('artikelnummer-text-'+pid).innerHTML = cArtText; // span

	document.getElementById('artikelnummer-'+pid).value = cArtNr; // <input type="hidden"....

	if(cImg3==""){
		document.getElementById('color-exp-link-'+pid).style.display = "none";	
	}
	else{
		document.getElementById('color-exp-link-'+pid).style.display = "block";		
		document.getElementById('farbbild-'+pid).value = cImg3; // <input type="hidden"....
	}

	document.getElementById('produktbild1-'+pid).value = cBild1; // <input type="hidden"....
	document.getElementById('produktbild2-'+pid).value = cBild2; // <input type="hidden"....

	if(cBild1 != ""){
		document.getElementById('produktbild-img-'+pid).src = cBild1; // <img src=...
	}
	else {
		document.getElementById('produktbild-img-'+pid).src = '../mdb/no-product-image-de.jpg'; // <img src=...
	}
	document.getElementById('produktbild-img-'+pid).alt = cArtBezeichnung; // <img alt=...
	document.getElementById('produktbild-img-'+pid).title = cArtBezeichnung; // <img title=...

	window.scrollTo(0,document.getElementsByName('top'+pid)[0].offsetTop);
}

//
function colorExample(type,pid,dummy_src){

	var box = document.getElementById('color-exp-box');
	var box_img = document.getElementById('color-exp-box-img');

	// Layerposition 
	box.style.left = (((document.documentElement.clientWidth-445)/2)-280)+"px";
	
	if (document.documentElement.scrollTop>0) {
		box.style.top = (((document.documentElement.clientHeight-445)/2)-180)+document.documentElement.scrollTop+"px";
	} else {
		box.style.top = (((document.documentElement.clientHeight-445)/2)-180)+document.body.scrollTop+"px";
	}	

	// 
	//box_img.src = dummy_src;
	//box_img.src = box_img_src;
	/*if (type==1){
		if(document.getElementById('farbbild-'+pid).value == ""){
			box_img.src = dummy_src;
		}
		else {	
			box_img.src = document.getElementById('farbbild-'+pid).value;
		}
	}*/
	if (type==2){
		if(document.getElementById('produktbild2-'+pid).value == ""){
			box_img.src = dummy_src;
		}
		else {	
			box_img.src = document.getElementById('produktbild2-'+pid).value;
		}
	}

	box_img.style.display = "block";
	box.style.display = "block";
}

//
function colorExampleClose(){
	var box = document.getElementById('color-exp-box');
	var box_img = document.getElementById('color-exp-box-img');

	box.style.display = "none";
	box.style.top = "0px";
	box.style.left = "0px";
	box_img.src = null;
}

//
function ProductInfo(pId,pNo,pName,pText,pFoto,pPrice,pColorNo,pColorName,pColorImg1,pColorImg2){
	this.id = pId;
	this.name = pName;
	this.text = pText;
	this.foto = pFoto;
	this.price = pPrice;
	this.colorNo = pColorNo;
	this.colorName = pColorName;
	this.colorImg1 = pColorImg1;
	this.colorImg2 = pColorImg2;
}