function showTab(index)
{
    if (index == 1)
    {
        document.getElementById("litab1").className = "active";
        document.getElementById("litab2").className = "";
        
        document.getElementById("litaba1").style.color = "#fff";
        document.getElementById("litaba2").style.color = "#000";
        
        document.getElementById("tab1").style.display = "block";
        document.getElementById("tab2").style.display = "none";
    }
    else
    {
        document.getElementById("litab1").className = "";
        document.getElementById("litab2").className = "active";
        
        document.getElementById("litaba1").style.color = "#000";
        document.getElementById("litaba2").style.color = "#fff";
        
        document.getElementById("tab1").style.display = "none";
        document.getElementById("tab2").style.display = "block";
    }
}