$(document).ready(function() {
	// close menu after 5 seconds
    $('.slide_menu').each(function(){
        var position = $(this).parent().position();
		var parent_width = $(this).parent().width();
        $(this).css('left', position.left - 2);
        $(this).css('top', position.top + 24);
		$(this).css('width', parent_width);
    });
    

	// Set menu handler in wrapper div
	$('#pageWrapper').data('menu_off', false);
    // if menu is true in wrapper div
    // no submenues
    menu_close();
	
	// set click event handler on wrapper div 
	// to close menu
	$(document).click(function(){
    	$('.slide_menu').stop(true,true).slideUp('fast');
    });

	// fade down layer on on nav item
	//$(".menu>tbody>tr>td>a").each(function() {
	//	$( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
	//});

    // hover function for nav layer and menu
	$(".menu>tbody>tr>td>a").hover(function() {
	//	$(".over", this).slideDown('fast'); // move down - show
		$('#pageWrapper').data('menu_off', false);
		if ($(this).next().not(':visible')){
	    	$('.slide_menu').stop(true,true).slideUp('fast');
			$(this).next().stop(true, true).slideDown('fast');
			
			// set menu_off in wrappter to false if mouse enters menu layer
		    $('.slide_menu').mouseenter(function(){
				$('#pageWrapper').data('menu_off', false);
			});    
			// set menu_off in wrappter to true if mouse leaves menu layer
		    $('.slide_menu').mouseleave(function(){
				$('#pageWrapper').data('menu_off', true);
			});    
		}
	}, function() {
	//	$(".over", this).slideUp('fast'); // move up - hide
		$('#pageWrapper').data('menu_off', true);
	});

    // close menu
    function menu_close(){
		if ($('#pageWrapper').data('menu_off')){
			$('.slide_menu').stop(true,true).slideUp('fast');
		}
		setTimeout(menu_close, 5000);
	}

});