var contentHeight = null;

jQuery(function() {
	if (!$.browser.msie) {
		$("ul#navi").superfish();
	}
	$.supersized({
				
					//Functionality
					slideshow               :   1,		//Slideshow on/off
					autoplay				:	1,		//Slideshow starts playing automatically
					start_slide             :   1,		//Start slide (0 is random)
					random					: 	0,		//Randomize slide order (Ignores start slide)
					slide_interval          :   8000,	//Length between transitions
					transition              :   1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
					transition_speed		:	800,	//Speed of transition
					new_window				:	1,		//Image links open in new window/tab
					pause_hover             :   0,		//Pause slideshow on hover
					keyboard_nav            :   1,		//Keyboard navigation on/off
					performance				:	2,		//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
					image_protect			:	1,		//Disables image dragging and right click with Javascript
					image_path				:	'images/layout/', //Default image path

					//Size & Position
					min_width		        :   0,		//Min width allowed (in pixels)
					min_height		        :   0,		//Min height allowed (in pixels)
					vertical_center         :   1,		//Vertically center background
					horizontal_center       :   1,		//Horizontally center background
					fit_portrait         	:   1,		//Portrait images will not exceed browser height
					fit_landscape			:   0,		//Landscape images will not exceed browser width
					
					//Components
					navigation              :   1,		//Slideshow controls on/off
					thumbnail_navigation    :   1,		//Thumbnail navigation
					slide_counter           :   1,		//Display slide numbers
					slide_captions          :   1,		//Slide caption (Pull from "title" in slides array)
					slides 					:  	[		//Slideshow Images
														{image : 'http://www.buener.ch/images/layout/background/sonstiges/3.jpg'},  
														{image : 'http://www.buener.ch/images/layout/background/sonstiges/2.jpg'}, 
														{image : 'http://www.buener.ch/images/layout/background/sonstiges/1.jpg'}, 
														{image : 'http://www.buener.ch/images/layout/background/sonstiges/4.jpg'}, 
														{image : 'http://www.buener.ch/images/layout/background/sonstiges/5.jpg'},
														{image : 'http://www.buener.ch/images/layout/background/sonstiges/6.jpg'}
												]
												
				});
	
	
	



	
	
	
	
	// init move button
	$("#content").prepend('<a href="#" title="show/hide" class="show-hide">hide</a>');
	$("#content").before('<a href="#" title="show/hide" class="hide-active">show</a>');
	$(".show-hide, .hide-active").click(function(evt) {
		$content	= $("#content");
		
		if ($content.offset().left > 0) {
			$(".container-top").fadeOut("fast");
			
			if (contentHeight === null) {
				contentHeight = $("#content").height();
			}
			$("#content").css('overflow', 'hidden');
			$("#content").stop().animate({
				height: '400px'
			}, "slow").animate({
				marginLeft: '-631px'
			}, "slow", function() {
				$('.hide-active').fadeIn("fast");
			});
			$("iframe").hide();
		}
		else {
			$(".container-top").fadeIn("fast");
			
			$('.hide-active').fadeOut("fast", function() {
				$(".container-top").fadeIn("fast");
				$(".show-hide").hide();
				$("#content").stop().animate({
					marginLeft: '10px'
				}).animate({
					height: contentHeight+'px'
				}, function() {
					$(".show-hide").show();
					$("iframe").show();
				});
				
				$("#content").css('height', 'auto');
				$("#content").css('overflow', 'visible');
			});
		}
	});
});