// JavaScript Document

$(document).ready(function(){
	/*VAR*/
	var liWidth = $("#mark-menu li.active a").width();
	/*Logo Small*/
	var logoWidth = 50;
	var logoHeight = 42;
	var logoPosX = (((liWidth - logoWidth)/2) -20) + 'px';
	var logoPosY = '20px';

	/*Logo Hover*/
	var logoHoverPosX = ((liWidth - logoWidth)/2) + 'px';
	var logoHoverPosY = '45px';

	/*Logo Active*/
	var logoActiveWidth = 95;
	var logoActiveHeight = 80;
	var logoActivePosX = ((liWidth - logoActiveWidth)/2) + 'px';
	var logoActivePosY = '25px';

	/*Z-INDEX*/
	/*z-index des boutons positionnés avant le btn active*/
	$("#mark-menu li.active").nextAll().children().each (
		function(i) {
			var nextIndex = 50 - i ;
			$(this).parent().css({'z-index' : nextIndex})
			/*alert(nextIndex);*/
		}
	);
	/*z-index des boutons positionnés après le btn active*/
	$("#mark-menu li.active").prevAll().children().each (
		function(i) {
			var prevIndex = 50 - i ;
			$(this).parent().css({'z-index' : prevIndex})
			/*alert(prevIndex);*/
		}
	);
	/*z-index du btn active*/
	$("#mark-menu li.active").css({'z-index' : 60})

	/*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})

	/*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);
		}
	);

	/*GALLLERY*/
	$(".gallery li a span").mouseover (
		function () {
			$(this).animate({
				  top: '-16px'
			  }, 200);
			$(this).siblings('img').animate({
				  top: '-6px'
			  }, 200)
		}
	);
	$(".gallery li a span").mouseout (
		function () {
			$(this).animate({
				  top: '5px'
			  }, 300);
			$(this).siblings('img').animate({
				  top: '2px'
			  }, 200)
		}
	);

});