var Tab1 = "Inactive";
var Tab2 = "Active";

function Tabover(obj)
{
    if(obj == "Tab1")
    {
        if(Tab1 == "Inactive")
        {
            document.getElementById("Tab1L").className="ajax__tab_over_left";
            document.getElementById("Tab1T").className="ajax__tab_over";
            document.getElementById("Tab1R").className="ajax__tab_over_right";
        }
    }
    if(obj == "Tab2")
    {
        if(Tab2 == "Inactive")
        {
            document.getElementById("Tab2L").className="ajax__tab_over_left";
            document.getElementById("Tab2T").className="ajax__tab_over";
            document.getElementById("Tab2R").className="ajax__tab_over_right";
        }
    }
}

function Tabout(obj)
{
    if(obj == "Tab1")
    {
        if(Tab1 == "Inactive")
        {
            document.getElementById("Tab1L").className="ajax__tab_left";
            document.getElementById("Tab1T").className="ajax__tab";
            document.getElementById("Tab1R").className="ajax__tab_right";
        }
    }
    if(obj == "Tab2")
    {
        if(Tab2 == "Inactive")
        {
            document.getElementById("Tab2L").className="ajax__tab_left";
            document.getElementById("Tab2T").className="ajax__tab";
            document.getElementById("Tab2R").className="ajax__tab_right";
        }
    }
}

function Tabclick(obj)
{
    if(obj == "Tab1")
    {
        if(Tab1 == "Inactive")
        {
            Tab1 = "Active";
            Tab2 = "Inactive";
            document.getElementById("Tab1L").className="ajax__tab_active_left";
            document.getElementById("Tab1T").className="ajax__tab_active";
            document.getElementById("Tab1R").className="ajax__tab_active_right";
            document.getElementById("Tab2L").className="ajax__tab_left";
            document.getElementById("Tab2T").className="ajax__tab";
            document.getElementById("Tab2R").className="ajax__tab_right";
            //document.getElementById("Tabbody1").style.visibility = "visible";
            //document.getElementById("Tabbody2").style.visibility = "hidden";
            
            document.getElementById("Tabbody").innerHTML = document.getElementById("Tabbody1").innerHTML;
            
            //document.getElementById("Tabbody1").style.height = "530px";
            //document.getElementById("Tabbody2").style.height = "0px";
        }
    }
    if(obj == "Tab2")
    {
        if(Tab2 == "Inactive")
        {   
            Tab1 = "Inactive";
            Tab2 = "Active";
            document.getElementById("Tab1L").className="ajax__tab_left";
            document.getElementById("Tab1T").className="ajax__tab";
            document.getElementById("Tab1R").className="ajax__tab_right";
            document.getElementById("Tab2L").className="ajax__tab_active_left";
            document.getElementById("Tab2T").className="ajax__tab_active";
            document.getElementById("Tab2R").className="ajax__tab_active_right";
            //document.getElementById("Tabbody1").style.visibility = "hidden";
            //document.getElementById("Tabbody2").style.visibility = "visible";
            //document.getElementById("Tabbody1").style.height = "0px";
            //document.getElementById("Tabbody2").style.height = "530px";
            document.getElementById("Tabbody").innerHTML = document.getElementById("Tabbody2").innerHTML;
        }
    }
}