var numberOfSubMenus = 5;
var hoverredImage = null;
var timeoutId = null;

var timesDelayed = 0;
var skipPageLoad = false;

function OnPageLoad()
{
    if (skipPageLoad)
        return;
    var menuDiv = document.getElementById("ctl00_MenuDiv");
    if (!menuDiv)
    {   //Waiting for flash to load.
        timesDelayed++;
        if (timesDelayed > 4)
        {
            alert("Waiting on system resources to load");
            timesDelayed = 0;
            window.setTimeout(OnPageLoad, 100);
            return;
        }
        window.setTimeout(OnPageLoad, 100);
        return;
    }
    var currentBrowser = document.getElementById("ctl00_CurrentBrowser");
    var currentBrowserVersion = document.getElementById("ctl00_CurrentBrowserVersion");
    if (currentBrowser == null)
    {
//        alert("Current browser assumed to be IE7.0");
        currentBrowser = "IE";
        currentBrowserVersion = "7.0";
    }

    var tbl = document.getElementById("MyTable");
    var h = tbl.offsetHeight;
    document.getElementById("ctl00_RightImage").style.height = ((h - 10) + "px");
    menuDiv.style.position = "absolute";
    menuDiv.style.top = "200px"; //tbl.offsetTop;  offsetTop in FireFox is zero which is actually correct.

//    var ruler = document.getElementById("ctl00_ContentPlaceHolder1_Ruler");
//    if (ruler != null)
//    {
//        if (currentBrowser.value == "IE")
//            ruler.style.marginLeft = "-40px";
//    }
    var messageToShow = document.getElementById("ctl00_MessageToShow");
    if (messageToShow.value.length > 0)
    {
        window.setTimeout(ShowMessage, 50);
    }

    //    document.getElementById("addToFavorites").style.display = "none";
    var browserDiv = document.getElementById("ctl00_browserDiv");
    if (browserDiv.innerHTML.charAt(0) == 'f')
    {
        var dsp = "browserDiv.styl";
        var val = "none";
        var val2 = "e.d";
        eval(dsp + val2 + 'isplay="' + val + '"');
    }
}
function ShowMessage()
{
    var messageToShow = document.getElementById("ctl00_MessageToShow");
    alert(messageToShow.value);
    messageToShow.value = "";
}

function ShowImage(image)
{
//    HideAllSubMenus();
    var mainImage = document.getElementById("ctl00_ContentPlaceHolder1_mainimage");
//    if (navigator.appName != "Microsoft Internet Explorer")
//    {
//        document.getElementById("mainimagetext").innerHTML = "";
//        mainImage.src = "";
//        hoverredImage = image;
//        window.setTimeout(ShowImageDelayed, 100);
//    }
//    else
//    {
        mainImage.src = image.src.replace(new RegExp("/smallimages/", "gi"), "/images/");
        document.getElementById("ctl00_ContentPlaceHolder1_mainimagetext").innerHTML = image.title;
        mainImage.style.display = "";
//    }
}
function ReplaceInUrl(url, replaceThis, replaceWith)
{
    var srcArray = url.split('/');
    for (var i = 0; i < srcArray.length; i++)
    {
        if (srcArray[i] == replaceThis)
        {
            srcArray[i] = replaceWith;
            break;
        }
    }
    url = "";
    for (j = 0; j < srcArray.length; j++)
    {
        if (j == srcArray.length - 1)
        {
            url += srcArray[j];
        }
        else
        {
            url += srcArray[j] + '/';
        }
    }
    return url;
}
//function ShowImageDelayed()
//{
//    document.getElementById("mainimagetext").innerHTML = hoverredImage.title;
//    document.getElementById("mainimage").src = ReplaceInUrl(hoverredImage.src, "smallimages", "images");
//    document.getElementById("mainimage").style.display = "";
//    
//}
function ShowVideo(imageUrl)
{
//    HideAllSubMenus();
    var videoUrl = ReplaceInUrl(imageUrl, "smallimages", "images");
    if (navigator.appName == "Microsoft Internet Explorer")
    {
        videoUrl = videoUrl.substr(0, videoUrl.length - 4) + ".mpg";
        ctl00_ContentPlaceHolder1_placeHolder.innerHTML = 
            '<object id="ieplayer" style="width:437px;height:280px%" ' +
            'classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">' + 
                '<param name="autoStart" value="True" />' +
                '<param name="URL" value="' + videoUrl + '" />' +
                '<param name="rate" value="1" />' +
                '<param name="balance" value="0" />' +
                '<param name="enabled" value="true" />' +
                '<param name="enabledContextMenu" value="true" />' +
                '<param name="fullScreen" value="false" />' +
                '<param name="playCount" value="1" />' +
                '<param name="volume" value="100" />' +
                '<param name="stretchToFit" value="true" />' +
            '</object>';
            /*type="application/x-mplayer2"*/
//        placeHolder.style.display = "";
//        document.getElementById("ieplayer").url = videoUrl;
        return;
    }
    videoUrl = videoUrl.substr(0, videoUrl.length - 4) + ".swf";
//    alert(videoUrl);
    var placeHolderSpan = document.getElementById("ctl00_ContentPlaceHolder1_placeHolder");
//    alert(placeHolderSpan);
    placeHolderSpan.innerHTML =
        '<embed type="application/x-shockwave-flash" ' +
        'pluginspage="http://www.macromedia.com/go/getflashplayer" ' +
        'name="movie" src="' + videoUrl + '" loop="false" menu="true" ' +
        'bgcolor="#627898" quality="high" ' +
        'swliveconnect="true" allowscriptaccess="samedomain" ' +
        'style="width:100%;height:280px" / >';
}
function ShowCallout()
{
//    var menuItem = document.getElementById("SlideShowMenuItem");
    var calloutImg = document.getElementById("Callout");
    
//    var ol = menuItem.offsetLeft;
//    var ot = menuItem.offsetTop;
//    var parent = menuItem;
//    while (true) {
//        parent = parent.parentNode;
//        if (parent.nodeName == "BODY")
//            break;
//        ol += parent.offsetLeft;
//        ot += parent.offsetTop;
//    }

//    var img = document.createElement("img");
//    document.insertBefore(menuItem);
//    img.src = "images/callout.jpg";
    calloutImg.style.position = "absolute";
//    calloutImg.style.width = "200px";
//    img.style.left = ol + "px";
    calloutImg.style.top = "75px";
//    calloutImg.style.left = "10px";
    calloutImg.style.display = "";
    window.setTimeout(TurnOffCallout, 6000);

}
function TurnOffCallout()
{
    var calloutImg = document.getElementById("Callout");
    calloutImg.style.display = "none";
}