﻿
var QuickTabStrip_Panes = new Array();

function QuickTabStrip_OnMouseOver(tbl)
{
    var tabControl = tbl.parentElement.parentElement.parentElement.parentElement;
    var txtSelected = tabControl.nextSibling;

    if (txtSelected != null && txtSelected.value != null)
    {
        if (tbl.index != txtSelected.value)
        {
            QuickTabStrip_SetStyle(tbl.rows[0].cells[0], "quickTabCellTopLeftHover");
            QuickTabStrip_SetStyle(tbl.rows[0].cells[1], "quickTabCellTopHover");
            QuickTabStrip_SetStyle(tbl.rows[0].cells[2], "quickTabCellTopRightHover");

            QuickTabStrip_SetStyle(tbl.rows[1].cells[0], "quickTabCellMidLeftHover");
            QuickTabStrip_SetStyle(tbl.rows[1].cells[1], "quickTabCellMidHover");
            QuickTabStrip_SetStyle(tbl.rows[1].cells[2], "quickTabCellMidRightHover");
        }

        window.event.cancelBubble = true;
        window.event.returnValue = false;       
    }
    
    return false;
    
}
function QuickTabStrip_OnMouseOut(tbl)
{
    var tabControl = tbl.parentElement.parentElement.parentElement.parentElement;
    var txtSelected = tabControl.nextSibling;

    if (tbl.index != txtSelected.value)
    {
        QuickTabStrip_SetStyle(tbl.rows[0].cells[0], "quickTabCellTopLeftUns");
        QuickTabStrip_SetStyle(tbl.rows[0].cells[1], "quickTabCellTopUns");
        QuickTabStrip_SetStyle(tbl.rows[0].cells[2], "quickTabCellTopRightUns");

        QuickTabStrip_SetStyle(tbl.rows[1].cells[0], "quickTabCellMidLeftUns");
        QuickTabStrip_SetStyle(tbl.rows[1].cells[1], "quickTabCellMidUns");
        QuickTabStrip_SetStyle(tbl.rows[1].cells[2], "quickTabCellMidRightUns");
    }

    window.event.cancelBubble = true;
    window.event.returnValue = false;

    return false;
}
function QuickTabStrip_LoadPanes(tabControl)
{
    if (QuickTabStrip_Panes.length == 0)
    {
        for (i = 1; i < (tabControl.rows[0].cells.length - 1); i++)
        {
            var tbl = tabControl.rows[0].cells[i].childNodes[0];

            QuickTabStrip_Panes[QuickTabStrip_Panes.length] = document.getElementById(tbl.getAttribute("page"));
        }
    }
}

function QuickTabStrip_OnClick(tbl)
{
    var curTd = tbl.parentElement;
    var tabControl = tbl.parentElement.parentElement.parentElement.parentElement;
    var redirect = tbl.getAttribute("redirect");

    if (redirect != null) // suppose to redirect
    {
        window.navigate(redirect);
    }
    else
    {
        var txtSelected = tabControl.nextSibling;

        QuickTabStrip_LoadPanes(tabControl);

        // flip current body row off
        tabControl.rows[parseInt(txtSelected.value) + 1].style.display = "none";

        // flip all panels off
        for (var i = 0; i < QuickTabStrip_Panes.length; i++)
        {
            QuickTabStrip_Panes[i].style.display = "none";
        }

        txtSelected.value = tbl.index;

        // flip selected body row on
        tabControl.rows[parseInt(tbl.index) + 1].style.display = "inline";

        // flip selected panel on
        QuickTabStrip_Panes[parseInt(txtSelected.value)].style.display = "inline";

        for (i = 0; i < tabControl.rows[0].cells.length; i++)
        {
            var td = tabControl.rows[0].cells[i];

            if (td.istab == "true")
            {
                var tbl = td.childNodes[0];

                if (i == curTd.cellIndex) // just selected
                {
                    QuickTabStrip_SetStyle(td, "quickTabHolderSel");
                    QuickTabStrip_SetStyle(tbl, "quickTabHolderTableSel");

                    QuickTabStrip_SetStyle(tbl.rows[0].cells[0], "quickTabCellTopLeftSel");
                    QuickTabStrip_SetStyle(tbl.rows[0].cells[1], "quickTabCellTopSel");
                    QuickTabStrip_SetStyle(tbl.rows[0].cells[2], "quickTabCellTopRightSel");

                    QuickTabStrip_SetStyle(tbl.rows[1].cells[0], "quickTabCellMidLeftSel");
                    QuickTabStrip_SetStyle(tbl.rows[1].cells[1], "quickTabCellMidSel");
                    QuickTabStrip_SetStyle(tbl.rows[1].cells[2], "quickTabCellMidRightSel");
                }
                else // not selected
                {
                    if (td.className != "quickTabHolderDis")
                    {
                        QuickTabStrip_SetStyle(td, "quickTabHolderUns");
                        QuickTabStrip_SetStyle(tbl, "quickTabHolderTableUns");

                        QuickTabStrip_SetStyle(tbl.rows[0].cells[0], "quickTabCellTopLeftUns");
                        QuickTabStrip_SetStyle(tbl.rows[0].cells[1], "quickTabCellTopUns");
                        QuickTabStrip_SetStyle(tbl.rows[0].cells[2], "quickTabCellTopRightUns");

                        QuickTabStrip_SetStyle(tbl.rows[1].cells[0], "quickTabCellMidLeftUns");
                        QuickTabStrip_SetStyle(tbl.rows[1].cells[1], "quickTabCellMidUns");
                        QuickTabStrip_SetStyle(tbl.rows[1].cells[2], "quickTabCellMidRightUns");
                    }
                }
            }
        }
    }
}
function QuickTabStrip_SetStyle(el, className)
{
    if (el.className != className)
    {
        el.className = className;
    }
}
