// JavaScript Document

var css = 560;
var legende = 550;

var Move = function(direction,goto){
		
	var aSel = $("#btn li a[class*='selected']").html();
	var last = $("#btn li a:last").html();
	var first = $("#btn li a:first").html();
			
	if(direction=="left"){
		var s = aSel-2;
	}else{
		var s = aSel;	
	}
	
	var d = aSel-1	
	
	if(aSel==first && direction=="left"){
		$("#btn li a:last").addClass('selected');
		var distance = -(last*css-css)+"px";
		var legende_x = -(last*legende-legende)+"px";
	}else if(aSel==last && direction=="right"){
		$("#btn li a:first").addClass('selected');
		var distance = "0px";
		var legende_x = "0px";
	}else{
		$("#btn li a:eq("+s+")").addClass('selected');
		if(direction=="left"){
			var distance = "+="+css+"px";
			var legende_x = "+="+legende+"px";
		}else{
			var distance = "-="+css+"px";
			var legende_x = "-="+legende+"px";
		}
	}
	
	$("#btn li a:eq("+d+")").removeClass('selected');
	
	$('#diapocontent').animate({left:distance}, 800);
	$('#legendecontent').animate({left:legende_x}, 800);
	
}

var deSel = function(){
	$("#btn li a").removeClass('selected');
}

var slideShow = function(){
	
	if($("#btn li").length!=0){
	
		deSel();
		
		$("#btn li a:eq(0)").addClass('selected');	
		
		$("#goleft").click(function(){
			clearInterval(diaporama);
			Move('left');		
		});
		
		$("#goright").click(function(){	
			clearInterval(diaporama);
			Move('right');
		});
		
		$("#btn li a").click(function(){
					
			clearInterval(diaporama);
			deSel();
			
			var aSel = $(this).html();
			
			var distance = -(aSel-1)*css;
			$('#diapocontent').animate({left:distance}, 800);
			$(this).addClass('selected');
			
			var distance2 = -(aSel-1)*legende;
			$('#legendecontent').animate( {left:distance2}, 800);
			
			return false;
		});
		
		document.onkeydown=function(e){
			if (navigator.appName=="Netscape"){
				cle = e.keyCode;
			}else{
				cle = event.keyCode;
			}
			if(cle == 39) Move('right');
			if(cle == 37) Move('left');
		}
		
		change = function(){
			Move('right');
			diaporama = window.setTimeout("change()",3000);
		}
		
		//setTimeout(function(){change();},3000);
		change();
		
	}
	
}