﻿function InitializeMenu() {    
    // Hide all divs
    $(".menu div").hide();

    // Examine hash
    var hash = window.location.hash;
    if (hash.length > 1) {
        hash = hash.replace("#", "");
        if ($(".menu div." + hash).length > 0) {
            $(".menu div." + hash).show();
            $(".menu li." + hash + " a").addClass("active");
        }
        else {
            // Show first div
            $(".menu div:first").show();
            $(".menu li:first a").addClass("active");
        }
    }
    else {
        // Show first div
        $(".menu div:first").show();
        $(".menu li:first a").addClass("active");
    }

    // Add onclick events
    $(".menu li a").click(function() {
        // Hide prior active item
        $(".menu .active").removeClass("active");
        $(".menu div").hide();

        // Make clicked element active
        var activeClass = $(this).parent().attr("class");
        $(this).addClass("active");
        $(".menu div." + activeClass).show();
        window.location.hash = activeClass;
        return false;

    });

    $('.next').click(function(event) {
        event.preventDefault();
        var menu = $('.menu ul');
        var active = $('.menu li a.active').parent();
        var index = menu.children('li').index(active);

        if (index + 1 < menu.children('li').length) {
            menu.find('li:eq(' + (index + 1) + ')').children('a:first').click();
        }
        else {
            menu.find('li:eq(0)').children('a:first').click();
        }
    });

    $('.previous').click(function(event) {
        event.preventDefault();
        var menu = $('.menu ul');
        var active = $('.menu li a.active').parent();
        var index = menu.children('li').index(active);

        if (index > 0) {
            menu.find('li:eq(' + (index - 1) + ')').children('a:first').click();
        }
        else {
            menu.find('li:eq(' + (menu.children('li').length - 1) + ')').children('a:first').click();
        }
    });
}

function InitializeServiceMenu() {
    // Show first menu
    $("#menu-of-services div:first").addClass("active");

    var callout = $(".active .callout");
    $("#menu-of-services").css({ 'marginTop': (callout.height() + 28) + 'px' });
    callout.css({ 'backgroundPosition': '-427px bottom', 'marginTop': -1 * (callout.height() + 28) + 'px' });

    // Add onclick events
    $("#menu-of-services h2 a").click(function() {

        // Hide prior active item
        $("#menu-of-services div").removeClass("active");

        // Make clicked element active
        $(this).parent().parent().addClass("active");

        // Position description text
        var activeElement = $("div.active");
        var index = $("#menu-of-services").children().index(activeElement);

        var callout = $(".active .callout");

        $("#menu-of-services").css({ 'marginTop': (callout.height() + 28) + 'px' });
        callout.css({ 'backgroundPosition': (-427 + index * 125) + 'px bottom', 'marginTop': -1 * (callout.height() + 28) + 'px' });

        return false;

    });
}