$(document).ready(function(){

	var activepage = $('span.active.submenu').text();
	$('span.active.submenu').html('<img src="tl_files/planbar/img/nav_'+activepage+'.gif">');   
        
	$('a.submenu').each(function(){
	 
	var title = $(this).attr('title');     
	$(this).html('<img src="tl_files/planbar/img/nav_'+title+'.gif">');
	    
	});      
	
	$("ul.level_1 li").not('.last').hover(function() { //When trigger is clicked...

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).find("ul.level_2").slideDown(0).show(); //Drop down the subnav on click

		$(this).hover(function() {
		}, function(){
			$(this).find("ul.level_2").slideUp(0); //When the mouse hovers out of the subnav, move it back up
		});             
		
	});          
	
	
	$('#button a').click(function(){
			var integer = $(this).attr('rel');
			$('#myslide .cover').animate({left:-676*(parseInt(integer)-1)})  /*----- Width of div mystuff (here 160) ------ */
			$('#button a').each(function(){
			$(this).removeClass('aktiv');
				if($(this).hasClass('button'+integer)){
					$(this).addClass('aktiv')}
			});
		});                 

		
	$("div#referenzen td a").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	true,
		'overlayColor'	:   '#000'
	});
	
    
	$(".farbfeld").click(function(){
		$eidie = "<img src='tl_files/planbar/content/farbwelten/"+this.id+".jpg' alt='Farbwelten'>";
		$('div#viewer').html($eidie);
	});  
	
	$("body.lay_kueche #container img:first").attr('src','tl_files/planbar/img/objekt.gif');
      
	
	flashembed("fw_container", "tl_files/planbar/content/farbwelten.swf", {
		wmode: 'transparent'
	});


});