// The code tags have the actual code, which is applied to the div
  $(document).ready(function(){

	//activate png-fix lib
	$(document).pngFix();	
	
	//box wrapper
	//$(".box").wrap("<div class='box_wrapper'></div>");
	//$(".box .orange").wrap("<div class='box_wrapper orange'></div>");

	//Diashow
	$('#s1').cycle({ 
		fx:    'fade', 
		speed:  5000,
		timeout:  1000,
		random:  1 
	});
	
	$('#s2').cycle({ 
		fx:    'fadeZoom', 
		speed:  1000,
		timeout:  1000,
		random:  1 
	});
	
	//To Top Image
	$('#up').click(function() {
	    $('html, body').animate({scrollTop: '0px'}, 200);
		return false;
	  });
	
	// Fancy Box
	$("a#single_image").fancybox();  //<a id="single_image" href="images/dia_01.jpg"><img src="images/dia_02.jpg" alt=""/></a>
	$("a.iframe").fancybox({
		'frameWidth': 800,
		'frameHeight': 470
	});	 //<a class="iframe" href="http://www.google.de">This goes to iframe</a>
	
	
	//ToolTip
	$('a').tooltip({
		track: true, 
		delay: 0, 
		showURL: false, 
		showBody: " - ", 
		fade: 250 
	});
		
	$('area').tooltip({
		track: true, 
		delay: 0, 
		showURL: false, 
		showBody: " - ", 
		fade: 250 
	});
	
	//Tabs
	var tabContainers = $('div.tabs > div');
    
    $('div.tabs ul.tabNavigation a').click(function () {
        tabContainers.hide().filter(this.hash).show();
        $('div.tabs ul.tabNavigation a').removeClass('selected');
        $(this).addClass('selected');
        return false;
    }).filter(':first').click();
		
	
  });

jQuery.fn.fadeToggle = function(speed, easing, callback) {
   return this.animate({opacity: 'toggle'}, speed, easing, callback);

};