$(function () {
    // Hide all the content except the first
    //$('.accordian li:odd:gt(0)').hide();
//    if($('.accordian li:.active').length==0)
//    {
//    $('.accordian li:first').addClass('active');
//    }
    $('.accordian li:.active').next().show();
    

    // Add a padding to the first link
    $('.accordian li:.active').animate({
        paddingRight: "30px"
    });

    // Add the dimension class to all the content
    $('.accordian li:odd').addClass('dimension');

    // Set the even links with an 'even' class
    $('.accordian li:even:even').addClass('even');

    // Set the odd links with a 'odd' class
    $('.accordian li:even:odd').addClass('odd');

    // Show the correct cursor for the links
    $('.accordian li:even').css('cursor', 'pointer');

    // Handle the click event
    $('.accordian li:even').click(function () {
        
        if($('.accordian li:odd').is(':animated') ) //eliminate expanding another menu when other is animated
        {
        return false;
        }
        // Get the content that needs to be shown
        var cur = $(this).next();

        // Get the content that needs to be hidden
        var old = $('.accordian li:odd:visible');


        // Make sure the content that needs to be shown 
        // isn't already visible
        if (cur.is(':visible'))
            return false;
        
        old.prev().removeClass('active');
        $(this).addClass('active');
        // Hide the old content
        old.slideToggle(300);

        // Show the new content
        cur.stop().slideToggle(300);
        

        // Animate (add) the padding in the new link
        $(this).stop().animate({
            paddingRight: "30px"
        });

        // Animate (remove) the padding in the old link
        old.prev().stop().animate({
            paddingRight: "10px"
        });
    });
});