// holds selected tab
    var tabSelected;
    var tabSelectedSystem2;
    
    // declare original images
    var RollImageOriginal = new Array();
    var RollImageLeftOriginal = new Array();
    var RollImageRightOriginal = new Array();
    
    // declare mouse over images
    var RollImageMouseOver = new Array();
    var RollImageMouseOverLeft = new Array();
    var RollImageMouseOverRight = new Array();
    
    
    function onLoad()
    {
      // set the tab selected to tab 1 as default
      if(document.getElementById("hidTabSelected") != null){ // for pages that do not have tabbing on them
        tabSelected = document.getElementById("hidTabSelected");
        tabSelected.value = 1;
        
        tabSelectedSystem2 = document.getElementById("hidTabSelectedSystem2");
        tabSelectedSystem2.value = 1;
      }else{
        return;
      }
    }
    
    function tab1_OnClick()
    {
        // set the tab selected to tab 1 as default
        tabSelected = document.getElementById("hidTabSelected");
        tabSelected.value = 1;
        
        tab_click();
    }
    
    function tab1_OnClick_Sys2()
    {
        // set the tab selected to tab 1 as default
        tabSelectedSystem2 = document.getElementById("hidTabSelectedSystem2");
        tabSelectedSystem2.value = 1;
        
        tab_click_sys2();
    }
    
    function tab2_OnClick()
    {
        // set the tab selected to tab 1 as default
        tabSelected = document.getElementById("hidTabSelected");
        tabSelected.value = 2;
        
        tab_click();
    }

    function tab2_OnClick_Sys2()
    {
        // set the tab selected to tab 1 as default
        tabSelectedSystem2 = document.getElementById("hidTabSelectedSystem2");
        tabSelectedSystem2.value = 2;
        
        tab_click_sys2();
    }
    
    function tab3_OnClick()
    {
        // set the tab selected to tab 1 as default
        tabSelected = document.getElementById("hidTabSelected");
        tabSelected.value = 3;

        tab_click();
    }
    
    function tab3_OnClick_Sys2()
    {
        // set the tab selected to tab 1 as default
        tabSelectedSystem2 = document.getElementById("hidTabSelectedSystem2");
        tabSelectedSystem2.value = 3;
        
        tab_click_sys2();
    }
    
    function tab4_OnClick()
    {
        // set the tab selected to tab 1 as default
        tabSelected = document.getElementById("hidTabSelected");
        tabSelected.value = 4;

        tab_click();
    }
    
    function tab4_OnClick_Sys2()
    {
        // set the tab selected to tab 1 as default
        tabSelectedSystem2 = document.getElementById("hidTabSelectedSystem2");
        tabSelectedSystem2.value = 4;
        
        tab_click_sys2();
    }
    
    function tab_click()
    {
        var imgTab1, imgTab2, imgTab3, imgTab4;
        var imgTab2Left, imgTab2Right, imgTab3Right;
        
        // tab1
        imgTab1 = document.getElementById("imgTab1");
        
        // tab2 left
        imgTab2Left = document.getElementById("imgTab2Left");
        
        // tab 2
        imgTab2 = document.getElementById("imgTab2");
        
        // tab2 right
        imgTab2Right = document.getElementById("imgTab2Right");
        
        // tab3
        imgTab3 = document.getElementById("imgTab3");
        
        // tab3 right
        imgTab3Right = document.getElementById("imgTab3Right");
        
        // tab4
        imgTab4 = document.getElementById("imgTab4");
        
        switch (tabSelected.value)
        {
            case "1":
                imgTab1.src = "../../../../App_Themes/dc/images/tabs/tab1_active.jpg";
                imgTab2Left.src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                imgTab2.src = "../../../../App_Themes/dc/images/tabs/tab2_none.jpg";
                imgTab2Right.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab3.src = "../../../../App_Themes/dc/images/tabs/tab3_none.jpg";
                imgTab3Right.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab4.src = "../../../../App_Themes/dc/images/tabs/tab4_none.jpg";
                break;
            case "2":
                imgTab1.src = "../../../../App_Themes/dc/images/tabs/tab1_none.jpg";
                imgTab2Left.src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                imgTab2.src = "../../../../App_Themes/dc/images/tabs/tab2_active.jpg";
                imgTab2Right.src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                imgTab3.src = "../../../../App_Themes/dc/images/tabs/tab3_none.jpg";
                imgTab3Right.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab4.src = "../../../../App_Themes/dc/images/tabs/tab4_none.jpg";
                break;
            case "3":
                imgTab1.src = "../../../../App_Themes/dc/images/tabs/tab1_none.jpg";
                imgTab2Left.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab2.src = "../../../../App_Themes/dc/images/tabs/tab2_none.jpg";
                imgTab2Right.src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                imgTab3.src = "../../../../App_Themes/dc/images/tabs/tab3_active.jpg";
                imgTab3Right.src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                imgTab4.src = "../../../../App_Themes/dc/images/tabs/tab4_none.jpg";
                break;
            case "4":
                imgTab1.src = "../../../../App_Themes/dc/images/tabs/tab1_none.jpg";
                imgTab2Left.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab2.src = "../../../../App_Themes/dc/images/tabs/tab2_none.jpg";
                imgTab2Right.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab3.src = "../../../../App_Themes/dc/images/tabs/tab3_none.jpg";
                imgTab3Right.src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                imgTab4.src = "../../../../App_Themes/dc/images/tabs/tab4_active.jpg";
                break;
        }
    }
    
    function tab_click_sys2()
    {
        var imgTab1, imgTab2, imgTab3, imgTab4;
        var imgTab2Left, imgTab2Right, imgTab3Right;
        
        // tab1
        imgTab1 = document.getElementById("imgTab5");
        
        // tab2 left
        imgTab2Left = document.getElementById("imgTab6Left");
        
        // tab 2
        imgTab2 = document.getElementById("imgTab6");
        
        // tab2 right
        imgTab2Right = document.getElementById("imgTab6Right");
        
        // tab3
        imgTab3 = document.getElementById("imgTab7");
        
        // tab3 right
        imgTab3Right = document.getElementById("imgTab7Right");
        
        // tab4
        imgTab4 = document.getElementById("imgTab8");
        
        switch (tabSelectedSystem2.value)
        {
            case "1":
                imgTab1.src = "../../../../App_Themes/dc/images/tabs/tab5_active.jpg";
                imgTab2Left.src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                imgTab2.src = "../../../../App_Themes/dc/images/tabs/tab6_none.jpg";
                imgTab2Right.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab3.src = "../../../../App_Themes/dc/images/tabs/tab7_none.jpg";
                imgTab3Right.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab4.src = "../../../../App_Themes/dc/images/tabs/tab8_none.jpg";
                break;
            case "2":
                imgTab1.src = "../../../../App_Themes/dc/images/tabs/tab5_none.jpg";
                imgTab2Left.src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                imgTab2.src = "../../../../App_Themes/dc/images/tabs/tab6_active.jpg";
                imgTab2Right.src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                imgTab3.src = "../../../../App_Themes/dc/images/tabs/tab7_none.jpg";
                imgTab3Right.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab4.src = "../../../../App_Themes/dc/images/tabs/tab8_none.jpg";
                break;
            case "3":
                imgTab1.src = "../../../../App_Themes/dc/images/tabs/tab5_none.jpg";
                imgTab2Left.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab2.src = "../../../../App_Themes/dc/images/tabs/tab6_none.jpg";
                imgTab2Right.src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                imgTab3.src = "../../../../App_Themes/dc/images/tabs/tab7_active.jpg";
                imgTab3Right.src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                imgTab4.src = "../../../../App_Themes/dc/images/tabs/tab8_none.jpg";
                break;
            case "4":
                imgTab1.src = "../../../../App_Themes/dc/images/tabs/tab5_none.jpg";
                imgTab2Left.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab2.src = "../../../../App_Themes/dc/images/tabs/tab6_none.jpg";
                imgTab2Right.src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                imgTab3.src = "../../../../App_Themes/dc/images/tabs/tab7_none.jpg";
                imgTab3Right.src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                imgTab4.src = "../../../../App_Themes/dc/images/tabs/tab8_active.jpg";
                break;
        }
    }

    function tab1_OnMouseOver()
    {
        // mouseover image tab 1
        RollImageMouseOver[1] = new Image();
        
        // mouseover image tab 2 left
        RollImageMouseOverRight[1] = new Image();
        
        switch (tabSelected.value)
        {
            case "1":
                RollImageMouseOver[1].src = "../../../../App_Themes/dc/images/tabs/tab1_active.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "2":
                RollImageMouseOver[1].src = "../../../../App_Themes/dc/images/tabs/tab1_hover.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_rollover_active.gif";
                break;
            case "3":
                RollImageMouseOver[1].src = "../../../../App_Themes/dc/images/tabs/tab1_hover.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
            case "4":
                RollImageMouseOver[1].src = "../../../../App_Themes/dc/images/tabs/tab1_hover.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
        }
        
        var img = document.getElementById("imgTab1");
        img.src = RollImageMouseOver[1].src;
        
        var imgRight = document.getElementById("imgTab2Left");
        imgRight.src = RollImageMouseOverRight[1].src;
    }
    
    function tab1_OnMouseOver_Sys2()
    {
        // mouseover image tab 1
        RollImageMouseOver[1] = new Image();
        
        // mouseover image tab 2 left
        RollImageMouseOverRight[1] = new Image();
        
        switch (tabSelectedSystem2.value)
        {
            case "1":
                RollImageMouseOver[1].src = "../../../../App_Themes/dc/images/tabs/tab5_active.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "2":
                RollImageMouseOver[1].src = "../../../../App_Themes/dc/images/tabs/tab5_hover.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_rollover_active.gif";
                break;
            case "3":
                RollImageMouseOver[1].src = "../../../../App_Themes/dc/images/tabs/tab5_hover.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
            case "4":
                RollImageMouseOver[1].src = "../../../../App_Themes/dc/images/tabs/tab5_hover.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
        }
        
        var img = document.getElementById("imgTab5");
        img.src = RollImageMouseOver[1].src;
        
        var imgRight = document.getElementById("imgTab6Left");
        imgRight.src = RollImageMouseOverRight[1].src;
    }
    
    function tab1_OnMouseOut()
    {
        // original image tab 1       
        RollImageOriginal[1] = new Image();
        
        // original image tab 2 left
        RollImageMouseOverRight[1] = new Image();
        
        switch (tabSelected.value)
        {          
            case "1":
                RollImageOriginal[1].src = "../../../../App_Themes/dc/images/tabs/tab1_active.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "2":
                RollImageOriginal[1].src = "../../../../App_Themes/dc/images/tabs/tab1_none.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                break;
            case "3":
                RollImageOriginal[1].src = "../../../../App_Themes/dc/images/tabs/tab1_none.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "4":
                RollImageOriginal[1].src = "../../../../App_Themes/dc/images/tabs/tab1_none.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
        }
        
        var img = document.getElementById("imgTab1");
        img.src = RollImageOriginal[1].src;
        
        var imgRight = document.getElementById("imgTab2Left");
        imgRight.src = RollImageMouseOverRight[1].src;
    }
    
    function tab1_OnMouseOut_Sys2()
    {
        // original image tab 1       
        RollImageOriginal[1] = new Image();
        
        // original image tab 2 left
        RollImageMouseOverRight[1] = new Image();
        
        switch (tabSelectedSystem2.value)
        {          
            case "1":
                RollImageOriginal[1].src = "../../../../App_Themes/dc/images/tabs/tab5_active.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "2":
                RollImageOriginal[1].src = "../../../../App_Themes/dc/images/tabs/tab5_none.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                break;
            case "3":
                RollImageOriginal[1].src = "../../../../App_Themes/dc/images/tabs/tab5_none.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "4":
                RollImageOriginal[1].src = "../../../../App_Themes/dc/images/tabs/tab5_none.jpg";
                RollImageMouseOverRight[1].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
        }
        
        var img = document.getElementById("imgTab5");
        img.src = RollImageOriginal[1].src;
        
        var imgRight = document.getElementById("imgTab6Left");
        imgRight.src = RollImageMouseOverRight[1].src;
    }
    
    function tab2_OnMouseOver()
    {
        // mouseover image tab 2
        RollImageMouseOver[2] = new Image();
        
        // mouseover image left side tab 2
        RollImageMouseOverLeft[2] = new Image();
        
        // mouseover image right side tab 2
        RollImageMouseOverRight[2] = new Image();
                
        switch (tabSelected.value)
        {           
            case "1":
                RollImageMouseOver[2].src = "../../../../App_Themes/dc/images/tabs/tab2_hover.jpg";
                RollImageMouseOverLeft[2].src = "../../../../App_Themes/dc/images/tabs/a_active_rollover.gif";
                RollImageMouseOverRight[2].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
            case "2":
                RollImageMouseOver[2].src = "../../../../App_Themes/dc/images/tabs/tab2_active.jpg";
                RollImageMouseOverLeft[2].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                RollImageMouseOverRight[2].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "3":
                RollImageMouseOver[2].src = "../../../../App_Themes/dc/images/tabs/tab2_hover.jpg";
                RollImageMouseOverLeft[2].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";
                RollImageMouseOverRight[2].src = "../../../../App_Themes/dc/images/tabs/a_rollover_active.gif";
                break;
            case "4":
                RollImageMouseOver[2].src = "../../../../App_Themes/dc/images/tabs/tab2_hover.jpg";
                RollImageMouseOverLeft[2].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";
                RollImageMouseOverRight[2].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
        }
        
        // set image source
        var img = document.getElementById("imgTab2");
        img.src = RollImageMouseOver[2].src;
        
        var imgLeft = document.getElementById("imgTab2Left");
        imgLeft.src = RollImageMouseOverLeft[2].src;
        
        var imgRight = document.getElementById("imgTab2Right");
        imgRight.src = RollImageMouseOverRight[2].src;
    }
    
    function tab2_OnMouseOver_Sys2()
    {
        // mouseover image tab 2
        RollImageMouseOver[2] = new Image();
        
        // mouseover image left side tab 2
        RollImageMouseOverLeft[2] = new Image();
        
        // mouseover image right side tab 2
        RollImageMouseOverRight[2] = new Image();
                
        switch (tabSelectedSystem2.value)
        {           
            case "1":
                RollImageMouseOver[2].src = "../../../../App_Themes/dc/images/tabs/tab6_hover.jpg";
                RollImageMouseOverLeft[2].src = "../../../../App_Themes/dc/images/tabs/a_active_rollover.gif";
                RollImageMouseOverRight[2].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
            case "2":
                RollImageMouseOver[2].src = "../../../../App_Themes/dc/images/tabs/tab6_active.jpg";
                RollImageMouseOverLeft[2].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                RollImageMouseOverRight[2].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "3":
                RollImageMouseOver[2].src = "../../../../App_Themes/dc/images/tabs/tab6_hover.jpg";
                RollImageMouseOverLeft[2].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";
                RollImageMouseOverRight[2].src = "../../../../App_Themes/dc/images/tabs/a_rollover_active.gif";
                break;
            case "4":
                RollImageMouseOver[2].src = "../../../../App_Themes/dc/images/tabs/tab6_hover.jpg";
                RollImageMouseOverLeft[2].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";
                RollImageMouseOverRight[2].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
        }
        
        // set image source
        var img = document.getElementById("imgTab6");
        img.src = RollImageMouseOver[2].src;
        
        var imgLeft = document.getElementById("imgTab6Left");
        imgLeft.src = RollImageMouseOverLeft[2].src;
        
        var imgRight = document.getElementById("imgTab6Right");
        imgRight.src = RollImageMouseOverRight[2].src;
    }
    
    function tab2_OnMouseOut()
    {
        // original image tab 2
        RollImageOriginal[2] = new Image();
        
        // original image tab 2 left
        RollImageLeftOriginal[2] = new Image();
        
        // original image tab 2 right
        RollImageRightOriginal[2] = new Image();
                
        // original image tab 2
        switch (tabSelected.value)
        {
            case "1":
                RollImageOriginal[2].src = "../../../../App_Themes/dc/images/tabs/tab2_none.jpg";
                RollImageLeftOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                RollImageRightOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "2":
                RollImageOriginal[2].src = "../../../../App_Themes/dc/images/tabs/tab2_active.jpg";
                RollImageLeftOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                RollImageRightOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "3":
                RollImageOriginal[2].src = "../../../../App_Themes/dc/images/tabs/tab2_none.jpg";
                RollImageLeftOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                RollImageRightOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                break;
            case "4":
                RollImageOriginal[2].src = "../../../../App_Themes/dc/images/tabs/tab2_none.jpg";
                RollImageLeftOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                RollImageRightOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
        }

        // set image source
        var img = document.getElementById("imgTab2");
        img.src = RollImageOriginal[2].src;
        
        var imgLeft = document.getElementById("imgTab2Left");
        imgLeft.src = RollImageLeftOriginal[2].src;
        
        var imgRight = document.getElementById("imgTab2Right");
        imgRight.src = RollImageRightOriginal[2].src;
    }
    
    function tab2_OnMouseOut_Sys2()
    {
        // original image tab 2
        RollImageOriginal[2] = new Image();
        
        // original image tab 2 left
        RollImageLeftOriginal[2] = new Image();
        
        // original image tab 2 right
        RollImageRightOriginal[2] = new Image();
                
        // original image tab 2
        switch (tabSelectedSystem2.value)
        {
            case "1":
                RollImageOriginal[2].src = "../../../../App_Themes/dc/images/tabs/tab6_none.jpg";
                RollImageLeftOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                RollImageRightOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "2":
                RollImageOriginal[2].src = "../../../../App_Themes/dc/images/tabs/tab6_active.jpg";
                RollImageLeftOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                RollImageRightOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "3":
                RollImageOriginal[2].src = "../../../../App_Themes/dc/images/tabs/tab6_none.jpg";
                RollImageLeftOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                RollImageRightOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                break;
            case "4":
                RollImageOriginal[2].src = "../../../../App_Themes/dc/images/tabs/tab6_none.jpg";
                RollImageLeftOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                RollImageRightOriginal[2].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
        }

        // set image source
        var img = document.getElementById("imgTab6");
        img.src = RollImageOriginal[2].src;
        
        var imgLeft = document.getElementById("imgTab6Left");
        imgLeft.src = RollImageLeftOriginal[2].src;
        
        var imgRight = document.getElementById("imgTab6Right");
        imgRight.src = RollImageRightOriginal[2].src;
    }
    
    function tab3_OnMouseOver()
    {
        // mouseover image tab 3
        RollImageMouseOver[3] = new Image();
        
        // mouseover image left side tab 3
        RollImageMouseOverLeft[3] = new Image();
        
        // mouseover image right side tab 3
        RollImageMouseOverRight[3] = new Image();
                
        switch (tabSelected.value)
        {
            case "1":
                RollImageMouseOver[3].src = "../../../../App_Themes/dc/images/tabs/tab3_hover.jpg";
                RollImageMouseOverLeft[3].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";
                RollImageMouseOverRight[3].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
            case "2":
                RollImageMouseOver[3].src = "../../../../App_Themes/dc/images/tabs/tab3_hover.jpg";
                RollImageMouseOverLeft[3].src = "../../../../App_Themes/dc/images/tabs/a_active_rollover.gif";
                RollImageMouseOverRight[3].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
            case "3":
                RollImageMouseOver[3].src = "../../../../App_Themes/dc/images/tabs/tab3_active.jpg";
                RollImageMouseOverLeft[3].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                RollImageMouseOverRight[3].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "4":
                RollImageMouseOver[3].src = "../../../../App_Themes/dc/images/tabs/tab3_hover.jpg";
                RollImageMouseOverLeft[3].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";
                RollImageMouseOverRight[3].src = "../../../../App_Themes/dc/images/tabs/a_rollover_active.gif";
                break;
        }
        
        // set image source
        var img = document.getElementById("imgTab3");
        img.src = RollImageMouseOver[3].src;
        
        var imgLeft = document.getElementById("imgTab2Right");
        imgLeft.src = RollImageMouseOverLeft[3].src;
        
        var imgRight = document.getElementById("imgTab3Right");
        imgRight.src = RollImageMouseOverRight[3].src;
    }
    
    function tab3_OnMouseOver_Sys2()
    {
        // mouseover image tab 3
        RollImageMouseOver[3] = new Image();
        
        // mouseover image left side tab 3
        RollImageMouseOverLeft[3] = new Image();
        
        // mouseover image right side tab 3
        RollImageMouseOverRight[3] = new Image();
                
        switch (tabSelectedSystem2.value)
        {
            case "1":
                RollImageMouseOver[3].src = "../../../../App_Themes/dc/images/tabs/tab7_hover.jpg";
                RollImageMouseOverLeft[3].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";
                RollImageMouseOverRight[3].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
            case "2":
                RollImageMouseOver[3].src = "../../../../App_Themes/dc/images/tabs/tab7_hover.jpg";
                RollImageMouseOverLeft[3].src = "../../../../App_Themes/dc/images/tabs/a_active_rollover.gif";
                RollImageMouseOverRight[3].src = "../../../../App_Themes/dc/images/tabs/a_rollover_none.gif";
                break;
            case "3":
                RollImageMouseOver[3].src = "../../../../App_Themes/dc/images/tabs/tab7_active.jpg";
                RollImageMouseOverLeft[3].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                RollImageMouseOverRight[3].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "4":
                RollImageMouseOver[3].src = "../../../../App_Themes/dc/images/tabs/tab7_hover.jpg";
                RollImageMouseOverLeft[3].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";
                RollImageMouseOverRight[3].src = "../../../../App_Themes/dc/images/tabs/a_rollover_active.gif";
                break;
        }
        
        // set image source
        var img = document.getElementById("imgTab7");
        img.src = RollImageMouseOver[3].src;
        
        var imgLeft = document.getElementById("imgTab6Right");
        imgLeft.src = RollImageMouseOverLeft[3].src;
        
        var imgRight = document.getElementById("imgTab7Right");
        imgRight.src = RollImageMouseOverRight[3].src;
    }
    
    function tab3_OnMouseOut()
    {
        // original image tab 3
        RollImageOriginal[3] = new Image();
        
        // original image tab 3 left
        RollImageLeftOriginal[3] = new Image();
        
        // original image tab 3 right
        RollImageRightOriginal[3] = new Image();
                
        // original image tab 3
        switch (tabSelected.value)
        {
            case "1":
                RollImageOriginal[3].src = "../../../../App_Themes/dc/images/tabs/tab3_none.jpg";
                RollImageLeftOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif"; 
                RollImageRightOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "2":
                RollImageOriginal[3].src = "../../../../App_Themes/dc/images/tabs/tab3_none.jpg";
                RollImageLeftOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif"; 
                RollImageRightOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "3":
                RollImageOriginal[3].src = "../../../../App_Themes/dc/images/tabs/tab3_active.jpg";
                RollImageLeftOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif"; 
                RollImageRightOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "4":
                RollImageOriginal[3].src = "../../../../App_Themes/dc/images/tabs/tab3_none.jpg";
                RollImageLeftOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif"; 
                RollImageRightOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                break;
        }
        
        var img = document.getElementById("imgTab3");
        img.src = RollImageOriginal[3].src;
        
        var imgLeft = document.getElementById("imgTab2Right");
        imgLeft.src = RollImageLeftOriginal[3].src;
        
        var imgRight = document.getElementById("imgTab3Right");
        imgRight.src = RollImageRightOriginal[3].src;
    }
    
    function tab3_OnMouseOut_Sys2()
    {
        // original image tab 3
        RollImageOriginal[3] = new Image();
        
        // original image tab 3 left
        RollImageLeftOriginal[3] = new Image();
        
        // original image tab 3 right
        RollImageRightOriginal[3] = new Image();
                
        // original image tab 3
        switch (tabSelectedSystem2.value)
        {
            case "1":
                RollImageOriginal[3].src = "../../../../App_Themes/dc/images/tabs/tab7_none.jpg";
                RollImageLeftOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif"; 
                RollImageRightOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "2":
                RollImageOriginal[3].src = "../../../../App_Themes/dc/images/tabs/tab7_none.jpg";
                RollImageLeftOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif"; 
                RollImageRightOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "3":
                RollImageOriginal[3].src = "../../../../App_Themes/dc/images/tabs/tab7_active.jpg";
                RollImageLeftOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif"; 
                RollImageRightOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;
            case "4":
                RollImageOriginal[3].src = "../../../../App_Themes/dc/images/tabs/tab7_none.jpg";
                RollImageLeftOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif"; 
                RollImageRightOriginal[3].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                break;
        }
        
        var img = document.getElementById("imgTab7");
        img.src = RollImageOriginal[3].src;
        
        var imgLeft = document.getElementById("imgTab6Right");
        imgLeft.src = RollImageLeftOriginal[3].src;
        
        var imgRight = document.getElementById("imgTab7Right");
        imgRight.src = RollImageRightOriginal[3].src;
    }
    
    function tab4_OnMouseOver()
    {
        // mouseover image tab 4
        RollImageMouseOver[4] = new Image();
        
        // mouseover image left side tab 4
        RollImageMouseOverLeft[4] = new Image();
                
        switch (tabSelected.value)
        {
            case "1":
                RollImageMouseOver[4].src = "../../../../App_Themes/dc/images/tabs/tab4_hover.jpg";
                RollImageMouseOverLeft[4].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";    
                break;
            case "2":
                RollImageMouseOver[4].src = "../../../../App_Themes/dc/images/tabs/tab4_hover.jpg";
                RollImageMouseOverLeft[4].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";    
                break;
            case "3":
                RollImageMouseOver[4].src = "../../../../App_Themes/dc/images/tabs/tab4_hover.jpg";
                RollImageMouseOverLeft[4].src = "../../../../App_Themes/dc/images/tabs/a_active_rollover.gif";    
                break;
            case "4":
                RollImageMouseOver[4].src = "../../../../App_Themes/dc/images/tabs/tab4_active.jpg";
                RollImageMouseOverLeft[4].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";    
                break;
        }
        
        // set image source
        var img = document.getElementById("imgTab4");
        img.src = RollImageMouseOver[4].src;
        
        var imgLeft = document.getElementById("imgTab3Right");
        imgLeft.src = RollImageMouseOverLeft[4].src;
    }
    
    function tab4_OnMouseOver_Sys2()
    {
        // mouseover image tab 4
        RollImageMouseOver[4] = new Image();
        
        // mouseover image left side tab 4
        RollImageMouseOverLeft[4] = new Image();
                
        switch (tabSelectedSystem2.value)
        {
            case "1":
                RollImageMouseOver[4].src = "../../../../App_Themes/dc/images/tabs/tab8_hover.jpg";
                RollImageMouseOverLeft[4].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";    
                break;
            case "2":
                RollImageMouseOver[4].src = "../../../../App_Themes/dc/images/tabs/tab8_hover.jpg";
                RollImageMouseOverLeft[4].src = "../../../../App_Themes/dc/images/tabs/a_none_rollover.gif";    
                break;
            case "3":
                RollImageMouseOver[4].src = "../../../../App_Themes/dc/images/tabs/tab8_hover.jpg";
                RollImageMouseOverLeft[4].src = "../../../../App_Themes/dc/images/tabs/a_active_rollover.gif";    
                break;
            case "4":
                RollImageMouseOver[4].src = "../../../../App_Themes/dc/images/tabs/tab8_active.jpg";
                RollImageMouseOverLeft[4].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";    
                break;
        }
        
        // set image source
        var img = document.getElementById("imgTab8");
        img.src = RollImageMouseOver[4].src;
        
        var imgLeft = document.getElementById("imgTab7Right");
        imgLeft.src = RollImageMouseOverLeft[4].src;
    }
    
    function tab4_OnMouseOut()
    {
        // original image tab 4
        RollImageOriginal[4] = new Image();
        
        // original image tab 4 left
        RollImageLeftOriginal[4] = new Image();
                
        // original image tab 4
        switch (tabSelected.value)
        {
            case "1":
                RollImageOriginal[4].src = "../../../../App_Themes/dc/images/tabs/tab4_none.jpg";
                RollImageLeftOriginal[4].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "2":
                RollImageOriginal[4].src = "../../../../App_Themes/dc/images/tabs/tab4_none.jpg";
                RollImageLeftOriginal[4].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;    
            case "3":
                RollImageOriginal[4].src = "../../../../App_Themes/dc/images/tabs/tab4_none.jpg";
                RollImageLeftOriginal[4].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;  
            case "4":
                RollImageOriginal[4].src = "../../../../App_Themes/dc/images/tabs/tab4_active.jpg";
                RollImageLeftOriginal[4].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                break; 
        }
        
        // set image source
        var img = document.getElementById("imgTab4");
        img.src = RollImageOriginal[4].src;
        
        var imgLeft = document.getElementById("imgTab3Right");
        imgLeft.src = RollImageLeftOriginal[4].src;
    }
    
    function tab4_OnMouseOut_Sys2()
    {
        // original image tab 4
        RollImageOriginal[4] = new Image();
        
        // original image tab 4 left
        RollImageLeftOriginal[4] = new Image();
                
        // original image tab 4
        switch (tabSelectedSystem2.value)
        {
            case "1":
                RollImageOriginal[4].src = "../../../../App_Themes/dc/images/tabs/tab8_none.jpg";
                RollImageLeftOriginal[4].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;
            case "2":
                RollImageOriginal[4].src = "../../../../App_Themes/dc/images/tabs/tab8_none.jpg";
                RollImageLeftOriginal[4].src = "../../../../App_Themes/dc/images/tabs/a_none_none.gif";
                break;    
            case "3":
                RollImageOriginal[4].src = "../../../../App_Themes/dc/images/tabs/tab8_none.jpg";
                RollImageLeftOriginal[4].src = "../../../../App_Themes/dc/images/tabs/a_active_none.gif";
                break;  
            case "4":
                RollImageOriginal[4].src = "../../../../App_Themes/dc/images/tabs/tab8_active.jpg";
                RollImageLeftOriginal[4].src = "../../../../App_Themes/dc/images/tabs/a_none_active.gif";
                break; 
        }
        
        // set image source
        var img = document.getElementById("imgTab8");
        img.src = RollImageOriginal[4].src;
        
        var imgLeft = document.getElementById("imgTab7Right");
        imgLeft.src = RollImageLeftOriginal[4].src;
    }