$(document).ready(function(){
	
	//$("#bg").fullBg();
	//$('#bg').animate({opacity: 1}, 1000)
	
	//Supersize
	$(function(){
		$.fn.supersized.options = {
			startwidth: 1024,
			startheight: 768,
			minsize: .5,
			slideshow: 1,
			slideinterval: 5000
		};
			$('#supersize').supersized();
	});
	
	
	//Bild einblenden
	$(window).load(function () {$("#bg").fadeIn(800);});
	
	
	//$("#bg").fadeIn(1000);
	
	
	jQuery(".masterlink").hover(	
	function () 
	{
		jQuery(this).next(".img_veranstaltung").animate({ opacity: .4}, 200 );
	},
	function () {
		//jQuery(this).animate({backgroundColor: '#fafafa'}, 300 );
		jQuery(this).next(".img_veranstaltung").animate({ opacity: 1}, 500 );
	}	
	);
	
	

    jQuery('a[href=#comments_area]').click(function(){
        jQuery('html, body').animate({scrollTop:1200}, 'slow');
        return false;
    });		
	

    jQuery('a[href=#top]').click(function(){
        jQuery('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });	
	
	
	
	///////////////////////////////////////// Start Spinne
	
	dauer_main = 14000;
	dauer_back = 4100;
	dauer_movelegs = 1200;
	dauer_startwait = 2000;
	start="";
	main="";
	moveback="";
	main2="";
	
	$(window).load(function () {
		//Nach x Sekunden springe von spinne_start (Standbild) zu spinne_main (Animation)
		start = setTimeout(function(){$(".spinne_start").attr('class', 'spinne_main'); clearTimeout(start);}, dauer_startwait);

		//Springe von spinne_main zu spinne_stop, Dauer: x Sekunden
		main = setTimeout(function(){$(".spinne_main").attr('class', 'spinne_stop'); clearTimeout(main);}, dauer_main);
		
		stop_movelegs = setTimeout(function(){$(".spinne_movelegs").attr('class', 'spinne_stop'); clearTimeout(stop_movelegs);}, dauer_movelegs);
		
		
		
	});
	
	//Beine Bewegen bei hover
	$("#spinne_anim").hover(
		function () 
		{
			//$('.spinne_stop').attr('class', 'spinne_movelegs').attr('title', 'click!');
			$('.spinne_stop').attr('class', 'spinne_movelegs');
			movelegs = setTimeout(function(){$(".spinne_movelegs").attr('class', 'spinne_stop'); clearTimeout(movelegs);}, dauer_movelegs);
			$('.spinne_start2').attr('title', 'click!');
			$('.spinne_movelegs').attr('title', 'click!');
		}
		
	);
		
	
	$("#spinne_anim").click(	
		function () 
		{
			//Hochklettern bei klick
			$('.spinne_stop').attr('class', 'spinne_back').attr('title', '');
			moveback = setTimeout(function(){$(".spinne_back").attr('class', 'spinne_start2'); clearTimeout(moveback);}, dauer_back);
			
			//Runterklettern bei klick
			$('.spinne_start2').attr('class', 'spinne_main');
			main2 = setTimeout(function(){$(".spinne_main").attr('class', 'spinne_stop'); clearTimeout(main2);}, dauer_main);
		}
	);	
	
	
	///////////////////////////////////////// ENDE Spinne
});		


