// JavaScript Document
function slideDiv() {

	 $("#loaderB").fadeOut("fast");
	 
	 $(".menuInner").animate({"top": "+=300"},{
										queue:false, 
										duration:1200, 
										easing:"easeInOutExpo"
									});
					$(".menuVignette").slideUp(1000, 'easeInOutExpo');

					$(".showWork").slideDown(1000, 'easeInOutExpo');
								$(".showWorkInner").animate({"top": "-=50"},{
										queue:false, 
										duration:1200, 
										easing:"easeInOutExpo"
									});
								
								
								$(".divFix").animate({"height": "150px"},{
										queue:false, 
										duration:1100, 
										easing:"easeInOutExpo"
									});

	$("body").animate({backgroundPosition: '0 -800px'},{
										queue:false, 
										duration:1100, 
										easing:"easeInOutExpo"
									});	
		
		newPos = setTimeout("posTop();", 800)

}

function posTop() {
	
	$('html,body').animate({scrollTop : $(".showWork").offset().top-50},'normal',"easeInOutExpo");
	
	}

function chargeA() {
			jQuery.ajaxSetup({
			
					  beforeSend: function() {
						 $('#loaderB').fadeIn("fast");
						 $('.showWork').hide();						 						 

					  },
					  complete: function(){
					  },
					  success: function() {
					  
					  setTimeout("slideDiv();",800);
					  
					  }				  
			});
	}


///////////////////////////////////////////////////////////////////////////////

		$(document).ready(function(){
								   
		function resizeList() 
		
				{

		
				var w = $(window).width();
				var h = $(window).height();
				
				$(".mailBox").width(w);
				$(".mailBox").height(h);
				
				if( w < 420){
					
					$(".titre").find("img").attr("src", "images/titreTab.png");
					$(".titre").css("width", "277px");
					$(".titreTravaux").find("img").attr("src", "images/travauxTab.png");
					$(".titreTravaux").css("width", "277px");
					$("hr").css('background-image','url(images/lineDecoTab.png)');
					$("hr").css("width", "277px");
					
					}
					
					else{
						$(".titre").find("img").attr("src", "images/titre.png");
						$(".titre").css("width", "380px");
						$(".titreTravaux").find("img").attr("src", "images/travaux.png");
						$(".titreTravaux").css("width", "381px");
						$("hr").css('background-image','url(images/lineDeco.png)');
						$("hr").css("width", "380px");
						}	
					
				}
				

resizeList(); 

$(window).scroll(function(){
						  
						  $(".mailBox").css("top", $(this).scrollTop() + "px");
						  
						  });

jQuery.fn.center = function () {
		  this.css("position","absolute");
		  this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
		  return this;
		}
		
		$("#formContact").center();
		
		$(window).resize(function() {
									  
					$("#formContact").center();	
					resizeList();
						
					});		
		//////////////////////////////////////////////////////////////////////////////////////////////

		/*$(".divFix").css("height","0");*/
		
		$(".caption").css("opacity","0");
		
			$("#my_list li img").css("opacity","0");

		$('#my_list li').each(function(i) {
		
			
				$(this).click(function () {
				
				chargeA();
																
					$('#gallery').load('page_'+i+'.html');
				
			});
			
				$(this).hover(function() {
					//$(this).find('img').animate({opacity : 1}, 250);
					$(this).find('img').animate({opacity : 1}, 250);
		
				},
				function() {
				 // $(this).find('img').animate({opacity : 0}, 250);
				  $(this).find('img').animate({opacity : 0}, 250);
				 
				});
					
		});
		//////////////////////////////////////////////////
		
	

		$(".mailBox").css("opacity","0.75");
		
		$('ul.mailC li').click(function () {
								   
				$(".mailBox").fadeIn();
				$("#formContact").fadeIn();
				
			});
		
		$('.closeForm').click(function () {
								   
				$(".mailBox").fadeOut();
				$("#formContact").fadeOut();
				
			});
		
		$('#back').click(function () {
								   
				$('html,body').animate({scrollTop : $("#wrapSite").offset().top},'normal',"easeInOutExpo");
								   
				$(".menuInner").animate({"top": "-=300"},{
										queue:false, 
										duration:1200, 
										easing:"easeInOutExpo"
									});
					$(".menuVignette").slideDown(1000, 'easeInOutExpo');
					$(".showWork").slideUp(1000, 'easeInOutExpo');
								$(".showWorkInner").animate({"top": "+=50"},{
										queue:false, 
										duration:1200, 
										easing:"easeInOutExpo"
									});
								
				$("body").animate({backgroundPosition: '0 0'},{
										queue:false, 
										duration:1100, 
										easing:"easeInOutExpo"
									});
				
				$(".divFix").animate({"height": "0"},{
										queue:false, 
										duration:1100, 
										easing:"easeInOutExpo"
									});
															
			});
		
		/////////////////////////////////////////////////////////////////////////////////////////////


		});