﻿// JScript Tabs File

var activeTab = 0;

function HideAllTabs()
{
    $("#uxSearchTab").removeClass("tab_active");
    $("#uxCreateAdTab").removeClass("tab_active");
    $("#uxRegisterTab").removeClass("tab_active");
    $("#uxLogOnTab").removeClass("tab_active");
    $("#uxAdministrationTab").removeClass("tab_active");

    $("#uxSearchTab").removeClass("tab_inactive");
    $("#uxCreateAdTab").removeClass("tab_inactive");
    $("#uxRegisterTab").removeClass("tab_inactive");
    $("#uxLogOnTab").removeClass("tab_inactive");
    $("#uxAdministrationTab").removeClass("tab_inactive");
}

function ShowTab( id )
{
    HideAllTabs();
    switch( id )
    {
        case 1:
        
            $("#uxSearchTab").addClass("tab_inactive");
            $("#uxCreateAdTab").addClass("tab_inactive");
            $("#uxRegisterTab").addClass("tab_inactive");
            $("#uxLogOnTab").addClass("tab_inactive");
            $("#uxAdministrationTab").addClass("tab_inactive");


            $("#uxSearchTab").addClass("tab_active");
            $("#uxCreateAdTab").removeClass("tab_active");
            $("#uxRegisterTab").removeClass("tab_active");
            $("#uxLogOnTab").removeClass("tab_active");


            $("#uxCreateAdTabContent").hide();
            $("#uxRegisterTabContent").hide();
            $("#uxLogOnTabContent").hide();

            $("#uxSearchTabContent").show();


            activeTab = 1;
        
            break;
        
        case 2:
        
            $("#uxSearchTab").addClass("tab_inactive");
            $("#uxCreateAdTab").addClass("tab_inactive");
            $("#uxRegisterTab").addClass("tab_inactive");
            $("#uxLogOnTab").addClass("tab_inactive");
            $("#uxAdministrationTab").addClass("tab_inactive");

        
            $("#uxCreateAdTab").addClass("tab_active");
            $("#uxSearchTab").removeClass("tab_active");
            $("#uxRegisterTab").removeClass("tab_active");
            $("#uxLogOnTab").removeClass("tab_active");

            $("#uxSearchTabContent").hide();
            $("#uxRegisterTabContent").hide();
            $("#uxLogOnTabContent").hide();

            $("#uxCreateAdTabContent").show();


            activeTab = 2;
        
            break;
            
        case 3:
        
            $("#uxSearchTab").addClass("tab_inactive");
            $("#uxCreateAdTab").addClass("tab_inactive");
            $("#uxRegisterTab").addClass("tab_inactive");
            $("#uxLogOnTab").addClass("tab_inactive");
            $("#uxAdministrationTab").addClass("tab_inactive");

        
            $("#uxRegisterTab").addClass("tab_active");
            $("#uxSearchTab").removeClass("tab_active");
            $("#uxCreateAdTab").removeClass("tab_active");
            $("#uxLogOnTab").removeClass("tab_active");

            $("#uxSearchTabContent").hide();
            $("#uxCreateAdTabContent").hide();
            $("#uxLogOnTabContent").hide();

            $("#uxRegisterTabContent").show();

            activeTab = 3;
        
            break;
            
        case 4:
        
            $("#uxSearchTab").addClass("tab_inactive");
            $("#uxCreateAdTab").addClass("tab_inactive");
            $("#uxRegisterTab").addClass("tab_inactive");
            $("#uxLogOnTab").addClass("tab_inactive");
            $("#uxAdministrationTab").addClass("tab_inactive");

        
            $("#uxLogOnTab").addClass("tab_active");
            $("#uxSearchTab").removeClass("tab_active");
            $("#uxCreateAdTab").removeClass("tab_active");
            $("#uxRegisterTab").removeClass("tab_active");

            $("#uxSearchTabContent").hide();
            $("#uxCreateAdTabContent").hide();
            $("#uxRegisterTabContent").hide();

            $("#uxLogOnTabContent").show();

            activeTab = 4;
        
            break;
        
    }
    
}

$(document).ready(function() {

    $("#uxSearchTab").click(function() {

        if (activeTab != 1) {

            ShowTab( 1 );
        }
        else 
        {
            //$("#uxSearchTab").removeClass("tab_active");
            $("#uxSearchTabContent").hide();

            HideAllTabs();

            activeTab = 0;
        }

    });

    $("#uxCreateAdTab").click(function() {

        if (activeTab != 2) {

            ShowTab( 2 );
        }
        else 
        {
            //$("#uxCreateAdTab").removeClass("tab_active");
            $("#uxCreateAdTabContent").hide();
            HideAllTabs();
            
            activeTab = 0;
        }

    });

    $("#uxRegisterTab").click(function() {

        if (activeTab != 3) {

            ShowTab( 3 );
        }
        else 
        {
            //$("#uxRegisterTab").removeClass("tab_active");
            $("#uxRegisterTabContent").hide();
            
            HideAllTabs();
            
            activeTab = 0;
        }

    });
    
    $("#uxLogOnTab").click(function() {

        if (activeTab != 4) {

            ShowTab( 4 );
        }
        else 
        {
            //("#uxLogOnTab").removeClass("tab_active");
            $("#uxLogOnTabContent").hide();
            
            HideAllTabs();
            
            activeTab = 0;
        }

    });

});

