// JS Sript Library

// Variables that indicate what browser is used:
var isCSS, isW3C, isIE4, isNN4, isIE6CSS;
var SRCLIBinited = false;

// Initialize upon load to let all browsers establish content objects
function initDHTMLLIB( ) {
	if( SRCLIBinited )
		return;

    if (document.images) {
        isCSS = (document.body && document.body.style) ? true : false;
        isW3C = (isCSS && document.getElementById) ? true : false;
        isIE4 = (isCSS && document.all) ? true : false;
        isNN4 = (document.layers) ? true : false;
        isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? 
            true : false;
    }
	SRCLIBinited = true;
}

function autoStart() {
    initDHTMLLIB();
    if( myAutoStart ){
    	myAutoStart();
    }
}

function onUnloadPage(){
	if( myUnloadPage ){
		myUnloadPage();
	}
}

// Seek nested NN4 layer from string name
function seekLayer(doc, name) {
    var theObj;
    for (var i = 0; i < doc.layers.length; i++) {
        if (doc.layers[i].name == name) {
            theObj = doc.layers[i];
            break;
        }
        // dive into nested layers if necessary
        if (doc.layers[i].document.layers.length > 0) {
            theObj = seekLayer(document.layers[i].document, name);
        }
    }
    return theObj;
}
   
// Convert object name string or object reference
// into a valid element object reference
function getRawObject(obj) {
    var theObj;
    if (typeof obj == "string") {
        if (isW3C) {
            theObj = document.getElementById(obj);
        } else if (isIE4) {
            theObj = document.all(obj);
        } else if (isNN4) {
            theObj = seekLayer(document, obj);
        }
    } else {
        // pass through object reference
        theObj = obj;
    }
    return theObj;
}
   
// Convert object name string or object reference
// into a valid style (or NN4 layer) reference
function getObject(obj) {
    var theObj = getRawObject(obj);
    if (theObj && isCSS) {
        theObj = theObj.style;
    }
    return theObj;
}
   
// Position an object at a specific pixel coordinate
function shiftTo(obj, x, y) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isCSS) {
            // equalize incorrect numeric value type
            var units = (typeof theObj.left == "string") ? "px" : 0;
            theObj.left = x + units;
            theObj.top = y + units;
        } else if (isNN4) {
            theObj.moveTo(x,y)
        }
    }
}
   
// Move an object by x and/or y pixels
function shiftBy(obj, deltaX, deltaY) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isCSS) {
            // equalize incorrect numeric value type
            var units = (typeof theObj.left == "string") ? "px" : 0;
            theObj.left = getObjectLeft(obj) + deltaX + units;
            theObj.top = getObjectTop(obj) + deltaY + units;
        } else if (isNN4) {
            theObj.moveBy(deltaX, deltaY);
        }
    }
}
   
// Set the z-order of an object
function setZIndex(obj, zOrder) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.zIndex = zOrder;
    }
}
   
// Set the background color of an object
function setBGColor(obj, color) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isNN4) {
            theObj.bgColor = color;
        } else if (isCSS) {
            theObj.backgroundColor = color;
        }
    }
}
   
// Set the visibility of an object to visible
function show(obj) {
	initDHTMLLIB();

    var theObj = getObject(obj);
    if (theObj) {
        theObj.display = "block";
    }
}
   
// Set the visibility of an object to hidden
function hide(obj) {
	initDHTMLLIB();
    
	var theObj = getObject(obj);
    if (theObj) {
        theObj.display = "none";
    }
}
   
// Retrieve the x coordinate of a positionable object
function getObjectLeft(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (document.defaultView) {
        var style = document.defaultView;
        var cssDecl = style.getComputedStyle(elem, "");
        result = cssDecl.getPropertyValue("left");
    } else if (elem.currentStyle) {
        result = elem.currentStyle.left;
    } else if (elem.style) {
        result = elem.style.left;
    } else if (isNN4) {
        result = elem.left;
    }
    return parseInt(result);
}
   
// Retrieve the y coordinate of a positionable object
function getObjectTop(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (document.defaultView) {
        var style = document.defaultView;
        var cssDecl = style.getComputedStyle(elem, "");
        result = cssDecl.getPropertyValue("top");
    } else if (elem.currentStyle) {
        result = elem.currentStyle.top;
    } else if (elem.style) {
        result = elem.style.top;
    } else if (isNN4) {
        result = elem.top;
    }
    return parseInt(result);
}
   
// Retrieve the rendered width of an element
function getObjectWidth(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (elem.offsetWidth) {
        result = elem.offsetWidth;
    } else if (elem.clip && elem.clip.width) {
        result = elem.clip.width;
    } else if (elem.style && elem.style.pixelWidth) {
        result = elem.style.pixelWidth;
    }
    return parseInt(result);
}
   
// Retrieve the rendered height of an element
function getObjectHeight(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (elem.offsetHeight) {
        result = elem.offsetHeight;
    } else if (elem.clip && elem.clip.height) {
        result = elem.clip.height;
    } else if (elem.style && elem.style.pixelHeight) {
        result = elem.style.pixelHeight;
    }
    return parseInt(result);
}

// Set the rendered height of an element
function setObjectHeight(obj, height)  {
    var elem = getRawObject(obj);
    if (elem.height) {
        elem.height = height;
    } else if (elem.clip && elem.clip.height) {
        elem.clip.height = height;
    } else if (elem.style && elem.style.pixelHeight) {
        elem.style.pixelHeight = height;
    }
}
   
// Return the available content width space in browser window
function getInsideWindowWidth( ) {
    if (window.innerWidth) {
        return window.innerWidth;
    } else if (isIE6CSS) {
        // measure the html element's clientWidth
        return document.body.parentElement.clientWidth;
    } else if (document.body && document.body.clientWidth) {
        return document.body.clientWidth;
    }
    return 0;
}
   
// Return the available content height space in browser window
function getInsideWindowHeight( ) {
    if (window.innerHeight) {
        return window.innerHeight;
    } else if (isIE6CSS) {
        // measure the html element's clientHeight
        return document.body.parentElement.clientHeight;
    } else if (document.body && document.body.clientHeight) {
        return document.body.clientHeight;
    }
    return 0;
}

// Return the available content height space in browser window
function getInsideWindowHeight( ) {
    if (window.innerHeight) {
        return window.innerHeight;
    } else if (isIE6CSS) {
        // measure the html element's clientHeight
        return document.body.parentElement.clientHeight;
    } else if (document.body && document.body.clientHeight) {
        return document.body.clientHeight;
    }
    return 0;
}

// Special handling for CSS-P redraw bug in Navigator 4
function handleResize( ) 
{
    if (isNN4) {
        // causes extra redraw, but must do it to get banner object color drawn
        location.reload( );
    } else {
        myHandleResize();
    }
}
// Keep centered during scroll
function handleScroll( ) {
    centerOnWindow("banner");
}
  
function zoomImage( strFilename, strWindowtitle, strClosetext, strCSS, strTitle )
{
  imagezoomwin = window.open("", "imagezoom", "width=300,height=400,left=100,top=200");
  imagezoomwin.document.writeln("<html><head>");
  imagezoomwin.document.writeln("<title>" + strWindowtitle + "</title>");
  if( strCSS )
  {
      imagezoomwin.document.writeln("<link href='" +strCSS + "' rel='stylesheet' type='text/css' />");
  }
  imagezoomwin.document.writeln("</head>");
  imagezoomwin.document.writeln("<body class='imagezoomwindow'>");
  imagezoomwin.document.writeln("<p><center><img id='zoom_image' src='"+ strFilename + "' alt='" + strTitle + "'/></center></p>");
  imagezoomwin.document.writeln("<p><center><a href='javascript:window.close();'>"+ strClosetext +"</a></center></p>");
  imagezoomwin.document.writeln("</body></html>");

  zoomedimage = imagezoomwin.document.getElementById("zoom_image");
  imagezoomwin.resizeTo( zoomedimage.width+30, zoomedimage.height + 100 );
  imagezoomwin.focus();
}


// --------------------------------------------------------

window.onload = autoStart;                  // Set event handler to initialize API
window.onresize = handleResize;             // Handle Resize
//window.onscroll = handleScroll;
window.onunload = onUnloadPage;