$(document).ready(function() {

    $(".menu-bg").css({ backgroundColor: "#000000", opacity: "0.8" });

    $(".submenu").each(function() {

        var l = $(this).children("li").length;
        $(this).append('<input type="hidden" class="length" value="' + l + '"/>')
        //alert(l);

    });

    //$(".submenu").hide();

    $(window).trigger("resize");

    $(".menu-button").parent().hover(function() {

        $(this).find(".menu-bg:first").css({ backgroundColor: "#999999", opacity: "0.8" }, 300);



        var obj = $(this).find(".submenu:first");
        var l = obj.find(".length").val() + 2;

        //alert(obj.html());

        obj.show();

        //obj.stop().animate({ height: (l * 32) + "px" }, 200);

    },
    function() {
        $(this).find(".menu-bg:first").css({ backgroundColor: "#000000", opacity: "0.8"}, 90);

        var obj = $(this).find(".submenu");
        //var l = obj.find(".length").val();
        obj.hide();
        //$(this).find(".submenu").hide();
        //obj.stop().animate({ height: "0px" }, 200, function() { $(this).hide(); });
        //obj.slideUp(200);
    });



    $(".menu-button").click(function() {
        document.location = $(this).find("a").attr("href")
    });
	
	/*$("#top-menu").click(function() {
        document.location = $(this).find("a:first").attr('href')
    })*/
	

});