$(document).ready(function(){
	
/* **** INITIALIZE HIDDEN ELEMENTS *************************************************************** */

    $(".submenue"      ).hide( 0 );
	$("#contentwrapper").hide( 0 );

/* **** ANIMATION OVER BACKGROUND IMAGE ********************************************************** */
	
	function runAnimBlue() {
      	$("#animation_blau").animate({left:'-=400'},8000);
	  	$("#animation_blau").animate({left:'+=400'},8000, runAnimBlue);
	}
	function runAnimGreen() {
      	$("#animation_gruen").animate({left:'+=400'},6000);
	  	$("#animation_gruen").animate({left:'-=400'},6000, runAnimGreen);
	}
	function runAnimBrown() {
      	$("#animation_braun").animate({bottom:'+=170'},5000);
	  	$("#animation_braun").animate({bottom:'-=170'},5000, runAnimBrown);
	}
	function runAnimGrey() {
      	$("#animation_grau").animate({left:'-=650'},14000);
	  	$("#animation_grau").animate({left:'+=650'},14000, runAnimGrey);
	}
	
	runAnimBlue();
	runAnimGreen();
	runAnimBrown();
	runAnimGrey();
	
/* **** NAVIGATION LINK BEHAVIOR ON HOVER AND CLICK ********************************************** */

	$('a.mainnav, a.subnav, a.closecontent').hover(
       function(){
            $(this).animate({"color":"#8FB7C9"}, 200); //mouseover
       },
       function(){
            $(this).animate({"color":"#3D3D3F"}, 200); // mouseout
       }
    );
	
	$('a.mainnav, a.subnav, a.closecontent').click(
       function(){
            $(this).animate({"color":"#CE7813"},  20);
			$(this).animate({"color":"#8FB7C9"}, 100);
       }
    );
	
	$('a.submenuelink').hover(
       function(){
            $(this).animate({"color":"#FFFFFE"}, 200); //mouseover
       },
       function(){
            $(this).animate({"color":"#3D3D3F"}, 200); // mouseout
       }
    );
	
	$('a.submenuelink').click(
       function(){
            $(this).animate({"color":"#3D3D3F"},  20);
			$(this).animate({"color":"#FFFFFE"}, 100);
       }
    );
	

/* **** CONTENT NAV ELEMENTS ********************************************************************** */	

	$('a.closecontent').click(
       function(){
            $(".submenue").fadeOut(150);
			$("#contentwrapper").fadeOut(150);
       }
    );
	
/* **** SET (RANDOM) SUBMENUE COLORS *************************************************************** */	

	var numOfMenueItems = $('.submenuepunkt').length;
	
	for (var i=0; i <= numOfMenueItems; i++) {	
	
	    /*var randomColor = Math.floor(Math.random() * 4);*/
		var randomColor = i;
				
		if (randomColor ===  0) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#8FB7C9"); };
		if (randomColor ===  1) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#BDC700"); };
		if (randomColor ===  2) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#D79C58"); };
		if (randomColor ===  3) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#B5B7AA"); };
		
		if (randomColor ===  4) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#8FB7C9"); };
		if (randomColor ===  5) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#BDC700"); };
		if (randomColor ===  6) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#D79C58"); };
		if (randomColor ===  7) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#B5B7AA"); };
		
		if (randomColor ===  8) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#8FB7C9"); };
		if (randomColor ===  9) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#BDC700"); };
		if (randomColor === 10) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#D79C58"); };
		if (randomColor === 11) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#B5B7AA"); };
		
		if (randomColor === 12) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#8FB7C9"); };
		if (randomColor === 13) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#BDC700"); };
		if (randomColor === 14) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#CE7813"); };
		if (randomColor === 15) { $('.submenuepunkt:eq('+ i +')').css("backgroundColor", "#B5B7AA"); };
	
	};
	
});