$(function(){
	$(".lien_social").mouseover(function(){
   		var nom=$(this).attr("id");
		var img="#"+nom+" img";
		//alert(img);
		$(img).attr("src", "/style/img/"+nom+".png");
	}).mouseout(function(){
		var nom=$(this).attr("id");
		var img="#"+nom+" img";
		$(img).attr("src", "/style/img/"+nom+"1.png");
	});
	 
 });

$(document).ready(function() {

/* LISTE CATEGORIES :
	web = 1
	print = 2
	logo = 3
	video = 4
	photo = 5
	graphisme = 6 */

 	 // CLICK sur le bouton WEB= 1
	$("a#btn_web").click(function(){
	
		if ( $(this).hasClass("current") ) {
			$(".box").fadeTo("slow", 1, function () {});
			$(this).removeClass("current");
			$("a#btn_print").removeClass("current");
			$("a#btn_logo").removeClass("current");
		}
		else {
			$(".cat2").fadeTo("slow", 0.2, function () {});
			$(".cat3").fadeTo("slow", 0.2, function () {});
			$(".cat4").fadeTo("slow", 0.2, function () {});
			$(".cat5").fadeTo("slow", 0.2, function () {});
			$(".cat6").fadeTo("slow", 0.2, function () {});
			$(".cat1").fadeTo("slow", 1, function () {});
			$(this).addClass("current");
			$("a#btn_print").removeClass("current");
			$("a#btn_logo").removeClass("current");
		}
	});
	
	
	 // CLICK sur le bouton PRINT= 2
	$("a#btn_print").click(function(){
	
		if ( $(this).hasClass("current") ) {
			$(".box").fadeTo("slow", 1, function () {});
			$(this).removeClass("current");
			$("a#btn_web").removeClass("current");
			$("a#btn_logo").removeClass("current");
		}
		else {
			$(".cat1").fadeTo("slow", 0.2, function () {});
			$(".cat3").fadeTo("slow", 0.2, function () {});
			$(".cat4").fadeTo("slow", 0.2, function () {});
			$(".cat5").fadeTo("slow", 0.2, function () {});
			$(".cat6").fadeTo("slow", 0.2, function () {});
			$(".cat2").fadeTo("slow", 1, function () {});
			$(this).addClass("current");
			$("a#btn_web").removeClass("current");
			$("a#btn_logo").removeClass("current");
		}
	});
	
	
	// CLICK sur le bouton LOGO= 3
	$("a#btn_logo").click(function(){
	
		if ( $(this).hasClass("current") ) {
			$(".box").fadeTo("slow", 1, function () {});
			$(this).removeClass("current");
			$("a#btn_print").removeClass("current");
			$("a#btn_web").removeClass("current");
		}
		else {
			$(".cat1").fadeTo("slow", 0.2, function () {});
			$(".cat2").fadeTo("slow", 0.2, function () {});
			$(".cat4").fadeTo("slow", 0.2, function () {});
			$(".cat5").fadeTo("slow", 0.2, function () {});
			$(".cat6").fadeTo("slow", 0.2, function () {});
			$(".cat3").fadeTo("slow", 1, function () {});
			$(this).addClass("current");
			$("a#btn_print").removeClass("current");
			$("a#btn_web").removeClass("current");
		}
	});

});





$(document).ready(function() {


  // CLICK sur le bouton WEBdesign = 1
													$("a#webdesign").toggle(function(){
													
														$(".box[class!=1]").fadeTo("slow", 0.2, function () {
															$(".box[class!=1]").addClass("opac");
														});
														$(".1").fadeTo("slow", 1, function () {
															$(".1").removeClass("opac");
														});
														
											
														
												  
														$("a#webdesign").addClass("ssmenuhover");
															$("a#webdesign").removeClass("ssmenu");
														$("a#inte").addClass("ssmenu");
															$("a#inte").removeClass("ssmenuhover");
														$("a#print").addClass("ssmenu");
															$("a#print").removeClass("ssmenuhover");
														$("a#divers").addClass("ssmenu");
															$("a#divers").removeClass("ssmenuhover");
														$("a#all").addClass("ssmenu");
															$("a#all").removeClass("ssmenuhover");
												   
													},function(){
														$(".box").fadeTo("slow", 0.2, function () {
															$(".box").addClass("opac");
														});
														$(".1").fadeTo("slow", 1, function () {
															$(".1").removeClass("opac");
														});
														$(".5").fadeTo("slow", 1, function () {
															$(".5").removeClass("opac");
														});
												   
														$("a#webdesign").addClass("ssmenuhover");
															$("a#webdesign").removeClass("ssmenu");
														$("a#inte").addClass("ssmenu");
															$("a#inte").removeClass("ssmenuhover");
														$("a#print").addClass("ssmenu");
															$("a#print").removeClass("ssmenuhover");
														$("a#divers").addClass("ssmenu");
															$("a#divers").removeClass("ssmenuhover");
														$("a#all").addClass("ssmenu");
															$("a#all").removeClass("ssmenuhover");
													
													});
 
 // CLICK sur le bouton INTEGRATION = 2
	$("a#inte").toggle(function(){
   			$(".box").fadeTo("slow", 0.2, function () {
				$(".box").addClass("opac");
			});
			$(".2").fadeTo("slow", 1, function () {
				$(".2").removeClass("opac");
			});
			$(".5").fadeTo("slow", 1, function () {
				$(".5").removeClass("opac");
			});
			
   			$("a#webdesign").addClass("ssmenu");
				$("a#webdesign").removeClass("ssmenuhover");
	   		$("a#inte").addClass("ssmenuhover");
				$("a#inte").removeClass("ssmenu");
	   		$("a#all").addClass("ssmenu");
				$("a#all").removeClass("ssmenuhover");
			$("a#print").addClass("ssmenu");
				$("a#print").removeClass("ssmenuhover");
			$("a#divers").addClass("ssmenu");
				$("a#divers").removeClass("ssmenuhover");
  
 	},function(){
 		$(".box").fadeTo("slow", 0.2, function () {
				$(".box").addClass("opac");
			});
			$(".2").fadeTo("slow", 1, function () {
				$(".2").removeClass("opac");
			});
			$(".5").fadeTo("slow", 1, function () {
				$(".5").removeClass("opac");
			});
   		
   			$("a#webdesign").addClass("ssmenu");
				$("a#webdesign").removeClass("ssmenuhover");
	   		$("a#inte").addClass("ssmenuhover");
				$("a#inte").removeClass("ssmenu");
	   		$("a#all").addClass("ssmenu");
				$("a#all").removeClass("ssmenuhover");
			$("a#print").addClass("ssmenu");
				$("a#print").removeClass("ssmenuhover");
			$("a#divers").addClass("ssmenu");
				$("a#divers").removeClass("ssmenuhover");
  	});
 //TOUT = 5
																	 $("a#all").toggle(function(){
																		
																		$(".box").fadeTo("slow", 1, function () {
																			$(".box").addClass("opac");
																		});
																		
																		
																		$("a#webdesign").addClass("ssmenu");
																			$("a#webdesign").removeClass("ssmenuhover");
																		$("a#inte").addClass("ssmenu");
																			$("a#inte").removeClass("ssmenuhover");
																		$("a#print").addClass("ssmenu");
																			$("a#print").removeClass("ssmenuhover");
																		$("a#divers").addClass("ssmenu");
																			$("a#divers").removeClass("ssmenuhover");
																		$("a#all").addClass("ssmenuhover");
																			$("a#all").removeClass("ssmenu");
																	   
																	 },function(){
																		$(".box").fadeTo("slow", 1, function () {
																			$(".box").addClass("opac");
																		});
																		
																		
																		$("a#webdesign").addClass("ssmenu");
																			$("a#webdesign").removeClass("ssmenuhover");
																		$("a#inte").addClass("ssmenu");
																			$("a#inte").removeClass("ssmenuhover");
																		$("a#print").addClass("ssmenu");
																			$("a#print").removeClass("ssmenuhover");
																		$("a#divers").addClass("ssmenu");
																			$("a#divers").removeClass("ssmenuhover");
																		$("a#all").addClass("ssmenuhover");
																			$("a#all").removeClass("ssmenu");
																	});
//Print = 3
 $("a#print").toggle(function(){
 	
  	$(".box").fadeTo("slow", 0.2, function () {
				$(".box").addClass("opac");
			});
			$(".3").fadeTo("slow", 1, function () {
				$(".3").removeClass("opac");
			});
			$(".5").fadeTo("slow", 1, function () {
				$(".5").removeClass("opac");
			});
   	
   	$("a#webdesign").addClass("ssmenu");
		$("a#webdesign").removeClass("ssmenuhover");
   	$("a#inte").addClass("ssmenu");
		$("a#inte").removeClass("ssmenuhover");
  	$("a#all").addClass("ssmenu");
		$("a#all").removeClass("ssmenuhover");
	$("a#print").addClass("ssmenuhover");
		$("a#print").removeClass("ssmenu");
	$("a#divers").addClass("ssmenu");
		$("a#divers").removeClass("ssmenuhover");
   
 },function(){
   	$(".box").fadeTo("slow", 0.2, function () {
				$(".box").addClass("opac");
			});
			$(".3").fadeTo("slow", 1, function () {
				$(".3").removeClass("opac");
			});
			$(".5").fadeTo("slow", 1, function () {
				$(".5").removeClass("opac");
			});
	
	$("a#webdesign").addClass("ssmenu");
		$("a#webdesign").removeClass("ssmenuhover");
   	$("a#inte").addClass("ssmenu");
		$("a#inte").removeClass("ssmenuhover");
  	$("a#all").addClass("ssmenu");
		$("a#all").removeClass("ssmenuhover");
	$("a#print").addClass("ssmenuhover");
		$("a#print").removeClass("ssmenu");
	$("a#divers").addClass("ssmenu");
		$("a#divers").removeClass("ssmenuhover");
});
//Divers = 4
																	 $("a#divers").toggle(function(){
																		
																		$(".box").fadeTo("slow", 0.2, function () {
																			$(".box").addClass("opac");
																		});
																		$(".4").fadeTo("slow", 1, function () {
																			$(".4").removeClass("opac");
																		});
																		$(".5").fadeTo("slow", 1, function () {
																			$(".5").removeClass("opac");
																		});
																		
																		$("a#webdesign").addClass("ssmenu");
																			$("a#webdesign").removeClass("ssmenuhover");
																		$("a#inte").addClass("ssmenu");
																			$("a#inte").removeClass("ssmenuhover");
																		$("a#all").addClass("ssmenu");
																			$("a#all").removeClass("ssmenuhover");
																		$("a#print").addClass("ssmenu");
																			$("a#print").removeClass("ssmenuhover");
																		$("a#divers").addClass("ssmenuhover");
																			$("a#divers").removeClass("ssmenu");
																	   
																	 },function(){
																		$(".box").fadeTo("slow", 0.2, function () {
																			$(".box").addClass("opac");
																		});
																		$(".4").fadeTo("slow", 1, function () {
																			$(".4").removeClass("opac");
																		});
																		$(".5").fadeTo("slow", 1, function () {
																			$(".5").removeClass("opac");
																		});
																		
																		$("a#webdesign").addClass("ssmenu");
																			$("a#webdesign").removeClass("ssmenuhover");
																		$("a#inte").addClass("ssmenu");
																			$("a#inte").removeClass("ssmenuhover");
																		$("a#all").addClass("ssmenu");
																			$("a#all").removeClass("ssmenuhover");
																		$("a#print").addClass("ssmenu");
																			$("a#print").removeClass("ssmenuhover");
																		$("a#divers").addClass("ssmenuhover");
																			$("a#divers").removeClass("ssmenu");
																	});



  
});