function clearDefault(el) {
	if (el.defaultValue==el.value) el.value = "";
}

function show_hide(id1, id2) {
	document.getElementById(id1).style.display="";
	document.getElementById(id2).style.display="none";
}

function largeur(){
	return document.body.clientWidth+16;
}

var ref=-1;


$(document).ready(function() {
							
	$("#nav #direction .anext").click( function() {
		burn(-largeur()/3);
	});
	
	$("#nav #direction .aprev").click( function() {
		burn(largeur()/3);
	});
	
	
	function burn(jump){
		
		var dvp = $("#dvp").offset();
		
		var mini= $("#portfolio").width();
		var maxi= -$("#dvp table.main").width()+largeur();

		if (dvp.left+jump<maxi) jump= maxi-dvp.left;
		if (dvp.left+jump>mini) jump= mini-dvp.left;
		
		$("#nav").stop().fadeOut("fast");
		$("#dvp").stop().animate({left:'+='+jump},800,'easeOutExpo');
		$(".see_also").stop().animate({left:'-='+jump},1300,'easeOutExpo');
		
		$("#global").stop().animate({left:'+='+jump},800,'easeOutExpo', function(){ replace_curseurs(jump, maxi);});
	
	}
	
	function replace_curseurs(jump, maxi){

		var dvp = $("#dvp").offset();
		
		position_nav=dvp.left;
		width_nav=$("#dvp table.main").width()+dvp.left;
		

		if(position_nav<=0) position_nav=0;
		if(width_nav>largeur()) width_nav=largeur();
		
		if(position_nav>0) width_nav-=position_nav;
		
		$("#nav").css("left",position_nav);
		$("#nav").css("width",width_nav);

		if (dvp.left<$("#portfolio").width()){
		$(".aprev").stop().show();
		}else{
		$(".aprev").stop().hide();
		};
		
		if (dvp.left<=maxi){
		$(".anext").stop().hide();
		}else{
		$(".anext").stop().show();
		};
				
		if ($("#dvp table.main").width()<largeur()-$("#portfolio").width()){
		$("#nav").hide();
		}else{
		$("#nav").show();
		}
		
		
	}

	$("#nav span").click( function() {
								  
		ref=-1;
							 
		$("#nav").hide();
		$("#dvp").css('top',-500);
		$("#global").animate({left: 0},800,'easeOutExpo');
		
		for (var i = 0; i <= 50; i++){
			
			if (typeof($("#"+i)) == 'object'){ 	
			
				$("#"+i).removeClass("selected");
				$("#"+i).css("background-image","url(images/boxes_off.png)");
			}else{
			
				break;
			
			}
		}
	});
	
	
	$("#portfolio .clear").click( function() {
										   
		var id = $(this).attr("id"); 
		ref=id;

		for (var i = 0; i <= 50; i++){
			
			if (typeof($("#"+i)) == 'object'){ 	
			
				$("#"+i).removeClass("selected");
				$("#"+i).css("background-image","url(images/boxes_off.png)");
			}else{
			
				break;
			
			}
		}
	
		$("#"+id).addClass("selected");
		$("#"+id).css("background-image","url(images/boxes_on.png)");
				
		$("#dvp").css('top',-500);
		$("#nav").hide();
		$("#global").stop().animate({left:0},800,'easeInQuad', function(){});
	});





	$("#portfolio .item, #portfolio .clear").mouseover( function() {
																 
		$(this).css("background-image","url(images/boxes_on.png)");
		$(this).css("cursor","pointer");

	})

	$("#portfolio .item , #portfolio .clear").mouseout( function() {
																 																 
		if (ref == $(this).attr("id")){
			$(this).addClass("selected");
			$(this).css("background-image","url(images/boxes_on.png)");
		}else{
			$(this).css("background-image","url(images/boxes_off.png)");
		}
		
	})
	
	$("#direction, #nav span").mouseover( function() {
		$(this).css("cursor","pointer");
	})
	



	$("#portfolio .item").click( function() {
	
		$("#dvp").css('left',$("#portfolio").width());
		$("#nav").stop().fadeOut("fast");

		var id = $(this).attr("id"); 
		var item = $("#"+id).offset();
		
		ref = id;
		
		for (var i = 0; i <= 50; i++){
			
			if (typeof($("#"+i)) == 'object'){ 	
			
				$("#"+i).removeClass("selected");
				$("#"+i).css("background-image","url(images/boxes_off.png)");
			}else{
			
				break;
			
			}
		}
	
		$("#"+id).addClass("selected");
		$("#"+id).css("background-image","url(images/boxes_on.png)");

	var position=(largeur()-1000)/2+(1000-$("#portfolio").width()-9);
		
		$("#global").stop().animate({left:-position},800,'easeInQuad', function(){
																		  																		  
			$("#dvp").stop().load("dvp.php?id="+id, function(){
														   
				$("#nav").css('left', 0);
				$("#nav #direction").hide()
				
				$("#nav").css('width', $("#dvp .main").width());
				
				if ($("#dvp table.main").width() > largeur()-$("#portfolio").width()){
					
					$("#nav").css('width', largeur()-$("#portfolio").width());
					$("#nav #direction").show();
					
				}
				
				$("#nav").css('left', $("#portfolio").width());
				
				
				var tampon = 14+2*5+2*2;
				var position = item.top-tampon;
				
				
					$("#dvp").stop().animate({top:+position},800,'easeOutExpo', function(){
																			 
					$("#nav").css('top', (item.top-80));

					$(".aprev").stop().hide();

					if ($("#dvp table.main").width()<largeur()-$("#portfolio").width()){
					$(".anext").stop().hide();
					}else{
					$(".anext").stop().show();
					}
					
					$(".see_also").css('opacity', 0);
					$(".see_also").animate({left:0 , opacity:0},0,'easeOutExpo', function(){});
					$(".see_also").animate({left:50 , opacity:1},800,'easeOutExpo', function(){});
					
					$("#nav").fadeIn("slow");
																		   
				});
			});
																		  
		});

	});
	
});