$(document).ready(function(){
									
	/* webcam timer-plugin */ 
	/*
	$('#images').load('showpic.php');
	$('#images').everyTime(7500, 'controlled', function() {
			$(this).load('showpic.php');
			});
	*/


	/*  slideshow cycle-plugin  */
	$('#infos') 
	.before('<div id="pager">') 
	.cycle({ 
		 fx:     'fade', 
		 speed:   1500, 
		 timeout: 6000, 
		 pager:  '#pager', 
		 pause: 1
	});


	/* weather navi */
	$("div#wetter").hide();
	$("div#infos").hide();
	$("div#pager").hide();
	$("div#map").hide();
	$("div#mapBottom").hide();
	$("div#opacBottom").hide();
	$("div#t_infos").hide();
	$("div#t_map").hide();
	$("div#t_werben").hide();
	$("div#t_wetter").hide();
	$("li.webcam").css('background-position', 'left');
	
	$("li.map").click(function(){
		if ($("div#map").is(':hidden')) {
			$("div#webcam").fadeOut('slow');
			$("div#wetter").fadeOut('slow');
			$("div#infos").fadeOut('slow');
			$("div#pager").fadeOut('slow');
			$("div#map").fadeIn('slow');
			initialize();
			$("div#mapBottom").fadeIn('slow');

			$("div#t_werben").fadeOut('slow');
			$("div#t_infos").fadeOut('slow');
			$("div#t_webcam").fadeOut('slow');
			$("div#t_wetter").fadeOut('slow');
			$("div#t_map").fadeIn('slow');
					
		} else if (!$("div#webcam").is(':hidden')) {
			$("div#webcam").fadeOut('slow');
			$("div#wetter").fadeOut('slow');
			$("div#infos").fadeOut('slow');
			$("div#pager").fadeOut('slow');
			$("div#map").fadeOut('slow');
			$("div#map").fadeIn('slow');
			$("div#mapBottom").fadeIn('slow');

			$("div#t_werben").fadeOut('slow');
			$("div#t_infos").fadeOut('slow');
			$("div#t_webcam").fadeOut('slow');
			$("div#t_wetter").fadeOut('slow');
			$("div#t_map").fadeIn('slow');
			
		} else {
			$("div#t_werben").fadeOut('slow');
			$("div#t_map").fadeIn('slow');
			
		}
	});
	$("li.webcam").click(function(){
		if ($("div#webcam").is(':hidden')) {
			$("div#wetter").fadeOut('slow');
			$("div#infos").fadeOut('slow');
			$("div#opacBottom").fadeOut('slow');
			$("div#pager").fadeOut('slow');
			$("div#map").fadeOut('slow');
			$("div#mapBottom").fadeOut('slow');
			$("div#webcam").fadeIn('slow');

			$("div#t_werben").fadeOut('slow');
			$("div#t_infos").fadeOut('slow');
			$("div#t_map").fadeOut('slow');
			$("div#t_wetter").fadeOut('slow');
			$("div#t_webcam").fadeIn('slow');
		} else {
			$("div#t_werben").fadeOut('slow');
			$("div#t_webcam").fadeIn('slow');
		}
	});
	$("li.wetter").click(function(){
		if ($("div#wetter").is(':hidden')) {
			$("div#infos").fadeOut('slow');
			$("div#opacBottom").fadeOut('slow');
			$("div#pager").fadeOut('slow');
			$("div#map").fadeOut('slow');
			$("div#mapBottom").fadeOut('slow');
			$("div#webcam").fadeOut('slow');
			$("div#wetter").fadeIn('slow');

			$("div#t_werben").fadeOut('slow');
			$("div#t_infos").fadeOut('slow');
			$("div#t_map").fadeOut('slow');
			$("div#t_webcam").fadeOut('slow');
			$("div#t_wetter").fadeIn('slow');
		} else {
			$("div#t_werben").fadeOut('slow');
			$("div#t_wetter").fadeIn('slow');
		}
	});
	$("li.infos").click(function(){
		if ($("div#infos").is(':hidden')) {
			$("div#webcam").fadeOut('slow');
			$("div#wetter").fadeOut('slow');
			$("div#map").fadeOut('slow');
			$("div#mapBottom").fadeOut('slow');
			$("div#infos").fadeIn('slow');
			$("div#opacBottom").fadeIn('slow');
			$("div#pager").fadeIn('slow');

			$("div#t_werben").fadeOut('slow');
			$("div#t_map").fadeOut('slow');
			$("div#t_webcam").fadeOut('slow');
			$("div#t_wetter").fadeOut('slow');
			$("div#t_infos").fadeIn('slow');
		} else {
			$("div#t_werben").fadeOut('slow');
			$("div#t_infos").fadeIn('slow');
		}
	});
	$("li.werben").click(function(){
		if ($("div#t_werben").is(':hidden')) {
			$("div#infos").fadeOut('slow');
			$("div#opacBottom").fadeOut('slow');
			$("div#pager").fadeOut('slow');
			$("div#map").fadeOut('slow');
			$("div#mapBottom").fadeOut('slow');
			$("div#webcam").fadeIn('slow');

			$("div#t_webcam").fadeOut('slow');
			$("div#t_infos").fadeOut('slow');
			$("div#t_map").fadeOut('slow');
			$("div#t_wetter").fadeOut('slow');
			$("div#t_werben").fadeIn('slow');
		} else {
		}
	});
	
		$("#weatherNavi > li").click(function(){
			$(this).css('background-position', 'left');
			$(this).siblings().css('background-position', 'right');
		});

});