<script language="javascript" type="text/javascript">
function ProductInfoItemPicture(){
    var jqzoom = document.getElementById("jqzoom");
    var prodView = document.getElementById("prodView");
    var PicList = document.getElementById("PicList");
    var PicNum = PicList.getElementsByTagName("img");
    for(var i = 0; i<PicNum.length; i++){
        PicNum[i].onclick=function(){
            var lang = this.getAttribute("lang");
            jqzoom.setAttribute("href",lang);
            prodView.setAttribute("src",lang);
            for(var j=0; j<PicNum.length; j++){
                if(PicNum[j].getAttribute("class") =="onbg" || PicNum[j].getAttribute("className") =="onbg"){
                    PicNum[j].className = "autobg";
                    break;
                }
            }
            this.className = "onbg";
        }
        PicNum[i].onmouseover=function(){
            var lang = this.getAttribute("lang");
            jqzoom.setAttribute("href",lang);
            prodView.setAttribute("src",lang);
            for(var j=0; j<PicNum.length; j++){
                if(PicNum[j].getAttribute("class") =="onbg" || PicNum[j].getAttribute("className") =="onbg"){
                    PicNum[j].className = "autobg";
                    break;
                }
            }
            this.className = "onbg";
        }
    }
}
</script>
<style type="text/css">
div.jqZoomTitle{z-index:5000;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top: 0px;left: 0px;width: 100%;color: #FFF;background: #999;}
.jqZoomPup{overflow:hidden;background-color: #FFF;-moz-opacity:0.6;opacity: 0.6;filter: alpha(opacity = 60);z-index:10;border-color:#c4c4c4;border-style: solid;cursor:crosshair;}
.jqZoomPup img{border:0;}
.preload{-moz-opacity:0.8;opacity: 0.8;filter: alpha(opacity = 80);color: #333;font-size: 12px;font-family: Tahoma;text-decoration: none;border: 1px solid #CCC;background-color: white;padding: 8px;text-align:center;background-image: url({$Eshop_url}images/load.gif);background-repeat: no-repeat;background-position: 43px 30px;width:90px;* width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px;}
.jqZoomWindow{border: 1px solid #999;background-color: #FFF;}
</style>
<DIV class="productinfoitempicture">
<DIV class="bigpic">
{@pic}
</DIV>