/**
 * @author alexia wolniack
 * 
*/
 $(document).ready(function() {
	 
	 //den 1. initialisieren
	 var $b1    ="#b1 img.aktiv";
	 var $b2    ="#b2 img.aktiv";
	 var $i1    ="#b1 img.inaktiv";
	 var $i2    ="#b2 img.inaktiv";
	 var $t1    ="#text1";
	 var $t2    ="#text2";
	
	 
	$("#bild img.aktiv").hide();
	$("#bild img.inaktiv").show();
	$("#main div.text").hide(); 
	 
	//erst mal alles weg
	$($b2).hide();
    $($i2).show();
    $($t2).hide();
    
    $($b2).show();
    $($i2).hide();
    $($t2).show();
    
    
  
     
	 
   $("#bild a").bind("click",function(){
	   var $id = $(this).attr("id").substr(1);
	 
	   var $textaktiv="#text"+$id;
	   var $bildaktiv="#b"+$id+" img.aktiv";
	   var $bildinaktiv="#b"+$id+" img.inaktiv";
	   
      // alle titel deaktivieren und aktuellen einblenden
	   $("#bild img.aktiv").hide();
	   $("#bild img.inaktiv").show();
	   $(".text").hide();
	   
	   $($bildinaktiv).hide();
	   $($bildaktiv).show();
	   $($textaktiv).show();
 });


 });