// JavaScript Document

$(document).ready(function()
    {
		// 4 steps
		var dasfade=100
		
		$('.foursteps').mouseleave(function() {
			$('#step1').animate({opacity:1},dasfade);
			$('#step2').animate({opacity:1},dasfade);
			$('#step3').animate({opacity:1},dasfade);
			$('#step4').animate({opacity:1},dasfade);
		});
		
		$('#step1').mouseover(function() {
		  $('#step1').animate({opacity:1},dasfade);
		  $('#step2').animate({opacity:0.01},dasfade);
		  $('#step3').animate({opacity:0.01},dasfade);
		  $('#step4').animate({opacity:0.01},dasfade);
		  $('#inhalt1:hidden').fadeIn();
		});
		$('#step1').mouseout(function() {
		  $('#step1').animate({opacity:0.01},dasfade);
		  $('#inhalt1:visible').fadeOut(0);
		});
		
		$('#step2').mouseover(function() {
		  $('#step2').animate({opacity:1},dasfade);
		  $('#step1').animate({opacity:0.01},dasfade);
		  $('#step3').animate({opacity:0.01},dasfade);
		  $('#step4').animate({opacity:0.01},dasfade);
		  $('#inhalt2:hidden').fadeIn();
		});
		$('#step2').mouseout(function() {
		  $('#step2').animate({opacity:0.01},dasfade);
		  $('#inhalt2:visible').fadeOut(0);
		});
		
		$('#step3').mouseover(function() {
		  $('#step3').animate({opacity:1},dasfade);
		  $('#step1').animate({opacity:0.01},dasfade);
		  $('#step2').animate({opacity:0.01},dasfade);
		  $('#step4').animate({opacity:0.01},dasfade);
		  $('#inhalt3:hidden').fadeIn();
		});
		$('#step3').mouseout(function() {
		  $('#step3').animate({opacity:0.01},dasfade);
		  $('#inhalt3:visible').fadeOut(0);
		});
		
		$('#step4').mouseover(function() {
		  $('#step4').animate({opacity:1},dasfade);
		  $('#step1').animate({opacity:0.01},dasfade);
		  $('#step3').animate({opacity:0.01},dasfade);
		  $('#step2').animate({opacity:0.01},dasfade);
		  $('#inhalt4:hidden').fadeIn();
		});
		$('#step4').mouseout(function() {
		  $('#step4').animate({opacity:0.01},dasfade);
		  $('#inhalt4:visible').fadeOut(0);
		});
		
		
		// slideshow
		
		$('.slideshow').cycle({
            fx: 'scrollRight',
			speed:   2000, 
			timeout: 6000,
            prev:    '#prev',
            next:    '#next' 
        });
        
        $('#pause').click(function() { 
            $('.slideshow').cycle('pause'); 
            $('#pause').hide();
            $('#resume').show();
        });
        $('#resume').click(function() { 
            $('.slideshow').cycle('resume'); 
            $('#pause').show();
            $('#resume').hide();
        });
		
		
		
		// formulare
		
		$('input,select').focus(function() { 
            $(this).parent().addClass('focused');
        });
		$('input,select').focusout(function() { 
            $(this).parent().removeClass('focused');
        });
		
		
		
});