var timeout    = 500;
var closetimer = null;
var ddmenuitem = 0;


function menu_open(element){
	menu_canceltimer();
	$("ul.submenu").hide();
   	$("#submenu_" + element.attr("rel")).show();	
	$("li").removeClass("hover");
	element.addClass("hover");	
}

function menu_close(){
	$("ul.submenu").hide();
	$("ul#mainmenu li.current").first().mouseover();
}

function menu_timer(){
	closetimer = window.setTimeout(menu_close, timeout);
}

function menu_canceltimer(){
	if(closetimer){
		window.clearTimeout(closetimer);
    	closetimer = null;
	}
}




$(document).ready(function(){
	$('ul#mainmenu > li').mouseover(function(e){
			e.stopPropagation();
			menu_open($(this));
	});
	$('ul#mainmenu > li').mouseout(function(e){
		e.stopPropagation();
		menu_timer();
	});
	$('ul.submenu').mouseover(function(e){
		e.stopPropagation();
		menu_canceltimer();
	});
	$('ul.submenu').mouseout(function(e){
		e.stopPropagation();
		menu_timer();
	});
	
	document.onclick = menu_close;
	$("ul#mainmenu li.current").first().mouseover();
	
	var currentImage = 1;
	var imageNum = $("#gallery").find("div.image").size();
	$("#images").width(imageNum * $("#gallery").width());
	if(imageNum<=1){
			$("#gallerynav, #insidenav").css("visibility", "hidden");
			$("#insidenav").hide();
	}
	
	function updateGalleryNav(){
		if(currentImage<=1){
				$("a.prev").addClass("disabled");
		}else{
			$("a.prev").removeClass("disabled");
		}
		
		if(currentImage>=imageNum){
				$("a.next").addClass("disabled");
		}else{
			$("a.next").removeClass("disabled");
		}
		$("#currentImage").html(currentImage);
		$("#imageNum").html(imageNum);
	}
	
	/*function updateTextPos(){
		var selectedimage = $("#images div.image:eq("+(currentImage-1)+")");
		var traitleft = selectedimage.find("div.traitgauche").first();
		$("#text").animate({
			"marginLeft": traitleft.css("left")
		});
	}*/
	
	updateGalleryNav();
	
	$("a.prev").click(function(){
		if(!$(this).hasClass("disabled")){
		currentImage -= 1;
		$("#images").animate({
				left: "+=" + $("#gallery").width() 
			});
			$("#textcontainer").animate({
				marginLeft: "+=" + $("#gallery").width() 
		});
			//updateTextPos()
			 updateGalleryNav();
		}
		return false;
	});
	$("a.next").click(function(){
		if(!$(this).hasClass("disabled")){
		currentImage += 1;
		$("#images").animate({
				left: "-=" + $("#gallery").width() 
		});
		$("#textcontainer").animate({
				marginLeft: "-=" + $("#gallery").width() 
		});
		//updateTextPos()
		 updateGalleryNav();
		}
		return false;
	});
	
	var traitleft = $("#gallery").find(".image").first().find(".trait").first().position();
	$("#text").css("margin-left", (traitleft.left+2)+"px");
});