﻿function toggleTab(tab) {

    var descriptionLink = $("#descriptionlink");
    var shippingAndPaymentLink = $("#shippingandpaymentlink");
    var descriptionTab = $("#descriptionTab");
    var shippingAndPaymentTab = $("#shippingandpaymentTab");
    var descriptionDiv = $("#description");
    var shippingAndPaymentDiv = $("#shippingandpayment");

    switch (tab) {

        case "description":

            activateTab(descriptionLink, descriptionTab, descriptionDiv);
            deactivateTab(shippingAndPaymentLink, shippingAndPaymentTab, shippingAndPaymentDiv);

            break;

        case "shippingandpayment":

            activateTab(shippingAndPaymentLink, shippingAndPaymentTab, shippingAndPaymentDiv);
            deactivateTab(descriptionLink, descriptionTab, descriptionDiv);

            break;
    }
}

function activateTab(link, tab, content) {
    link.removeClass("tablink").addClass("selectedTabLink");
    tab.removeClass("Tab").addClass("selectedTab");
    content.show();
}

function deactivateTab(link, tab, content) {
    link.removeClass("selectedTabLink").addClass("tablink");
    tab.removeClass("selectedTab").addClass("Tab");
    content.hide();
}

