﻿function pageload(hash) {
    if (hash == "") {
        hash = "whatis";
    }
    switch (hash) {
        case "whatis":
            // Set 'about' tab to be selected and other tabs not selected
            $("#whatislink").addClass("selected");
            $("#weldinglink").removeClass("selected");
            $("#paintpreplink").removeClass("selected");
            $("#laserlink").removeClass("selected");
            $("#recoverylink").removeClass("selected");
            $("#fabricationlink").removeClass("selected");

            // Show 'about' div and ensure other div's are hidden
            $("#whatisSCS").removeClass("hidescspage");
            $("#whatisSCS").addClass("showscspage");
            $("#weldingbenefits").removeClass("showscspage");
            $("#weldingbenefits").addClass("hidescspage");
            $("#cheaperpaintprep").removeClass("showscspage");
            $("#cheaperpaintprep").addClass("hidescspage");
            $("#laserbenefits").removeClass("showscspage");
            $("#laserbenefits").addClass("hidescspage");
            $("#coilrecovery").removeClass("showscspage");
            $("#coilrecovery").addClass("hidescspage");
            $("#generalfabrication").removeClass("showscspage");
            $("#generalfabrication").addClass("hidescspage");

            // Set page title based on current selected tab
            document.title = "Servosteel | SCS - What is SCS?";
            break;
        case "welding":
            // Set 'how does..' tab to be selected and other tabs not selected
            $("#whatislink").removeClass("selected");
            $("#weldinglink").addClass("selected");
            $("#paintpreplink").removeClass("selected");
            $("#laserlink").removeClass("selected");
            $("#recoverylink").removeClass("selected");
            $("#fabricationlink").removeClass("selected");

            // Show 'how does..' div and ensure other div's are hidden
            $("#whatisSCS").removeClass("showscspage");
            $("#whatisSCS").addClass("hidescspage");
            $("#weldingbenefits").removeClass("hidescspage");
            $("#weldingbenefits").addClass("showscspage");
            $("#cheaperpaintprep").removeClass("showscspage");
            $("#cheaperpaintprep").addClass("hidescspage");
            $("#laserbenefits").removeClass("showscspage");
            $("#laserbenefits").addClass("hidescspage");
            $("#coilrecovery").removeClass("showscspage");
            $("#coilrecovery").addClass("hidescspage");
            $("#generalfabrication").removeClass("showscspage");
            $("#generalfabrication").addClass("hidescspage");

            // Set page title based on current selected tab
            document.title = "Servosteel | SCS - Welding Benefits";
            break;
        case "paintprep":
            // Set 'results' tab to be selected and other tabs not selected
            $("#whatislink").removeClass("selected");
            $("#weldinglink").removeClass("selected");
            $("#paintpreplink").addClass("selected");
            $("#laserlink").removeClass("selected");
            $("#recoverylink").removeClass("selected");
            $("#fabricationlink").removeClass("selected");

            // Show 'results' div and ensure other div's are hidden
            $("#whatisSCS").removeClass("showscspage");
            $("#whatisSCS").addClass("hidescspage");
            $("#weldingbenefits").removeClass("showscspage");
            $("#weldingbenefits").addClass("hidescspage");
            $("#cheaperpaintprep").removeClass("hidescspage");
            $("#cheaperpaintprep").addClass("showscspage");
            $("#laserbenefits").removeClass("showscspage");
            $("#laserbenefits").addClass("hidescspage");
            $("#coilrecovery").removeClass("showscspage");
            $("#coilrecovery").addClass("hidescspage");
            $("#generalfabrication").removeClass("showscspage");
            $("#generalfabrication").addClass("hidescspage");

            // Set page title based on current selected tab
            document.title = "Servosteel | SCS - The Results";
            break;
        case "laser":
            // Set 'reclaim' tab to be selected and other tabs not selected
            $("#whatislink").removeClass("selected");
            $("#weldinglink").removeClass("selected");
            $("#paintpreplink").removeClass("selected");
            $("#laserlink").addClass("selected");
            $("#recoverylink").removeClass("selected");
            $("#fabricationlink").removeClass("selected");

            // Show 'reclaim' div and ensure other div's are hidden
            $("#whatisSCS").removeClass("showscspage");
            $("#whatisSCS").addClass("hidescspage");
            $("#weldingbenefits").removeClass("showscspage");
            $("#weldingbenefits").addClass("hidescspage");
            $("#cheaperpaintprep").removeClass("showscspage");
            $("#cheaperpaintprep").addClass("hidescspage");
            $("#laserbenefits").removeClass("hidescspage");
            $("#laserbenefits").addClass("showscspage");
            $("#coilrecovery").removeClass("showscspage");
            $("#coilrecovery").addClass("hidescspage");
            $("#generalfabrication").removeClass("showscspage");
            $("#generalfabrication").addClass("hidescspage");

            // Set page title based on current selected tab
            document.title = "Servosteel | SCS - Reclaim Your Secondary Coils";
            break;
        case "recovery":
            // Set 'guidelines' tab to be selected and other tabs not selected
            $("#whatislink").removeClass("selected");
            $("#weldinglink").removeClass("selected");
            $("#paintpreplink").removeClass("selected");
            $("#laserlink").removeClass("selected");
            $("#recoverylink").addClass("selected");
            $("#fabricationlink").removeClass("selected");

            // Show 'guidelines' div and ensure other div's are hidden
            $("#whatisSCS").removeClass("showscspage");
            $("#whatisSCS").addClass("hidescspage");
            $("#weldingbenefits").removeClass("showscspage");
            $("#weldingbenefits").addClass("hidescspage");
            $("#cheaperpaintprep").removeClass("showscspage");
            $("#cheaperpaintprep").addClass("hidescspage");
            $("#laserbenefits").removeClass("showscspage");
            $("#laserbenefits").addClass("hidescspage");
            $("#coilrecovery").removeClass("hidescspage");
            $("#coilrecovery").addClass("showscspage");
            $("#generalfabrication").removeClass("showscspage");
            $("#generalfabrication").addClass("hidescspage");

            // Set page title based on current selected tab
            document.title = "Servosteel | SCS - Test Results and Guidelines";
            break;
        case "fabrication":
            // Set 'guidelines' tab to be selected and other tabs not selected
            $("#whatislink").removeClass("selected");
            $("#weldinglink").removeClass("selected");
            $("#paintpreplink").removeClass("selected");
            $("#laserlink").removeClass("selected");
            $("#recoverylink").removeClass("selected");
            $("#fabricationlink").addClass("selected");

            // Show 'guidelines' div and ensure other div's are hidden
            $("#whatisSCS").removeClass("showscspage");
            $("#whatisSCS").addClass("hidescspage");
            $("#weldingbenefits").removeClass("showscspage");
            $("#weldingbenefits").addClass("hidescspage");
            $("#cheaperpaintprep").removeClass("showscspage");
            $("#cheaperpaintprep").addClass("hidescspage");
            $("#laserbenefits").removeClass("showscspage");
            $("#laserbenefits").addClass("hidescspage");
            $("#coilrecovery").removeClass("showscspage");
            $("#coilrecovery").addClass("hidescspage");
            $("#generalfabrication").removeClass("hidescspage");
            $("#generalfabrication").addClass("showscspage");

            // Set page title based on current selected tab
            document.title = "Servosteel | SCS - Benefits of SCS";
            break;
    }
}

$(document).ready(function() {
    // Ensure SCS page div's are hidden if Javascript is enabled. The appropriate div will be shown based on the hash in the pageLoad function
    $(".scspagediv").addClass("hidescspage");
    $(".scspagediv").removeClass("scspagediv");
    // Hide SCS tabbed header and show 'standard' content page header
    $(".scspage-top").css("display", "block");
    $(".main-top").css("display", "none");
    
    // Initialize history plugin.
    $.history.init(pageload);

    // Handle tab click event to grab hash fragment from 'href' attribute of the link and load it via the jQuery History library
    $("a.scspagelink").live("click", function() {
        var hash = $(this).attr("href");
        $.history.load(hash);
        return false;
    })
});