/**
 * @author alexia wolniack
 * 
 * matrix für /html/women/produkte/produkte.php
 * 
 * 01 - 12,14,16,18,19,20  			//normales haar
 * 02 - 10,11,16,18,19     			//feines haar
 * 03 - 11,15,18,19        			//lockiges haar
 * 04 - 11,12,17,20		   			//sensible kopfhaut
 * 05 - 12,13,14,16,18,19  			//coloriertes haar
 * 
 * 07 - 20  						//volumen
 * 08 - 19  						//glanz
 * 09 - 20  						//natürlicher Halt
 * 
 */

 $(document).ready(function() {
	 
	 // erst mal alle bilder ausgrauen
	 $("#produktuebersicht img.aktiv").hide();
	 $("#produktuebersicht img.inaktiv").show();
	 $("#wahl img.aktiv").hide();
	 $("#wahl img.inaktiv").show();
     
	 
	 $("#wahl a").bind("click",function(){ 
		 var $id = $(this).attr("id");
		 //alert ("id: "+ $id);
		 switch ($id) {
		 case '01':
			 //01 - 12,14,16,18,19,20
			 $("#produktuebersicht img.aktiv").hide();
			 $("#produktuebersicht img.inaktiv").show();
			 $("#wahl img.aktiv").hide();
			 $("#wahl img.inaktiv").show();
			 
			 $("#wahl #01 img").toggle();
			 $("#produktuebersicht #12 img").toggle();
			 $("#produktuebersicht #14 img").toggle();
			 $("#produktuebersicht #16 img").toggle();
			 $("#produktuebersicht #18 img").toggle();
			 $("#produktuebersicht #20 img").toggle();
			 $("#produktuebersicht #21 img").toggle();
			 break;
			 
		 case '02':
		 //02 - 10,11,16,18,19  
			 $("#produktuebersicht img.aktiv").hide();
			 $("#produktuebersicht img.inaktiv").show();
			 $("#wahl img.aktiv").hide();
			 $("#wahl img.inaktiv").show();
			 
			 $("#wahl #02 img").toggle();
			 
			 $("#produktuebersicht #10 img").toggle();
			 $("#produktuebersicht #11 img").toggle();
			 $("#produktuebersicht #16 img").toggle();
			 $("#produktuebersicht #18 img").toggle();
			 $("#produktuebersicht #19 img").toggle();
			 break;
			 
		 case '03':
		 //03 - 12,13,14,16,18,19    
			 $("#produktuebersicht img.aktiv").hide();
			 $("#produktuebersicht img.inaktiv").show();
			 $("#wahl img.aktiv").hide();
			 $("#wahl img.inaktiv").show();
			 
			 $("#wahl #03 img").toggle();
			 
			 $("#produktuebersicht #12 img").toggle();
			 $("#produktuebersicht #13 img").toggle();
			 $("#produktuebersicht #14 img").toggle();
			 $("#produktuebersicht #16 img").toggle();
			 $("#produktuebersicht #18 img").toggle();
			 $("#produktuebersicht #19 img").toggle();
			 $("#produktuebersicht #21 img").toggle();
			 break;
			 
		 case '04':
		 //04 - 11,15,18,19 
			 $("#produktuebersicht img.aktiv").hide();
			 $("#produktuebersicht img.inaktiv").show();
			 $("#wahl img.aktiv").hide();
			 $("#wahl img.inaktiv").show();
			 
			 $("#wahl #04 img").toggle();
			 
			 $("#produktuebersicht #11 img").toggle();
			 $("#produktuebersicht #15 img").toggle();
			 $("#produktuebersicht #18 img").toggle();
			 $("#produktuebersicht #19 img").toggle();
			 $("#produktuebersicht #21 img").toggle();
			 break;
			 
		 case '05':
		 //04 - 11,12,17,20
			 $("#produktuebersicht img.aktiv").hide();
			 $("#produktuebersicht img.inaktiv").show();
			 $("#wahl img.aktiv").hide();
			 $("#wahl img.inaktiv").show();
			 
			 $("#wahl #05 img").toggle();
			 
			 $("#produktuebersicht #11 img").toggle();
			 $("#produktuebersicht #12 img").toggle();
			 $("#produktuebersicht #17 img").toggle();
			 $("#produktuebersicht #20 img").toggle();
			 break;	 
			 
		 default:
		 $("#produktuebersicht img.aktiv").hide();
		 $("#produktuebersicht img.inaktiv").show();
		 $("#wahl img.aktiv").hide();
		 $("#wahl img.inaktiv").show();
		 }
	 });
 });