//
function rollover(pid, cid, clazz){
	document.getElementById("li-"+pid+""+cid).className = clazz;
}

//
function popup(pid){
		var pulldown = document.getElementById('pull-'+pid);
		var win = document.getElementById('sel-'+pid);	
			
		// Layerposition 
		win.style.left = pulldown.offsetLeft+5+"px";
		win.style.top = pulldown.offsetParent.offsetParent.offsetTop + pulldown.offsetTop -1 + "px";

		// Layer soll sichtbar sein
		win.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
		win.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
		win.onmouseover = function() {	
			this.style.display = "block";
		}
}
//
function select(pid, cid,cName,cImg1,cImg2,cImg3, pPrice,pArtNr,pArtBezeichnung,pArtText,pBild1,pBild2,pBild3,pNichVerfuegbar,pVerpackungBeachten){
	// einen ausgewählten Eintrag setzen
	var pulldownLayerHTML = '<div class="colorname">'+cName+'</div>';
	if(cImg1!=""){	pulldownLayerHTML = '<img src="'+cImg1+'" width="14" height="14" class="colorimg"> ' + pulldownLayerHTML; }	
	document.getElementById('pull-'+pid).innerHTML = pulldownLayerHTML;	
	document.getElementById('sel-'+pid).style.display = "none"; // Menu ausblenden
	
	// Farb-Punkt neusetzen, fals es ein gibt
	if(document.getElementById('color-img-b-'+pid)){
		document.getElementById('color-img-b-'+pid).src = cImg2; // <img src=...
	}
	
	// Farb-Beispiel ausblenden
	if(cImg3==""){
		document.getElementById('color-exp-link-'+pid).style.display = "none";	
	}
	else{
		// Farb-Beispiel einblenden + Wert fürs colorExample(...) zwieschenspeichern
		document.getElementById('color-exp-link-'+pid).style.display = "block";		
		document.getElementById('farbbild-'+pid).value = cImg3; // <input type="hidden"....
	}
	
	// Werte fürs colorExample(...) und fürs Form-Submit(ArtikelNr) zwieschenspeichern
	document.getElementById('artikelnummer-'+pid).value = pArtNr; // <input type="hidden"....
	document.getElementById('produktbild2-'+pid).value = pBild2; // <input type="hidden"....
	document.getElementById('produktbild3-'+pid).value = pBild3; // <input type="hidden"....	
	
	// ArtikelNr, Bezeichnung etc. neusetzen
	document.getElementById('price-'+pid).innerHTML = pPrice; // span
	document.getElementById('artikelnummer-name-'+pid).innerHTML = pArtNr; // span
	document.getElementById('artikelnummer-bezeichnung-'+pid).innerHTML = pArtBezeichnung; // span
	document.getElementById('artikelnummer-text-'+pid).innerHTML = pArtText; // span	
	
	// Bilder-Ansicht manipulieren
	if(pBild2 != ""){ // anzeigen
		document.getElementById('link_lupe-'+pid).style.display = "block";
		document.getElementById('link_detail-'+pid).style.display = "block";
		
		// Kleines Bild neusetzen: mit link aufs bild-gross
		setImageContent(true,pid,pBild3,pArtBezeichnung,pArtBezeichnung);
	}
	else { // ausblenden
		document.getElementById('link_lupe-'+pid).style.display = "none";
		document.getElementById('link_detail-'+pid).style.display = "none";
		
		// Kleines Bild neusetzen: ohne link aufs bild-gross
		setImageContent(false,pid,pBild3,pArtBezeichnung,pArtBezeichnung); 	
	}
	
	// "Nicht verfügbar" behandeln
	document.getElementById('nicht-verfuegbar-'+pid).innerHTML = pNichVerfuegbar;
	
	// "Bestelleinheiten beachten" behandeln
	if(pVerpackungBeachten=="1"){
		document.getElementById('BE-'+pid).style.display = "block"; // anzeigen
	}
	else {
		document.getElementById('BE-'+pid).style.display = "none"; // nicht anzeigen
	}
	
	// Scroll page to selected pulldown
	//window.scrollTo(0,document.getElementsByName('top'+pid)[0].offsetTop);
}

//
function setImageContent(wrap,pid,img_src,img_alt,img_title){
	if(img_src == ""){	img_src = "/mdb/no-product-image-de.jpg";	}
	var a_begin = "<a href=\"javascript:colorExample(2,'"+pid+"','../mdb/dummy.gif');\">";
	var a_end = "</a>"; 
	var image = "<img id='produktbild-img-"+pid+"' src='"+img_src+"' width='120' height='120' border='0' alt='"+img_alt+"' title='"+img_title+"'>";
	var html = image;
	if(wrap==true){
		html = a_begin + image + a_end;
	}
	
	document.getElementById('produktbild-imagebox-'+pid).innerHTML = html;
}

//
function setImage(image, bild_src, dummy_src){
	if(image.src == ""){
		image.src = dummy_src;
	}
	else {
		image.src = bild_src;
	}
}

//
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 versandkostenAnzeigen(text){
	var box_content = document.getElementById('all-color-exp-box-content');
	var box = document.getElementById('all-color-exp-box');
	
	// Layerposition 
	box.style.left = "0px";
	box.style.top = (((document.documentElement.clientHeight-445)/2)+50)+document.documentElement.scrollTop+"px";
	
	var closeLink = '<a href="javascript:allColorsClose();"><img src="images/close_icon.gif" width="12" height="11" border="0" style="position:absolute;right:4px;top:4px;"></a>';
	var content = '<div onclick="javascript:allColorsClose();" class="versandkosten">' + text + '</div>';
	
	box_content.innerHTML = closeLink + content;
	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 allColorsClose(){
	var box = document.getElementById('all-color-exp-box');	
	
	box.style.top = "0px";
	box.style.left = "0px";		
	box.style.display = "none";
}
function allColorsShow(){	
	var box_content = document.getElementById('all-color-exp-box-content');
	var box = document.getElementById('all-color-exp-box');
	
	// Layerposition 
	box.style.left = (((document.documentElement.clientWidth-445)/2)-280)+"px";
	box.style.top = (((document.documentElement.clientHeight-445)/2)-200)+document.documentElement.scrollTop+"px";
	
	var closeLink = '<a href="javascript:allColorsClose();"><img src="images/close_icon.gif" width="12" height="11" border="0" style="position:absolute;right:4px;top:4px;"></a>';
	var content = '<table class="contenttable"><tbody><tr><td></td><td></td><td></td><td><p class="bodytext"><img src="images/solid-colors/FFFFFF.gif" alt="00 weiï¿½" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="00 weiï¿½" /></p></td><td><p class="bodytext"><img src="images/solid-colors/FEF6DB.gif" alt="02 sand" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="02 sand" /></p></td><td><p class="bodytext"><img src="images/solid-colors/FCEBB2.gif" alt="04 vanille" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="04 vanille" /></p></td><td><p class="bodytext"><img src="images/solid-colors/FBECED.gif" alt="06 puder" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="06 puder" /></p></td><td><p class="bodytext"><img src="images/solid-colors/F2CECF.gif" alt="08 zartrosa" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="08 zartrosa" /></p></td><td><p class="bodytext"><img src="images/solid-colors/EFC295.gif" alt="10 lachs" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="10 lachs" /></p></td><td></td><td></td><td></td><td></td></tr><tr><td><p class="bodytext"><img src="images/solid-colors/D6F9F1.gif" alt="26 eisblau" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="26 eisblau" /></p></td><td><p class="bodytext"><img src="images/solid-colors/D6ECF5.gif" alt="28 hellblau" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="28 hellblau" /></p></td><td><p class="bodytext"><img src="images/solid-colors/BEC5DF.gif" alt="29 lavendelblau" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="29 lavendelblau" /></p></td><td><p class="bodytext"><img src="images/solid-colors/37569D.gif" alt="30 kornblume" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="30 kornblume" /></p></td><td><p class="bodytext"><img src="images/solid-colors/marine.gif" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="32 Marine" alt="" /></p></td><td></td><td><p class="bodytext"><img src="images/solid-colors/FFF063_01.gif" alt="11 zitrone" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="11 zitrone" /></p></td><td><p class="bodytext"><img src="images/solid-colors/F2D601.gif" alt="12 sonnengelb" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="12 sonnengelb" /></p></td><td><p class="bodytext"><img src="images/solid-colors/DF913B.gif" alt="14 orange" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="14 orange" /></p></td><td><p class="bodytext"><img src="images/solid-colors/D4644A.gif" alt="16 koralle" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="16 koralle" /></p></td><td><p class="bodytext"><img src="images/solid-colors/993333.gif" alt="17 paprika" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="17 paprika" /></p></td><td><p class="bodytext"><img src="images/solid-colors/CB110D.gif" alt="18 signalrot" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="18 signalrot" /></p></td><td><p class="bodytext"><img src="images/solid-colors/6F044C.gif" alt="20 bordeaux" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="20 bordeaux" /></p></td></tr><tr><td><p class="bodytext"><img src="images/solid-colors/E6A1BA.gif" alt="22 pink" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="22 pink" /></p></td><td><p class="bodytext"><img src="images/solid-colors/AB91B4.gif" alt="24 flieder" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="24 flieder" /></p></td><td><p class="bodytext"><img src="images/solid-colors/591679.gif" alt="25 pflaume" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="25 pflaume" /></p></td><td><img src="images/solid-colors/violett.gif" alt="33 violett" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="33 violett" /></p></td><td><p class="bodytext"><img src="images/solid-colors/D6F9F1.gif" alt="34 mint" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="34 mint" /></p></td><td><p class="bodytext"><img src="images/solid-colors/7ACAD8.gif" alt="36 tï¿½rkis" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="36 tï¿½rkis" /></p></td><td><p class="bodytext"><img src="images/solid-colors/pazifik.gif" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="31 - pazifikblau" alt="" /></p></td><td><p class="bodytext"><img src="images/solid-colors/C7D961.gif" alt="38 limone" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="38 limone" /></p></td><td><p class="bodytext"><img src="images/solid-colors/B3D76E.gif" alt="40 maigrï¿½n" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="40 maigrï¿½n" /></p></td><td><p class="bodytext"><img src="images/solid-colors/999900.gif" alt="43 oliv" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="43 oliv" /></p></td><td><p class="bodytext"><img src="images/solid-colors/67AE80.gif" alt="42 apfelgrï¿½n" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="42 apfelgrï¿½n" /></p></td><td><p class="bodytext"><img src="images/solid-colors/646F5F.gif" alt="44 russischgrï¿½n" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="44 russischgrï¿½n" /></p></td><td><p class="bodytext"><img src="images/solid-colors/275147.gif" alt="46 tannengrï¿½n" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="46 tannengrï¿½n" /></p></td></tr><tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td><p class="bodytext"><img src="images/solid-colors/umbra.gif" alt="49 umbra" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="49 umbra" /></p></td><td><p class="bodytext"><img src="images/solid-colors/996633.gif" alt="47 karamell" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="47 karamell" /></p></td><td><p class="bodytext"><img src="images/solid-colors/kaffee.gif" alt="48 Kaffebraun" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="48 Kaffebraun" /></p></td><td><p class="bodytext"><img src="images/solid-colors/BEC5DF.gif" alt="50 lichtgrau" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="50 lichtgrau" /></p></td><td><p class="bodytext"><img src="images/solid-colors/87898C.gif" alt="52 grau" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="52 grau" /></p></td><td><p class="bodytext"><img src="images/solid-colors/000000.gif" alt="54 Schwarz" style="BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; WIDTH: 37px; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 37px" title="54 Schwarz" /></p></td></tr></tbody></table>';
	
	box_content.innerHTML = closeLink + content;
	box.style.display = "block";	
}

//
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;
}
