$(document).ready(function () {
    var FadeInTime = 300;

    $(".TabContent").hide();    //Hide all tab content

    if (getCookie("B2C_LOGIN_VIEW") == '#Tab1') {
        /*-------------------------------------------------------------------------
        Active First Tab
        -------------------------------------------------------------------------*/
        $("ul.Tabs li:first").addClass("TabActive").show();
        $("ul.Tabs li.TabActive div:first").addClass("TabLeftActive");
        $("ul.Tabs li.TabActive div:last").addClass("TabRightActive");
        $("ul.Tabs li.TabActive").css("margin-top", "0px");
        $(".TabContent:first").show();
    }
    else if (getCookie("B2C_LOGIN_VIEW") == '#Tab2') {
        /*-------------------------------------------------------------------------
        Active Second Tab
        -------------------------------------------------------------------------*/
        $("ul.Tabs li:eq(1)").addClass("TabActive").show();
        $("ul.Tabs li.TabActive div:first").addClass("TabLeftActive");
        $("ul.Tabs li.TabActive div:last").addClass("TabRightActive");
        $("ul.Tabs li.TabActive").css("margin-top", "0px");
        $(".TabContent:eq(1)").show();
    }
    else if (getCookie("B2C_LOGIN_VIEW") == '#Tab3') {
        /*-------------------------------------------------------------------------
        Active Last Tab
        -------------------------------------------------------------------------*/
        $("ul.Tabs li:last").addClass("TabActive").show();
        $("ul.Tabs li.TabActive div:first").addClass("TabLeftActive");
        $("ul.Tabs li.TabActive div:last").addClass("TabRightActive");
        $("ul.Tabs li.TabActive").css("margin-top", "0px");
        $(".TabContent:last").show();
    }
    else {
        /*-------------------------------------------------------------------------
        Active First Tab
        -------------------------------------------------------------------------*/
        $("ul.Tabs li:first").addClass("TabActive").show();
        $("ul.Tabs li.TabActive div:first").addClass("TabLeftActive");
        $("ul.Tabs li.TabActive div:last").addClass("TabRightActive");
        $("ul.Tabs li.TabActive").css("margin-top", "0px");
        $(".TabContent:first").show();
    }
    //refresh cookie date

    /*-------------------------------------------------------------------------
    Inactive Tab Mouseover
    -------------------------------------------------------------------------*/
    //    $("ul.Tabs li:not([class=='TabActive'])").hover(function ()
    //    {
    //        $(this).find("div:first").addClass("TabLeftInactiveHover");
    //        $(this).find("div:last").addClass("TabRightInactiveHover");
    //    },
    //    function ()
    //    {
    //        $(this).find("div:first").removeClass("TabLeftInactiveHover");
    //        $(this).find("div:last").removeClass("TabRightInactiveHover");
    //    });

    /*-------------------------------------------------------------------------
    Tab Clicked
    -------------------------------------------------------------------------*/
    $("ul.Tabs li").click(function () {
        $("ul.Tabs li").removeClass("TabActive");      //Remove any "active" classes
        $("ul.Tabs li div").removeClass("TabLeftActive");
        $("ul.Tabs li div").removeClass("TabRightActive");
        $("ul.Tabs li").css("margin-top", "-2px");

        $(this).addClass("TabActive");                 //Add "active" classes to selected tab
        $("ul.Tabs li.TabActive div:first").addClass("TabLeftActive");
        $("ul.Tabs li.TabActive div:last").addClass("TabRightActive");
        $("ul.Tabs li.TabActive").css("margin-top", "0px");

        $(".TabContent").hide();                    //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
        $(activeTab).fadeIn(FadeInTime);            //Fade in the active ID content

        setCookie('B2C_LOGIN_VIEW', activeTab);

        return false;
    });
    //refresh cookie
    var previousSelection = getCookie('B2C_LOGIN_VIEW');
    if (previousSelection != null) {
        setCookie('B2C_LOGIN_VIEW', previousSelection);
    }
});

/*-------------------------------------------------------------------------
Cookie Get/Set
-------------------------------------------------------------------------*/
function setCookie(name, value) {
    var expires = new Date();
    expires.setTime(expires.getTime() + (1000 * 60 * 60 * 24 * 30));     //set it 30 days ahead 
    document.cookie = name + "=" + escape(value) + "; path=/" + ((expires == null) ? "" : "; expires=" + expires.toGMTString());
}
function getCookie(name) {
    var dc = document.cookie;
    var cname = name + "=";

    if (dc.length > 0) {
        begin = dc.indexOf(cname);
        if (begin != -1) {
            begin += cname.length;
            end = dc.indexOf(";", begin);
            if (end == -1) {
                end = dc.length;
            }
            return unescape(dc.substring(begin, end));
        }
    }
    return null;
}