$(document).ready(function(){
	//on replie tout les .dropmenudiv et on rajoute un attr margintop correpondant à la hauteur du .dropmenudiv originel.
	$(".dropmenudiv").each(function (i) {
		var marginTop = 0;
		marginTop = parseInt($(this).css('paddingTop')) + $(this).height() + parseInt($(this).css('paddingBottom'));
		$(this).attr( 'margintop', marginTop );
		$(this).css({
			marginTop:'-'+marginTop+'px',
			opacity:0
		});
	});
	
	$("#chromemenu ul li a").hover(
		function () {
			if($(this).next('.dropmenudiv')){
				var dropMenu = $(this).next('.dropmenudiv');
				/*dropMenu.animate({
					marginTop : '0px',
					opacity:1
				}, { duration: 250 });*/
				dropMenu.css({
					marginTop : '0px',
					opacity:1
				});
			}
		},
		function () {			
			var dropMenu = $(this).next('.dropmenudiv');
			//oneTime(interval : Integer | String, [label = interval : String], fn : Function)
			$(this).oneTime(100,
				function () {
					if('false' == dropMenu.attr('isMouseOver') || !dropMenu.attr('isMouseOver')){
						replie(dropMenu);
					}
				}
			);
		}
	);
	
	$("#chromemenu ul li .dropmenudiv").hover(
		function () {
			$(this).attr( 'isMouseOver', 'true' );
		}, 
		function () {
			$(this).attr( 'isMouseOver', 'false' );
			$(this).oneTime(100,
				function () {
					if('false' == $(this).attr('isMouseOver')){
						replie(this);
					}
				}
			);
		}
	);
	
	function replie(dropMenu){
		var dropMenu = $(dropMenu);
		var marginTop = dropMenu.attr('margintop');
		/*dropMenu.animate({
					marginTop : '-'+marginTop+'px',
					opacity:0
		}, { duration: 250 });*/
		dropMenu.css({
			marginTop : '-'+marginTop+'px',
			opacity:0
		});
	}
});