/* ######################################################### */
/* ################### JQUERY ANIMATION #################### */
/* ######################################################### */

function check_visible(visible, id) {
	if(!visible) {
		$(id).css({visibility: 'hidden' });
	}
	else {
		$(id).css({visibility: 'visible' });
	}
}

$(document).ready(function() {
	$('#slideshow img:first').fadeIn(1000, function() {
		$('#slideshow').css({"backgroundImage": "none"}, 0);
        $('#slideshow').cycle({
			fx: 'fade',
			timeout: 4000,
			random: true
		});
    });

    
	
	$('#therapien_list').fadeTo(0, 0.0);
	$('#therapien_list').css({visibility: 'hidden' });
	
	var pruef_therap = false;
	
	$('#therapien').mouseover(function (){
		$('#therapien_list').stop().fadeTo("fast", 1.0);
		pruef_therap = true;
		check_visible(true, '#therapien_list');
	}).mouseout(function(){
		$('#therapien_list').stop().fadeTo(300, 0.0);
		check_visible(false, '#therapien_list');
	});
	
	$('div#therapien_list').bind("mouseleave", function() {
		pruef_therap = false;
		$(this).stop().fadeTo(300 , 0.0);
		check_visible(false, '#therapien_list');
	}).bind("mouseenter", function() {
		if(pruef_therap) {
			$(this).stop().fadeTo("fast", 1.0);
			check_visible(true, '#therapien_list');
		}
	});
	
	
	$('#link_list').fadeTo(0, 0.0);
	$('#link_list').css({visibility: 'hidden' });
	
	var pruef_links = false;
	
	$('#weitere_links').mouseover(function (){
		$('#link_list').stop().fadeTo("fast", 1.0);
		pruef_links = true;
		check_visible(true, '#link_list');
	}).mouseout(function(){
		$('#link_list').stop().fadeTo(300, 0.0);
		check_visible(false, '#link_list');
	});
	
	$('div#link_list').bind("mouseleave", function() {
		pruef_links = false;
		$(this).stop().fadeTo(300 , 0.0);
		check_visible(false, '#link_list');
	}).bind("mouseenter", function() {
		if(pruef_links) {
			$(this).stop().fadeTo("fast", 1.0);
			check_visible(true, '#link_list');
		}
	});
	
	//rollover hauptnavi animation
	
	$('.box_content div, #therapien_list div').mouseover(function () {
		$(this).animate({paddingLeft: '10px'}, 50);
	}).mouseout(function () {
		$(this).stop().animate({paddingLeft: '0px' }, 100);
	});
	
	
});