$(function(){
   	
   	// Background
	//--------------------------------
	
	$("body").append("<div><img src='pictures/background-general.jpg' alt='' class='backgroundImages' /></div>");    	
   	
	// Navigation
	//--------------------------------
	 
	var currentPosition = 0;
	var slideWidth = 450;
	var focusBuffer = 0;
	var slides = $("div#colA div");  
   	var numberOfSlides = slides.length; 
	 
	 $("div#colA div#slideCanvas").css("width", slideWidth * numberOfSlides);  
	 
	 // Menu Event
	 
	 $("ul#menu li,div#footer a.7").bind("click", function(e){
    	e.preventDefault();
			if($(this).hasClass('selected')){
				 
			}else{
				 currentPosition = ($(this).attr("class")-1);
				 $("div#colA div#slideCanvas").animate({"marginLeft":focusBuffer+slideWidth*(-currentPosition)}, "slow");
				 $("ul#menu li,div#footer a.7").removeClass("selected");
				 $(this).addClass("selected"); 
			}
	 });
	 
	 // Focus Event	 
	 
	 $("div#gite").focus(function(){
			currentPosition = 1;
			//focusBuffer = 450;
			$("ul#menu li").removeClass("selected");
			$("ul#menu li[class="+(currentPosition+1)+"]").addClass("selected");	
	 });
	 	 
	 $("div#tarifs").focus(function(){
			currentPosition = 2;
			//focusBuffer = 900;
			$("ul#menu li").removeClass("selected");
			$("ul#menu li[class="+(currentPosition+1)+"]").addClass("selected");	
	 });
	 
	 $("div#situation").focus(function(){
			currentPosition = 3;
			//focusBuffer = 1350;
			$("ul#menu li").removeClass("selected");
			$("ul#menu li[class="+(currentPosition+1)+"]").addClass("selected");	
	 });
	 
	 $("div#region").focus(function(){
			currentPosition = 4;
			//focusBuffer = 1800;
			$("ul#menu li").removeClass("selected");
			$("ul#menu li[class="+(currentPosition+1)+"]").addClass("selected");	
	 });
	 
	 $("div#contact").focus(function(){
			currentPosition = 5;
			//focusBuffer = 2250;
			$("ul#menu li").removeClass("selected");
			$("ul#menu li[class="+(currentPosition+1)+"]").addClass("selected");	
	 });
	 
	  $("div#apropos").focus(function(){
			currentPosition = 6;
			//focusBuffer = 2250;
			$("ul#menu li").removeClass("selected");
			$("ul#menu li[class="+(currentPosition+1)+"]").addClass("selected");	
	 });
	 
   
	 // Keykoard Event
	 
	$(document).keydown(function(event){
		if (event.keyCode == 37) {
			if(currentPosition > 1){
				currentPosition --;
				animateSlide();
			}		
		}else if(event.keyCode== 39){
			 if(currentPosition < 5){
			 	currentPosition ++;
				animateSlide();
			 }
		}
	});
	 
	function animateSlide(){
		$("div#colA div#slideCanvas").animate({"marginLeft":focusBuffer+slideWidth*(-currentPosition)}, "slow");
		$("ul#menu li").removeClass("selected");
		$("ul#menu li[class="+(currentPosition+1)+"]").addClass("selected");	
	 }	 
	 
	 // Galery
	 //--------------------------------
	 
	 var picToShowUrl = "";
	 var picToShowState = false;
	 
	 $("div#galeryContent").hide();
	 
	 // Display Pic
	 
	 $("ul#galeryGite li a").bind("click", function(e){
			e.preventDefault();
			picToShowUrl = $(this).attr("href");
			$("div#galeryContent").css("width", "450px");
			$("div#galeryContent img").attr("src",picToShowUrl);
			$("div#galeryContent").fadeIn(500);
			picToShowState = true;
	 });
	 
	 // Hide Pic
	 
	 $("div#galeryContent img").bind("click", function(e){
			picToShowUrl = "";
			$("div#galeryContent").fadeOut(200).hide();
			$("div#galeryContent img").attr("src",picToShowUrl);
	 });
	 
});