function populateProduct(prodArr) {
    if (items.length == 0)
        return;
    var descriptionEl=document.getElementById("productDescription");
    var photoEl=document.getElementById("productPhoto");

    var imgEl=document.createElement("img");
    imgEl.id="productPhotoIMG";
    imgEl.src=prodArr[0][1];
    imgEl.onload=function(){
	resizePageHeight();
    }
    photoEl.appendChild(imgEl);

    var colorsEl=[];
	
    var colorsBar=document.createElement("div");
    colorsBar.className="colorsBar";

    colorsBar.innerHTML="<h4>צבעים נוספים:</h4>";


    for (i=0; i<prodArr.length; i++){
        img=document.createElement("img");
        img.src=prodArr[i][1];
        colorSpan=document.createElement("span");
        //colorSpan.innerHTML="<img src='"+prodArr[i][0]+"' title='"+prodArr[i][2]+"' />";
        colorSpan.innerHTML="<div class='moreColors' style='background:#"+prodArr[i][0]+";'></div>";
        colorSpan.setAttribute("imgSrc",prodArr[i][1]);
        colorSpan.setAttribute("imgDesc",prodArr[i][2]);

        colorSpan.onclick=function(){
            switchProduct(this);
        }
        colorsBar.appendChild(colorSpan);
    }
	if (prodArr.length<=1)
		colorsBar.style.display="none";
    document.getElementById("productPage").insertBefore(colorsBar,descriptionEl.nextSibling);

    document.getElementById("productVersionField").value=prodArr[0][2];

   // if (Browser.IE) document.getElementById("productPage").style.height=document.getElementById('productPhoto').getElementsByTagName("img")[0].offsetHeight+"px"
   // else document.getElementById("productPage").style.minHeight=document.getElementById('productPhoto').getElementsByTagName("img")[0].offsetHeight+"px";
}
function switchProduct(sender){
    var photoEl=document.getElementById("productPhoto");
    try{
        photoEl.filters[0].apply();
        photoEl.style.visibility="hidden";
        photoEl.filters[0].play();
        photoEl.getElementsByTagName("img")[0].src=sender.getAttribute("imgSrc");
        document.getElementById("productVersionField").value=sender.getAttribute("imgDesc");
        photoEl.style.visibility="visible";
        photoEl.filters[0].play();
    }catch(e){
        photoEl.getElementsByTagName("img")[0].src=sender.getAttribute("imgSrc");
    }

  //  if (Browser.IE) document.getElementById("productPage").style.height=document.getElementById('productPhoto').getElementsByTagName("img")[0].offsetHeight+"px"
  //  else document.getElementById("productPage").style.minHeight=document.getElementById('productPhoto').getElementsByTagName("img")[0].offsetHeight+"px";
}


DOM.Event("load",function(){if(typeof(items)!="undefined"){populateProduct(items);resizePageHeight();}});