$(document).ready(function(){

	$("ul.dropdown li").dropdown();

});

function ShowOverLay(){
                var docHeight = $(document).height();

                $("body").append("<div id='overlay'></div>");

                $("#overlay")
                .height(docHeight)
                .css({
                    'opacity' : 0.6,
                    'position': 'absolute',
                    'top': 0,
                    'left': 0,
                    'background-color': 'white',
                    'width': '100%',
                    'z-index': 0
                });
            }

            function HideOverLay(){
                $("#overlay").remove();
            }
			
$.fn.dropdown = function() {

	$(this).hover(function(){
		
		$(this).addClass("hover");
		$('> .dir',this).addClass("open");
		$('ul:first',this).css('visibility', 'visible');
		ShowOverLay();
	},function(){
		
		$(this).removeClass("hover");
		$('.open',this).removeClass("open");
		$('ul:first',this).css('visibility', 'hidden');
		HideOverLay();
	});

}