﻿$(document).ready(function() {       
        $("div[class^=homemenucontent]").hide();
        $(".homemenucontentfinal").delay(250).slideDown(700);
        /*$(".homemenucontentfinal").show(); Use this to show the menu without animating it in */
        $(".homemenucontentfinal").parent("div").addClass("homemenutitleselected h1");
        $(".homemenutitle").mouseover(function() {
            $(this).addClass('titlemouseover');
        });
        $(".homemenutitle").click(function() {
            if (true == $(this).children('div').is(":hidden") && "" != $(this).children('h1').text())
            {
                $(".homemenutitleselected").addClass("homemenutitle h1").removeClass("homemenutitleselected h1");
                $("div[class^=homemenucontent]").slideUp(700); 
                $(this).children('div').delay(700).slideDown(700);
                $(this).removeClass("homemenutitle h1").addClass("homemenutitleselected h1");
            }
        });
    });
