function initGallery(){
    document.getElementById("panFade").style.display="none";
    document.getElementById("imgFull").style.display="none";
}

function showImage(thumb){
    var img=document.getElementById("imgFull");
    var pan=document.getElementById("panFade");
    pan.style.display="block";
    img.style.display="block";
    img.src=thumb.src;
    img.style.width="640px";
    img.style.height="480px";
    pan.style.paddingTop=document.documentElement.scrollTop+20;
    img.style.top=document.documentElement.scrollTop;
    img.style.left=(document.body.offsetWidth-img.offsetWidth)/2;
    pan.style.height=document.body.offsetHeight;
    pan.style.width=document.body.offsetWidth;

}

function showGalleryImage(thumb) {
    var img = document.getElementById("imgFull");
    var pan = document.getElementById("panFade");
    pan.style.display = "block";
    img.style.display = "block";
    img.src = thumb.src.replace("_tn","");
    img.style.width = "640px";
    img.style.height = "480px";
    pan.style.paddingTop = document.documentElement.scrollTop + 20;
    img.style.top = document.documentElement.scrollTop;
    img.style.left = (document.body.offsetWidth - img.offsetWidth) / 2;
    pan.style.height = document.body.offsetHeight;
    pan.style.width = document.body.offsetWidth;

}

function showShopImage(thumb) {
    var img = document.getElementById("imgFull");
    var pan = document.getElementById("panFade");
    pan.style.display = "block";
    img.style.display = "block";
    img.src = thumb.src;
    img.style.width = "400px";
    img.style.height = "400px";
    pan.style.paddingTop = document.documentElement.scrollTop + 20;
    img.style.top = document.documentElement.scrollTop;
    img.style.left = (document.body.offsetWidth - img.offsetWidth) / 2;
    pan.style.height = document.body.offsetHeight;
    pan.style.width = document.body.offsetWidth;

}

function hideImage(){
    var img=document.getElementById("imgFull");
    var pan=document.getElementById("panFade");
    pan.style.display="none";
    img.style.display="none";
}
 function initUsedThumbs(){
    var divs=document.getElementById("ctl00_cphMain_panUsed").getElementsByTagName("div");
    var imgs;
    var src=""; var imgId="";
    for(i=0;i<divs.length;i++){
        if(divs(i).className=="used"){
            imgs=divs[i].getElementsByTagName("img");
            for(j=0;j<imgs.length;j++){
                imgs[j].id= i + "_" + j;
                imgs[j].onclick = function(){ showImage(this); }
                
            }
            
        }
    }
    document.getElementById("panFade").style.display="none";
    document.getElementById("imgFull").style.display="none";
}