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(){
    $("#panFade").hide();
    $("#panUsedImages").hide();
}

function showUsedImages(img, itemID, numPhotos) {
    var imgURL = "https://secure17.prositehosting.co.uk/jetcraft-secure/images/used/";
    $("#panFade").css("height", $(document).height());
    $("#panFade").css("width", $(document).width());
    $("#panFade").show();
    
    $("#imgUsedFull").attr("src", imgURL + itemID + "_1.jpg");
    $("#imgUsedFull").show();
    $("#imgUsedThumb1").hide();
    $("#imgUsedThumb2").hide();
    $("#imgUsedThumb3").hide();
    $("#imgUsedThumb4").hide();
    if (numPhotos >= 1) { $("#imgUsedThumb1").attr("src", imgURL + itemID + "_1.jpg"); $("#imgUsedThumb1").show(); }
    if (numPhotos >= 2) { $("#imgUsedThumb2").attr("src", imgURL + itemID + "_2.jpg"); $("#imgUsedThumb2").show(); }
    if (numPhotos >= 3) { $("#imgUsedThumb3").attr("src", imgURL + itemID + "_3.jpg"); $("#imgUsedThumb3").show(); }
    if (numPhotos >= 4) { $("#imgUsedThumb4").attr("src", imgURL + itemID + "_4.jpg"); $("#imgUsedThumb4").show(); }
    
    $("#panUsedImages").css("top", $(img).position().top - ($("#panUsedImages").height()/2));
    $("#panUsedImages").css("left", (($(document).width()-$("#panUsedImages").width())/2));
    $("#panUsedImages").show();
}

function showUsedImage(img) {
    $("#imgUsedFull").attr("src", $(img).attr("src"));
}

function hideUsedImages() {
    $("#panFade").hide();
    $("#panUsedImages").hide();
}