imageVisible = false;
NS6=false;
IE4=(document.all);
if (!IE4) {NS6=(document.getElementById);}
NS4=(document.layers);

function viewLarge(relUrl, w, h) {
    lastX = 0;
    lastY = 0;
    floatX = 0;
    floatY = 0;
    posX = 0;
    posY = 0;
    ww = w + 30;
    hh = h + 50;
    //ww = w;
    //hh = h;
    
    //alert("OS = " + OS + "\nBrowser = " + browser + "\nversion = " + version);
    //var div = document.getElementById('largePicDiv');
    imgSrc = 'http://www.printeritems.com' + relUrl;
    //alert("NS6 = " + NS6);
    //alert("NS4 = " + NS4);
    //alert("IE4 = " + IE4);

    if ((NS4) || (NS6)) {
        //alert("window.pageXOffset = " + window.pageXOffset);
        //alert("window.pageYOffset = " + window.pageYOffset);
        //posX = window.pageXOffset + 350;
        //posY = window.pageYOffset + 100;
        //alert("document.body.clientWidth = " + document.body.clientWidth);
        //alert("document.body.clientHeight = " + document.body.clientHeight);
        posX = (document.body.clientWidth - ww) / 2;
        posY = window.pageYOffset + 100;
        /*msg = '';
        for (prop in window) {
            msg += prop + '\n';
        }
        alert(msg);*/
        if (NS4){
            layer.pageX = posX;
            layer.pageY = posY;
            window.open(imgSrc);
        }
        if (NS6){
            var div = document.getElementById('largePicDiv');
            div.style.left=posX;
            div.style.top=posY;
            //alert("Setting width = " + ww + " passed in w = " + w);
            //alert("Setting height = " + hh + " passed in h = " + h);
            div.style.width = ww;
            div.style.height = hh;

            var img = document.getElementById('largeImg');
            img.src = imgSrc;
            div.style.visibility = "visible";
        }
    }
    else if (IE4){
        if (lastX==-1 || delayspeed==0) {
            lastX=document.body.scrollLeft + floatX;
            lastY=document.body.scrollTop + floatY;
        }
        else {
            var dx=Math.abs(document.body.scrollLeft+floatX-lastX);
            var dy=Math.abs(document.body.scrollTop+floatY-lastY);
            var d=Math.sqrt(dx*dx+dy*dy);
            var c=Math.round(d/10);
            if (document.body.scrollLeft+floatX>lastX) {lastX=lastX+delayspeed+c;}
            if (document.body.scrollLeft+floatX<lastX) {lastX=lastX-delayspeed-c;}
            if (document.body.scrollTop+floatY>lastY) {lastY=lastY+delayspeed+c;}
            if (document.body.scrollTop+floatY<lastY) {lastY=lastY-delayspeed-c;}
        }

        //alert("document.body.scrollLeft = " + document.body.scrollLeft);
        //alert("document.body.scrollTop = " + document.body.scrollTop);


        //posX = (document.body.clientWidth - ww) / 2;
        //posY = window.pageYOffset + 100;

        //ww += 50;
        hh += 15;

        posX = (document.body.clientWidth - ww) / 2;
        posY = document.body.scrollTop + 100;
        var div = document.all['largePicDiv'];
        var iframe = document.all['coverFrame'];
        iframe.style.posLeft = posX;
        iframe.style.posTop = posY;
        iframe.style.width = ww;
        iframe.style.height = hh;
        iframe.style.zIndex = 2;
        div.style.posLeft = posX;
        div.style.posTop = posY;
        div.style.width = ww;
        div.style.height = hh;
        div.style.zIndex = 3;
        var img = document.all['largeImg'];
        img.src = imgSrc;
        iframe.style.display = "inline";
        div.style.visibility = "visible";
    }
}

function hideLargePic() {
    if ((NS4) || (NS6)) {
        posX = window.pageXOffset;
        posY = window.pageYOffset;
        if (NS4){
            var layer = document.layers['largePicDiv'];
            layer.pageX = posX;
            layer.pageY = posY;
        }
        if (NS6){
            var div = document.getElementById('largePicDiv');
            div.style.visibility = "hidden";
        }
    }
    else if (IE4){
        var iframe = document.all['coverFrame'];
        iframe.style.display = "none";
        var div = document.all['largePicDiv'];
        div.style.visibility = "hidden";
    }
}


<!--
floatX=10;
floatY=10;
layerwidth=100;
layerheight=130;
halign="center";
valign="center";
delayspeed=3;

// This script is copyright (c) Henrik Petersen, NetKontoret
// Feel free to use this script on your own pages as long as you do not change it.
// It is illegal to distribute the script as part of a tutorial / script archive.
// Updated version available at: http://www.echoecho.com/toolfloatinglayer.htm
// This comment and the 4 lines above may not be removed from the code.

NS6=false;
IE4=(document.all);
if (!IE4) {NS6=(document.getElementById);}
NS4=(document.layers);

function adjust() {
    if ((NS4) || (NS6)) {
        if (lastX==-1 || delayspeed==0) {
            lastX=window.pageXOffset + floatX;
            lastY=window.pageYOffset + floatY;
        }
        else {
            var dx=Math.abs(window.pageXOffset+floatX-lastX);
            var dy=Math.abs(window.pageYOffset+floatY-lastY);
            var d=Math.sqrt(dx*dx+dy*dy);
            var c=Math.round(d/10);
            if (window.pageXOffset+floatX>lastX) {lastX=lastX+delayspeed+c;}
            if (window.pageXOffset+floatX<lastX) {lastX=lastX-delayspeed-c;}
            if (window.pageYOffset+floatY>lastY) {lastY=lastY+delayspeed+c;}
            if (window.pageYOffset+floatY<lastY) {lastY=lastY-delayspeed-c;}
        }
        if (NS4){
            document.layers['floatlayer'].pageX = lastX;
            document.layers['floatlayer'].pageY = lastY;
        }
        if (NS6){
            document.getElementById('floatlayer').style.left=lastX;
            document.getElementById('floatlayer').style.top=lastY;
        }
    }
    else if (IE4){
        if (lastX==-1 || delayspeed==0) {
            lastX=document.body.scrollLeft + floatX;
            lastY=document.body.scrollTop + floatY;
        }
        else {
            var dx=Math.abs(document.body.scrollLeft+floatX-lastX);
            var dy=Math.abs(document.body.scrollTop+floatY-lastY);
            var d=Math.sqrt(dx*dx+dy*dy);
            var c=Math.round(d/10);
            if (document.body.scrollLeft+floatX>lastX) {lastX=lastX+delayspeed+c;}
            if (document.body.scrollLeft+floatX<lastX) {lastX=lastX-delayspeed-c;}
            if (document.body.scrollTop+floatY>lastY) {lastY=lastY+delayspeed+c;}
            if (document.body.scrollTop+floatY<lastY) {lastY=lastY-delayspeed-c;}
        }
        document.all['floatlayer'].style.posLeft = lastX;
        document.all['floatlayer'].style.posTop = lastY;
    }
//setTimeout('adjust()',50);
}

function define() {
    if ((NS4) || (NS6)) {
        if (halign=="left") {floatX=ifloatX};
        if (halign=="right") {floatX=window.innerWidth-ifloatX-layerwidth-20};
        if (halign=="center") {floatX=Math.round((window.innerWidth-20)/2)-Math.round(layerwidth/2)};
        if (valign=="top") {floatY=ifloatY};
        if (valign=="bottom") {floatY=window.innerHeight-ifloatY-layerheight};
        if (valign=="center") {floatY=Math.round((window.innerHeight-20)/2)-Math.round(layerheight/2)};
    }
    if (IE4) {
        if (halign=="left") {floatX=ifloatX};
        if (halign=="right") {floatX=document.body.offsetWidth-ifloatX-layerwidth-20}
        if (halign=="center") {floatX=Math.round((document.body.offsetWidth-20)/2)-Math.round(layerwidth/2)}
        if (valign=="top") {floatY=ifloatY};
        if (valign=="bottom") {floatY=document.body.offsetHeight-ifloatY-layerheight}
        if (valign=="center") {floatY=Math.round((document.body.offsetHeight-20)/2)-Math.round(layerheight/2)}
    }
}
//-->