var clickToUser = false;
var lock = false;

function clickOnMenu() {
    clickToUser = true;
}

$(document).ready(function(){



	/*POS_X, POS_Y, WIDTH & HEEIGHT
	$("#mark-menu li.active").children().children().css({'left' : logoActivePosX, 'top' : logoActivePosY, 'width' : logoActiveWidth, 'height' : logoActiveHeight})
	$("#mark-menu li.active").prevAll().children().children('img').css({'left' : logoPosX, 'top' : logoPosY})
	$("#mark-menu li.active").nextAll().children().children('img').css({'right' : logoPosX, 'top' : logoPosY})
	*/

	$("#main-menu li ul").css({'display' : 'none'});
        
        

	$("#main-menu li").hover(
		function() {
                    
                        $(this).siblings().removeClass("active");
                        
                        $(".displayOn").each(function(){
                            
                            if(!$(this).parent().hasClass("active"))$(this).css({'display' : 'none'});
                            
                        });
                        
                        $("#main-menu li").removeClass("hover");
			$(this).children('ul').css({'display' : 'block'}).addClass("displayOn");
                        
                        $(this).addClass("hover");
                        $(this).parents().addClass("active");
                        $(this).addClass("active");
                        
                        lock = true;
		},
                function() {
                        
                        if(!clickToUser) {
                            $(this).parent().removeClass("active");
                            
                            $(this).children('ul').css({'display' : 'none'});
                            $(this).removeClass("hover");
                            $(this).removeClass("active");
                        }
                        
                        $(this).addClass("noactive");
                            $(this).removeClass("noactive");
		}
	);

        $(this).click(function(){
            
            if(!lock) {
                $("#main-menu li ul").css({'display' : 'none'});
                $("#main-menu li").removeClass("hover");
                $("#main-menu li").removeClass("active");
            }
            
            lock = false;
            
        });

	/*MOUSE EVENTS*/
	/*Bouton positionné avant le btn active*/
	$("#mark-menu li.active").prevAll().children().children('span').mouseover(
		function() {
			$(this).parent().animate({
				  top: '4px'
			  }, 200);
			$(this).siblings('img').animate({
				  top: logoHoverPosY,
				  left: logoHoverPosX
			  }, 50);
		}
	);
	$("#mark-menu li.active").prevAll().children().children('span').mouseout(
		function () {
			$(this).parent().animate({
				  top: '0px'
			  }, 200);
			$(this).siblings('img').animate({
				  top: logoPosY,
				  left: logoPosX
			  }, 0);
		}
	);

	/*Bouton positionné après le btn active*/
	$("#mark-menu li.active").nextAll().children().children('span').mouseover(
		function() {
			$(this).parent().animate({
				  top: '4px'
			  }, 200);
			$(this).siblings('img').animate({
				  top: logoHoverPosY,
				  right: logoHoverPosX
			  }, 50);
		}
	);
	$("#mark-menu li.active").nextAll().children().children('span').mouseout(
		function () {
			$(this).parent().animate({
				  top: '0px'
			  }, 200);
			$(this).siblings('img').animate({
				  top: logoPosY,
				  right: logoPosX
			  }, 0);
		}
	);
});