timeOut = setInterval("checkimage()", 100);
var image_width = 0;
var image_1 = new Image();
var screenX = 0;
var screenY = 0;
var pX, pY;

function show_image(image, galeryid) {

    if (document.getElementById('background_' + galeryid) != null) {
        document.getElementById('background_' + galeryid).style.display = "block";
        //document.getElementById('background_' + galeryid).opacity= "0.8";
        //document.getElementById('background_' + galeryid).filter:alpha(opacity=80);;
    }
    
    document.getElementById('image_org_url_'+galeryid).value = image;
    var winH = 480;
    var winW = 640;
        if (parseInt(navigator.appVersion) > 3) {
          if (navigator.appName.indexOf("Microsoft") != -1) {
              winH = document.documentElement.clientHeight - 20;
              winW = document.documentElement.clientWidth - 20;
                    } else {
                    winH = window.innerHeight - 16;
                    winW = window.innerWidth - 16;
                    }
                }

                if (winH < 0) {
                    winH = document.body.offsetHeight - 20;
                    winW = document.body.offsetWidth - 20;
                }
                winH = winH - 60;
                winW = winW - 40;
    image = image + "?height=" + winH+"&Width="+winW;
    
    var galeryid_static = "";
    var names = document.getElementsByName('galeryids');
    var temp = "";
    for (var i = 0; i < names.length; i++) {
        galeryid_static = names[i].value;
        if (galeryid_static != galeryid) {
            hide_image(galeryid_static);
        } else {
            document.getElementById("largeimage_" + galeryid_static).src = "";
            temp = document.getElementById("mypopup_" + galeryid_static).innerHTML;
            document.getElementById("mypopup_" + galeryid_static).innerHTML = "";
        }
    }

    image_1 = new Image();
    image_1.src = image;

    image_width = -1;



            document.getElementById("mypopup_" + galeryid).innerHTML = temp;
            //document.getElementById("largeimage_" + galeryid).src = image + "?height=" + winH;
            document.getElementById("largeimage_" + galeryid).src = image;
}
function checkimage() {
    var galeryid_static = "";
    var names = document.getElementsByName('galeryids');
    for (var i = 0; i < names.length; i++) {
        galeryid_static = names[i].value;
        if (document.getElementById("largeimage_" + galeryid_static) == null) {
            continue;
        }

        if (image_1.src == document.getElementById("largeimage_" + galeryid_static).src) {

            var ns = (navigator.appName.indexOf("Netscape") != -1);

            var pY2 = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
            var pX2 = ns ? pageXOffset : document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;
            if (image_width == -1) {
                if (image_1.width > 0)
                    image_width = image_1.width;
            }
            if (image_width > 0 || ((screenX != window.innerWidth || screenY != window.innerHeight) && document.getElementById("mypopup_" + galeryid_static).style.display == "block") || ((pX != pX2 || pY || pY2) && document.getElementById("mypopup_" + galeryid_static).style.display == "block")) {
                pX = pX2;
                pY = pY2;
                if (window.innerWidth != null) {
                    screenX = window.innerWidth;
                    screenY = window.innerHeight;
                }
                else {
                    screenX = document.body.clientWidth;
                    screenY = document.body.clientHeight;
                }
                image_width = 0;

                var winW = 630, winH = 460;
                if (parseInt(navigator.appVersion) > 3) {
                    if (navigator.appName.indexOf("Microsoft") != -1) {
                        winH = document.documentElement.clientHeight - 20;
                        winW = document.documentElement.clientWidth - 20;
                        //                      winW = document.body.offsetWidth-20;
                        //                      winH = document.body.offsetHeight-20;
                    } else {
                        winW = window.innerWidth - 16;
                        winH = window.innerHeight - 16;
                    }
                }

                if (winH < 0 || winW < 0) {
                    winW = document.body.offsetWidth - 20;
                    winH = document.body.offsetHeight - 20;
                }

                var maxH = winH - 60;
                var maxW = winW - 40;

                var imageH = 0;
                var imageW = 0;

                imageW = image_1.width;
                imageH = image_1.height;

                var nPercent = 0;
                var nPercentW = 0;
                var nPercentH = 0;

                nPercentW = maxW / imageW;
                nPercentH = maxH / imageH;
                if (nPercentH < nPercentW && nPercentH > 0) {
                    nPercent = nPercentH;
                }
                else {
                    nPercent = nPercentW;
                }

                var destWidth = imageW * nPercent;
                var destHeight = imageH * nPercent;
                var addtotop = 0;

                if (destHeight > image_1.height && destWidth > image_1.width) {
                    addtotop = (destHeight - imageH) / 2;
                    var destWidth = imageW;
                    var destHeight = imageH;
                }


                document.getElementById("mypopup_" + galeryid_static).style.width = destWidth;
                document.getElementById("mypopup_" + galeryid_static).style.height = destHeight + 20;
                //document.getElementById("mypopup_" + galeryid_static).style.left = ((winW / 2) - (destWidth / 2)) + pX + 'px';
                //document.getElementById("mypopup_" + galeryid_static).style.top = 20 + pY + addtotop + "px";
                document.getElementById("mypopup_" + galeryid_static).style.left = ((winW / 2) - (destWidth / 2)) + 'px';
                document.getElementById("mypopup_" + galeryid_static).style.top = 20 + addtotop + "px";

                document.getElementById("largeimage_" + galeryid_static).width = destWidth;
                document.getElementById("largeimage_" + galeryid_static).height = destHeight;
                document.getElementById("mypopup_" + galeryid_static).width = destWidth;
                document.getElementById("mypopup_" + galeryid_static).height = destHeight + 20;

                document.getElementById("mypopup_" + galeryid_static).style.display = "block";
            }
        }
    }
}

function hide_image(galeryid) {
    document.getElementById("largeimage_" + galeryid).src = "";
    image_width = 0;
    document.getElementById("mypopup_" + galeryid).style.display = "none";

    if (document.getElementById('background_' + galeryid) != null) {
        document.getElementById('background_' + galeryid).style.display = 'none';
    }
    
}