$(document).ready(function(){

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

});

$.fn.dropdown = function() {
		//get the width of the wrapping div
		var width = 0;
		
		
	$(this).hover(function(){
		$(this).addClass("hover");
		$('> .dir',this).addClass("open");
		$('div:first',this).css('visibility', 'visible').append('<div class="dropdown-shadow">&nbsp;</div>');
	},function(){
		$(this).removeClass("hover");
		$('.open',this).removeClass("open");
		$('div:first',this).css('visibility', 'hidden');
		$('div.dropdown-shadow').remove();

	});
	
};