// THIS IS WHERE I CALL JQUERY!


$(document).ready(function() 
{


// cycle plugin call
$('div.teaser div.center div.rotate').cycle({
    fx:           'fade', 
    timeout:       3000,  
    speed:         500,   
    height:       'auto', 
    fit:           0,      
    containerResize: 0,    
    pause:         1   
});


// handling mouseover and click
$('div.teaser div.center div.slide').mouseover(function(){$(this).css('color','#143d66');});
$('div.teaser div.center div.slide').mouseout(function(){$(this).css('color','#718ca5');});
$('div.teaser div.center div.slide').click(function(){window.location.href = 'http://www.google.de/';}); // this will have to get changed!


// font shadow for menu
$('div#content-menu > ul > li > a').each(function()
{
	element = $(this);
	$(element).clone().addClass('dropshadow').prependTo(element);
});

// fold-in for #menu L2 & l3
	$('#menu ul ul').hide();
	$('#menu ul li.active ul:first').show();
	$('#menu ul li.active').parent().show();
	$('#menu ul li.active').parent().parent().parent().show();
	$('#menu ul li.active a.expand:first').toggleClass('minus');
	$('#menu ul li.active').parent().parent().find('a.expand:first').toggleClass('minus');
	
	$('#menu ul ul').parent().find('a.expand').html('');
	$('a.expand').css('cursor', 'pointer');
	$('a.expand').click(function() {
		$(this).toggleClass('minus');
		$(this).parent().find('ul:first').slideToggle(300);
		
	});
});