// JavaScript Document
$(function(){

	//Hide SubLevel Menus
	$('#header01 ul li ul').hide();
	
	$('#header01>ul>li>ul>li').width(180);

	//OnHover Show SubLevel Menus
	$('#header01>ul>li').hover(
		//OnHover
		function(){
			$(this).addClass('hover');
			//Hide Other Menus
			$('#header01 ul li').not($('ul', this)).stop();
			
			var thisWidth = $(this).width();
			//Add the Arrow
			$('ul>li:first-child', this).before(
				'<li class="arrow"><span >arrow</span></li>'
			);
			var thisLeftPos = ($(this).width()/2);
   			$('#header01 li.arrow span').css('left', thisLeftPos);   			
			
			//Remove the Border
			$('ul li:last-child', this).css('background', 'none');

			// Show Hoved Menu
			$('ul', this).slideDown();
			
		},
		//OnOut
		function(){
			// Hide Other Menus
			$('ul', this).slideUp();
			$(this).removeClass('hover');
			//Remove the Arrow
			$('ul li.arrow', this).remove();
		}
	);

});