$(document).ready(function(){
	
	var nua = navigator.userAgent.toLowerCase();
	var lockmenu = false;

	if (nua.indexOf('msie 7') > 0) lockmenu = true;
	if (nua.indexOf('msie 6') > 0) lockmenu = true;
	if (nua.indexOf('msie 5') > 0) lockmenu = true;
	
	// CONFIG HOVER INTENT
	var config = {    
    	over: makeTall, // function = onMouseOver callback (REQUIRED)    
    	timeout: 200, // number = milliseconds delay before onMouseOut    
    	out: makeShort // function = onMouseOut callback (REQUIRED)    
	};
	
	// mouse over for desktop
	if (!lockmenu) {
		$(".dpe_menu_nav").hoverIntent(config);
	}
	
	function makeTall(){
		$('.dpe_menu_nav').delay(0).animate({height: '205px'}, 200);
		
		$('.dpe_menu_block1').delay(0).animate({"paddingTop": '0px'}, 200)
		$('.dpe_menu_block1').delay(20).animate({height: "180px", width:'150px',  "marginLeft" : '0px'}, 200)
		
		$('.dpe_menu_block2').delay(0).animate({"paddingTop": '0px'}, 200)
		$('.dpe_menu_block2').delay(20).animate({height: "180px", width:'150px', "marginLeft" : '10px'}, 200)
		
		$('.dpe_menu_block3').delay(0).animate({"paddingTop": '0px'}, 200)
		$('.dpe_menu_block3').delay(20).animate({height: "180px", width:'150px', "marginLeft" : '10px'}, 200)
		
		$('.dpe_menu_block4').delay(0).animate({"paddingTop": '0px'}, 200)
		$('.dpe_menu_block4').delay(20).animate({height: "180px", width:'150px', "marginLeft" : '10px'}, 200)
		
		$.cookie('expanded', 'exp');
	}
	
	function makeShort(){
		$('.dpe_menu_nav').animate({height: '80px'}, 200);
		$('.dpe_menu_block1').animate({height: "20px", width:'70px',"paddingTop": '15px', "marginLeft" : '0px'}, 300)
		$('.dpe_menu_block2').animate({height: "20px", width:'112px',"paddingTop": '15px', "marginLeft" : '0px'}, 300)
		$('.dpe_menu_block3').animate({height: "20px", width:'125px',"paddingTop": '15px', "marginLeft" : '0px'}, 300)
		$('.dpe_menu_block4').animate({height: "20px", width:'160px',"paddingTop": '15px', "marginLeft" : '0px'}, 300)
		
		// set cookie
		$.cookie('expanded', 'collap');
	}
	
	
	// COOKIES
	// menu state before click
	var expanded = $.cookie('expanded');
	
	if (lockmenu || expanded == 'exp') {
		
		$('.dpe_menu_nav').css("height","205px");
		$('.dpe_menu_block1').css("height","180px");
		$('.dpe_menu_block1').css("width","150px");
		$('.dpe_menu_block1').css("padding-top", "0px");
		$('.dpe_menu_block1').css("margin-left","0px");
		$('.dpe_menu_block2').css("height","180px");
		$('.dpe_menu_block2').css("width","150px");
		$('.dpe_menu_block2').css("padding-top", "0px");
		$('.dpe_menu_block2').css("margin-left","10px");
		$('.dpe_menu_block3').css("height","180px");
		$('.dpe_menu_block3').css("width","150px");
		$('.dpe_menu_block3').css("padding-top", "0px");
		$('.dpe_menu_block3').css("margin-left","10px");
		$('.dpe_menu_block4').css("height","180px");	
		$('.dpe_menu_block4').css("width","150px");	
		$('.dpe_menu_block4').css("padding-top", "0px");
		$('.dpe_menu_block4').css("margin-left","10px");
		
	};
	
	if (!lockmenu && expanded == 'collap') {
		
		$('.dpe_menu_nav').css("height","80px");
		$('.dpe_menu_block1').css("height","20px");
		$('.dpe_menu_block2').css("height","20px");
		$('.dpe_menu_block3').css("height","20px");
		$('.dpe_menu_block4').css("height","20px");		
	};
	
	
});