// JavaScript Document


  var $j = jQuery.noConflict();
  

$j(function(){
	  $j("img[src=.png]").ifixpng(); 
      $j(".thumbOverlay").fadeTo(0, 0.5);
	  $j(".hideOverlay").fadeTo(0, 0.5);
	  $j(".thumbOverlay").mouseover(function(){$j(this).fadeTo(100, 0);
		 }).mouseout(function(){$j(this).fadeTo(100, 0.5);});
	  $j(".thumbOverlay").click(function(){
										 $j(".hideOverlay").addClass("thumbOverlay");
										 $j(".hideOverlay").removeClass("hideOverlay");
										 $j(this).removeClass("thumbOverlay");
										 $j(this).addClass("hideOverlay");
										 });
	  $j(".thumbOverlay:first").addClass("hideOverlay");
	  $j(".thumbOverlay:first").removeClass("thumbOverlay");
	  
//online
		//Domeuropa
	  
	  	$j("#dome1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/domeuropa/dome_doku1.png' alt='Domeuropa' /></div>");
		});
		$j("#dome2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/domeuropa/dome_doku2.png' alt='Domeuropa' /></div>");
		});
		$j("#dome3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/domeuropa/dome_doku3.png' alt='Domeuropa' /></div>");
		});
		$j("#dome4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/domeuropa/dome_doku4.png' alt='Domeuropa' /></div>");
		});
		
		//Angelsighs
		
		$j("#angelsighs1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/angelsighs/angelsighs_doku1.png' alt='AngelSighs' /></div>");
		});
		$j("#angelsighs2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/angelsighs/angelsighs_doku2.png' alt='AngelSighs' /></div>");
		});
		$j("#angelsighs3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/angelsighs/angelsighs_doku3.png' alt='AngelSighs' /></div>");
		});
		
		//Voss
	  
	  	$j("#voss1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/voss/voss_doku1.png' alt='Homepage Bakery' /></div>");
		});
		$j("#voss2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/voss/voss_doku2.png' alt='Homepage Bakery' /></div>");
		});
		$j("#voss3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/voss/voss_doku3.png' alt='Homepage Bakery' /></div>");
		});
		$j("#voss4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/voss/voss_doku4.png' alt='Homepage Bakery' /></div>");
		});
		
		//Wezel
	  
	  	$j("#wezel1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel/wezel_doku1.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wezel2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel/wezel_doku2.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wezel3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel/wezel_doku3.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wezel4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel/wezel_doku4.png' alt='Homepage Wezel Architektur' /></div>");
		});
		
				//Wezel live
	  
	  	$j("#wa1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel_live/wa_doku1.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wa2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel_live/wa_doku2.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wa3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel_live/wa_doku3.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wa4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel_live/wa_doku4.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wa5").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel_live/wa_doku5.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wa6").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel_live/wa_doku6.png' alt='Homepage Wezel Architektur' /></div>");
		});
		$j("#wa7").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/wezel_live/wa_doku7.png' alt='Homepage Wezel Architektur' /></div>");
		});
		
		//Kicho
	  
	  	$j("#kicho1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/kicho/kicho_doku1.png' alt='Homepage Japanese Restaurant Kicho' /></div>");
		});
		$j("#kicho2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/kicho/kicho_doku2.png' alt='Homepage Japanese Restaurant Kicho' /></div>");
		});
		$j("#kicho3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/kicho/kicho_doku3.png' alt='Homepage Japanese Restaurant Kicho' /></div>");
		});
		$j("#kicho4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/kicho/kicho_doku4.png' alt='Homepage Japanese Restaurant Kicho' /></div>");
		});
		$j("#kicho5").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/kicho/kicho_doku5.png' alt='Homepage Japanese Restaurant Kicho' /></div>");
		});
		$j("#kicho6").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/kicho/kicho_doku6.png' alt='Homepage Japanese Restaurant Kicho' /></div>");
		});
		
		//Lilmoxie
	  
	  	$j("#lilmoxie1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/lilmoxie/lilmoxie_doku1.png' alt='Online Shop Lilmoxie' /></div>");
		});
		$j("#lilmoxie2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/lilmoxie/lilmoxie_doku2.png' alt='Online Shop Lilmoxie' /></div>");
		});
		$j("#lilmoxie3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/lilmoxie/lilmoxie_doku3.png' alt='Online Shop Lilmoxie' /></div>");
		});
		$j("#lilmoxie4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/lilmoxie/lilmoxie_doku4.png' alt='Online Shop Lilmoxie' /></div>");
		});
		$j("#lilmoxie5").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/lilmoxie/lilmoxie_doku5.png' alt='Online Shop Lilmoxie' /></div>");
		});
		$j("#lilmoxie6").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/lilmoxie/lilmoxie_doku6.png' alt='Online Shop Lilmoxie' /></div>");
		});
		
		//Modularlab
	  
	  	$j("#modlab1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/modularlab/modlab_new_doku1.png' alt='Homepage Modularlab - helping thru design' /></div>");
		});
		$j("#modlab2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/modularlab/modlab_new_doku2.png' alt='Homepage Modularlab - helping thru design' /></div>");
		});
		$j("#modlab3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/modularlab/modlab_new_doku3.png' alt='Homepage Modularlab - helping thru design' /></div>");
		});
		$j("#modlab4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/modularlab/modlab_old_doku1.png' alt='Homepage Modularlab - helping thru design' /></div>");
		});
		$j("#modlab5").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/modularlab/modlab_old_doku2.png' alt='Homepage Modularlab - helping thru design' /></div>");
		});
		$j("#modlab6").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/modularlab/modlab_old_doku3.png' alt='Homepage Modularlab - helping thru design' /></div>");
		});
		$j("#modlab7").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/online/modularlab/modlab_old_doku4.png' alt='Homepage Modularlab - helping thru design' /></div>");
		});
		
//Installation / Applications

		//BMW
		
		$j("#bmw1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/cominst/bmw/bmw_doku1.jpg' alt='BMW iDrive Installation' /></div>");
		});
		$j("#bmw2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/cominst/bmw/bmw_doku2.jpg' alt='BMW iDrive Installation' /></div>");
		});
		$j("#bmw3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/cominst/bmw/bmw_doku3.jpg' alt='BMW iDrive Installation' /></div>");
		});
		$j("#bmw4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/cominst/bmw/bmw_doku4.jpg' alt='BMW iDrive Installation' /></div>");
		});
		
//Art Installation

		//Accelera
		
		//Fotos
		
		$j("#acc1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/artinst/accelera/acc_foto1.jpg' alt='Accelera - Interactive Room Installation' /></div>");
		});
		$j("#acc2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/artinst/accelera/acc_foto2.jpg' alt='Accelera - Interactive Room Installation' /></div>");
		});
		$j("#acc3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/artinst/accelera/acc_foto3.jpg' alt='Accelera - Interactive Room Installation' /></div>");
		});
		$j("#acc4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/artinst/accelera/acc_foto4.jpg' alt='Accelera - Interactive Room Installation' /></div>");
		});
		
		//Video
		
		$j("#acc5").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><object style='margin:15px 0 15px 0' width='705' height='544' classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab'><param name='src' value='wp-content/uploads/artinst/accelera/accelera - doku_ot.mov'><param name='autoplay' value='true'><param name='controller' value='true'><embed src='wp-content/uploads/artinst/accelera/accelera - doku_ot.mov' width='705' height='544' autoplay='true' controller='true' pluginspage='http://www.apple.com/quicktime/download/'></embed></object></div>");
		});
		
		//Lost Space
		
		$j("#ls1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/artinst/lostSpace/ls_titel.jpg' alt='Accelera - Interactive Room Installation' /></div>");
		});
		$j("#ls2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><object style='margin:15px 0 15px 0' width='705' height='544' classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' codebase='http://www.apple.com/qtactivex/qtplugin.cab'><param name='src' value='wp-content/uploads/artinst/lostSpace/lost_space_docu_ot.mov'><param name='autoplay' value='true'><param name='controller' value='true'><embed src='wp-content/uploads/artinst/lostSpace/lost_space_docu_ot.mov' width='705' height='544' autoplay='true' controller='true' pluginspage='http://www.apple.com/quicktime/download/'></embed></object></div>");
		});
		$j("#ls3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/artinst/lostSpace/ls_sim1.jpg' alt='Accelera - Interactive Room Installation' /></div>");
		});
		$j("#ls4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/artinst/lostSpace/ls_sim2.jpg' alt='Accelera - Interactive Room Installation' /></div>");
		});
	
//Design / Concept

		//Unitair
		
		$j("#unitair1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/unitair/unitair1_ot.jpg' alt='Unitair' /></div>");
		});
		$j("#unitair2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/unitair/unitair2_ot.jpg' alt='Unitair' /></div>");
		});
		$j("#unitair3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/unitair/unitair3_ot.jpg' alt='Unitair' /></div>");
		});
		$j("#unitair4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/unitair/unitair4_ot.jpg' alt='Unitair' /></div>");
		});
		
		//FCK
		
		$j("#fck1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck11.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck10.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck9.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck4").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck8.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck5").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck7.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck6").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck6.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck7").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck5.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck8").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck4.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck9").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck3.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck10").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck2.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		$j("#fck11").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img src='wp-content/uploads/design/fck/fck1.png' alt='1.FC Koeln Museum Exhibit Concept' /></div>");
		});
		
		//DAH
		
		$j("#DAH1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/design/DAH/DAH1.jpg' alt='German Emmigration Center Info Exhibit' /></div>");
		});
		$j("#DAH2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/design/DAH/DAH2.jpg' alt='German Emmigration Center Info Exhibit' /></div>");
		});
		$j("#DAH3").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/design/DAH/DAH3.jpg' alt='German Emmigration Center Info Exhibit' /></div>");
		});
		
		//SLR
		
		$j("#slr1").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/design/SLR/slr1.jpg' alt='Daimler Benz - Innovation' /></div>");
		});
		$j("#slr2").click(function(){
			$j("#picBox").replaceWith("<div id='picBox'><img style='margin:15px 0 15px 0' src='wp-content/uploads/design/SLR/slr2.png' alt='Daimler Benz - Innovation' /></div>");
		});
		
    });