var signupIndex = 0;
var signupCategoryIndex = 0;

$(document).ready(function() {
    initMainTabs();
    initButtons();
    initCategoryTabs();
});

function initMainTabs() {

    $("#signup-tabs").show();

    signupIndex = parseInt($("#ctl00_cp_hd_index").val(), 10);
    setSignupTab();

    // tab click event
    $("#signup-tabs a").click(function() {
        signupIndex = $("#signup-tabs a").index(this);
        setSignupTab();
    });

};

function initButtons() {
    $("#signup-buttons a.tab-next").show();
    $("#signup-buttons a").click(function() {
        if ($(this).hasClass("tab-previous")) {
            signupIndex -= 1;
        } else {
            signupIndex += 1;
        };
        setSignupTab();
    });
};

function initCategoryTabs() {

    setSignupCategoryTab();

    // category tab event
    $("#signup-category-tabs input:radio").click(function() {

        $("#signup-category-tabs li").removeClass("active");
        $(this).parent().addClass("active");

        signupCategoryIndex = $("#signup-category-tabs input:radio").index(this);
        setSignupCategoryTab();

    });

};

function setSignupTab() {

    // reset all images to up states
    $("#signup-tabs li img").each(function() {
        $(this).attr("src", $(this).attr("src").replace("_d.gif", ".gif"));
    });

    // set current tab to down state
    var $currentTabImage = $("#signup-tabs li:eq(" + signupIndex + ") img");
    $currentTabImage.attr("src", $currentTabImage.attr("src").replace(".gif", "_d.gif"));

    // show/hide divs if we're not on the last step
    if (signupIndex < 5) {

        $("div.signup-tab").hide(); // hide all divs
        $("div.signup-tab:eq(" + signupIndex + ")").show(); // show div by current index
        $("#ctl00_cp_hd_index").val(signupIndex); // set hidden field

        if (signupIndex === 0) {
            $("#signup-buttons a.tab-previous").hide();
        } else {
            $("#signup-buttons a.tab-previous").show();
        };

        if (signupIndex === 4) {
            $("#signup-buttons a.tab-next").hide();
            $("#signup-buttons input").show(); // show final submit
        } else {
            $("#signup-buttons a.tab-next").show();
            $("#signup-buttons input").hide(); // hide final submit
        };

    };

};

function setSignupCategoryTab() {
    $("div.signup-category-tab").hide(); // hide all
    $("div.signup-category-tab:eq(" + signupCategoryIndex + ")").show(); // show by index

};