$(document).ready(function(){
	        /*$(".thumb").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Alive</h4></li><li>décembre 2007</li></ul>"));
      				//$(".hover").css({"opacity":0});
      				//$(".hover").animate({"opacity":0.2});
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":1,"margin":0,"width":"534px","height":"0px"}, 300);
					//$(".desc").animate({"opacity":1});
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);*/
			
			/* --- hover thumb --- */
    		$("#vw").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Volkswagen</h4></li><li>octobre 2008 / octobre 2009</li></ul>"));
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":0.5,"margin":0,"width":"450px","height":"30px"}, 300);
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);
    		$("#skoda").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Skoda</h4></li><li>octobre 2008 / octobre 2009</li></ul>"));
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":0.5,"margin":0,"width":"450px","height":"30px"}, 300);
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);
    		$("#empty").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Empty</h4></li><li>mars 2009</li></ul>"));
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":0.5,"margin":0,"width":"450px","height":"30px"}, 300);
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);
    		$("#bronpaysage").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Bron Paysage</h4></li><li>février 2009</li></ul>"));
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":0.5,"margin":0,"width":"450px","height":"30px"}, 300);
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);
    		$("#kolorys").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Kolorys</h4></li><li>septembre 2008</li></ul>"));
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":0.5,"margin":0,"width":"450px","height":"30px"}, 300);
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);
    		$("#smartesting").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Smartesting</h4></li><li>Avril 2008 / Juin 2008</li></ul>"));
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":0.5,"margin":0,"width":"450px","height":"30px"}, 300);
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);
    		$("#adt").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Atelier du Template</h4></li><li>janvier 2008</li></ul>"));
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":0.5,"margin":0,"width":"450px","height":"30px"}, 300);
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);
    		$("#alive").hover(
      			function () {
      				$(this).append($("<span class='hover'>agrandir</span>"));
      				$(this).append($("<ul class='desc'><li><h4>Alive</h4></li><li>décembre 2007</li></ul>"));
      				$(".hover").css({"opacity":0,"margin":"30px"});
					$(".hover").animate({"opacity":0.5,"margin":0,"width":"450px","height":"30px"}, 300);
					$(".desc").slideToggle("slow");
      			}, 
     			function () {
       				$(this).find("span:last").remove();
       				$(this).find("ul:last").remove();
		    	}
    		);
				
			/* --- bouton cv --- */
			$("#cv").mouseover(
				function () {
					$(this).animate({"width":"150px"}, 100);
				}
			);
			$("#cv").mouseout(
				function () {
					$(this).animate({"width":"120px"}, 100);
				}
			);
			
			/* --- scroll --- */
			$(function()
				{
					$('#scroll').jScrollPane({showArrows:true, arrowSize: 16});
				}
			);	
					
		});