// JavaScript Document

//<![CDATA[
		   


    $(document).ready(function () {
        $('#HEADER').hide().fadeIn(1000);
    });

    $(document).ready(function () {
        $('#MIDDLE').hide().fadeIn(1000);
    });
	
	    $(document).ready(function () {
        $('#BILDLEISTE').hide().fadeIn(1000);
    });


jQuery(document).ready(function () {

	//Append a div with hover class to all the LI
	jQuery('#NAVI li').append('<div class="hover"><\/div>');


	jQuery('#NAVI li').hover(
		
		//Mouseover, fadeIn the hidden hover class	
		function() {
			
			jQuery(this).children('div').fadeIn('200');	
		
		}, 
	
		//Mouseout, fadeOut the hover class
		function() {
		
			jQuery(this).children('div').fadeOut('200');	
		
	}).click (function () {
	
		//Add selected class if user clicked on it
		jQuery(this).addClass('selected');
		
		
	}).click (function () {
	
		//Add selected class if user clicked on it
		jQuery('li.selected').removeClass('selected');
		 jQuery(this).addClass('selected').blur();
});

});

jQuery(document).ready(function () {

	//Append a div with hover class to all the LI
	jQuery('#SUBNAVI li').append('<div class="over"><\/div>');


	jQuery('#SUBNAVI li').hover(
		
		//Mouseover, fadeIn the hidden hover class	
		function() {
			
			jQuery(this).children('div').fadeIn('600');	
		
		}, 
	
		//Mouseout, fadeOut the hover class
		function() {
		
			jQuery(this).children('div').fadeOut('600');	
		
	}).click (function () {
	
		//Add selected class if user clicked on it
		jQuery('li.highlight').removeClass('highlight');
		 jQuery(this).addClass('highlight').blur();
});

});


//]]>