/// <reference name="MicrosoftAjax.js" />
/// <reference path="../../js/CommonUtilities.js" />
var mobjFirstElm = null;
var mbolRunAgain = true;
var mobjActiveTab = null;
var mstrActiveTabStyle = "";
var mstrUnactiveTabStyle = "";
var conImgSrc = 0;
var conTitle = 1;
var conPhrase = 2;
var conTitleFontSize = 3;
var conLink = 4;
var conImg = 5;
var mstrBannerTextTemplate = "<p><span style='color:#FFFFFF;'><strong><br /><span style=\"font-size:{TITLEFSIZE}pt\">{TITLE}</span><br /><em>{PHRASE}<br />&nbsp;</em></strong></span></p>";
var marrBannerItems = [
                        ['/Elements/Images/H1N1%20Banner.jpg', "H1N1 INFLUENZA IN PIKE COUNTY", "Flu prevention and links to local resources", "14", "/Default.aspx?PageId=285"],
                        ['/Elements/Images/WashEm%20Banner.jpg', "WASH 'EM", "Importance of Frequent Hand Washing", "14", "/Default.aspx?PageId=285#WashEm"],
                        ['/Elements/Images/School%20Banner.jpg', "", "Disease Control and Prevention", "14", "/Default.aspx?PageId=301"],
                        ['/Elements/Images/Inspection%20Banner.jpg', "FOOD SERVICE INSPECTIONS IN PIKE COUNTY", "Current and Past Food Inspection Reports", "", "/FoodServiceReports"],
                        ['/Elements/Images/Health%20Banner.jpg', "", "Tips and Resources For Practicing Good Health Habits", "14", "/Default.aspx?PageId=293"]
                       ];

function AddHomePageRollOverHandlers() {
    var intCount = 0;
    if (document.getElementById('divRollOverItem1')) {
        //
        var elm = document.getElementById('divRollOverItem1');
        AddRollOverElmHandler(elm);
        Sys.UI.DomEvent.addHandler(elm, 'click', TabOnMouseClick);
        //mobjActiveTab = elm;
        mstrActiveTabStyle = elm.style.cssText.toString();
        //
        while (elm.nextSibling != null && elm.nextSibling.getAttribute('id') != null && elm.nextSibling.getAttribute('id') != '') {
            elm = elm.nextSibling;
            if (intCount == 0) {
                mstrUnactiveTabStyle = String(elm.style.cssText.toString()).toLowerCase().replace(' margin: 2px 0px 0px;', '');
            }
            intCount++;
            AddRollOverElmHandler(elm);
            Sys.UI.DomEvent.addHandler(elm, 'click', TabOnMouseClick);
        }
        PreloadBannerImages();
        SetActiveTab(document.getElementById('divRollOverItem1'));
        //
    }
}

function SetRolloverTabAtts(elm) {
    elm.style.cursor = 'Pointer';
}

function PreloadBannerImages() {
    var img = null;
    for (var x = 0; x <= marrBannerItems.length - 1; x++) {
        img = document.createElement('IMG');
        img.src = marrBannerItems[x][conImgSrc];
        marrBannerItems[x].push(img);
    }
}

function AddRollOverElmHandler(Elm, bolAddToElm) {
    //
    try {
        if (!bolAddToElm || bolAddToElm == true) {
            Sys.UI.DomEvent.addHandler(Elm, 'mouseover', RollOverElm_OnMouseOver);
            //Sys.UI.DomEvent.addHandler(Elm, 'click', TabOnMouseClick);
            Elm.style.cursor = 'Pointer';
        }
    } catch (e) { return false; }
    //
    if (Elm.childNodes.length > 0) {
        var child = null;
        var childnodes = Elm.childNodes;
        if (Sys == undefined) {
            if (mbolRunAgain == true) {
                mbolRunAgain = false;
                mobjFirstElm = Elm;
                try {
                    downloadJsFile("/js/MicrosoftAjax.js", 'AddRollOverElmHandler(mobjFirstElm);');
                } catch (e) { return false; }
                return false;
            }
        }
        //
        for (var x = 0; x <= childnodes.length - 1; x++) {
            child = childnodes[x];
            try {
                Sys.UI.DomEvent.addHandler(child, 'mouseover', RollOverElm_OnMouseOver);
                //Sys.UI.DomEvent.addHandler(child, 'click', TabOnMouseClick);
                child.style.cursor = 'Pointer';
                try {
                    if (child.childNodes.length > 0) { AddRollOverElmHandler(child, false); }
                } catch (ex) { };
            } catch (e) { continue; }
        }
    }
    //
}

function RollOverElm_OnMouseOver(e) {
    if (IsMoz() == true) {
        e.cancelBubble = false;
    } else { event.cancelBubble = false; }
    e = e || window.event;
    var elm = e.target || e.srcElement;

    if (elm.getAttribute('id') == null || elm.getAttribute('id') == '') {
        while (elm.parentNode.nodeName.toLowerCase() != 'body' && (elm.getAttribute('id') == null || elm.getAttribute('id') == '')) {
            elm = elm.parentNode;
        }
    }

    if (elm.getAttribute('id') != null && elm.getAttribute('id') != '') {
        if (String(elm.getAttribute('id')).toLowerCase().substring(0, 'divRollOver'.length) != 'divrollover') {
            return false;
        }
    } else { return false; }

    if (mobjActiveTab != null && mobjActiveTab != elm) {
        //
        SetActiveTab(elm);
        //
    }

}

function SetActiveTab(elm) {
    var strElmId = String(elm.getAttribute('id'));
    var intIndex = parseInt(strElmId.substring(strElmId.length - 1, strElmId.length)) - 1;
    var strStyle = mstrActiveTabStyle;

    if (intIndex == 0) {
        elm.style.cssText = mstrActiveTabStyle;
        if (mobjActiveTab) { mobjActiveTab.style.cssText = mstrUnactiveTabStyle + '; margin-top: 2px;'; }
    } else {
        elm.style.cssText = mstrActiveTabStyle + '; margin-top: 2px;';
        if (mobjActiveTab) {
            if (String(mobjActiveTab.getAttribute('id')).toLowerCase().endsWith('1') == true) {
                mobjActiveTab.style.cssText = mstrUnactiveTabStyle;
            }
            else {
                mobjActiveTab.style.cssText = mstrUnactiveTabStyle + '; margin-top: 2px;';
            }
        }
    }
    mobjActiveTab = elm;
    document.getElementById('divRolloverBannerImg').parentNode.style.backgroundImage = "url('" + marrBannerItems[intIndex][conImg].src + "')";
    document.getElementById('divRollOverBannerText').innerHTML = mstrBannerTextTemplate.replace("{TITLE}", (marrBannerItems[intIndex][conTitle] != "" ? marrBannerItems[intIndex][conTitle] : (IsMoz() ? mobjActiveTab.textContent : mobjActiveTab.innerText))).replace("{PHRASE}", marrBannerItems[intIndex][conPhrase]).replace("{TITLEFSIZE}", (marrBannerItems[intIndex][conTitleFontSize] == "" ? "12" : marrBannerItems[intIndex][conTitleFontSize]));
}

function TabOnMouseClick(e) {
    e = e || window.event;
    if (IsMoz() == true) {
        e.cancelBubble = true;
    } else { event.cancelBubble = true; }
    var elm = e.target || e.srcElement;
    var intLoopSaver = 0;
    var intIndex = GetIndex(elm);
    while (intIndex <= -1 && intLoopSaver < 5) {
        elm = elm.parentNode;
        intIndex = GetIndex(elm);
        intLoopSaver++;
    }
    if (intIndex > -1) {
        GoToPage(marrBannerItems[GetIndex(elm)][conLink]);
    }
}

function GoToPage(strUrl) {
    window.location = strUrl;
    //window.location = "/Default.aspx?PageId=" + pageId;
}

function GetIndex(elm) {
    try {
        var intIndex = parseInt(String(elm.getAttribute('id')).substring(String(elm.getAttribute('id')).length - 1, String(elm.getAttribute('id')).length)) - 1;
        if (isNaN(intIndex)) { return -1; } else { return intIndex; }
    }
    catch (e) { return -1; }
}