$(document).ready(function(){     
	
    jQuery('#navigation li.main').hover(

        function(){
			if(jQuery(this).hasClass("active") != true)	{
			
			jQuery.each(
				jQuery("#navigation li"),
				function(){
					if(jQuery(this).hasClass("active") == true){
							jQuery(this).addClass("act_active");
							//jQuery(this).removeClass("active");
						}
					}
							
			);			
		
            if (jQuery(this).is(':animated')) {
                jQuery(this).stop();
                jQuery(this).children().stop();
                moveUp(jQuery(this));
				addHover(jQuery(this));
            } else {
                moveUp(jQuery(this));
            }
		
        }},

        function(){
		    if(jQuery(this).hasClass("active") != true)	{			
				if (jQuery(this).is(':animated')) {
					jQuery(this).stop();
					jQuery(this).children().stop();
					moveDown(jQuery(this));
				} else {
					moveDown(jQuery(this));
				}
				
				jQuery.each(jQuery("#navigation li"),
						function(){
							if(jQuery(this).hasClass("act_active") == true){
								jQuery(this).removeClass("act_active");
								jQuery(this).addClass("active");
							}
						});
			}
        }

    );
	timeDelay(0);
	
	jQuery('#picture0').click(function(){
		count = 0;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture1').click(function(){
		count = 1;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture2').click(function(){
		count = 2;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture3').click(function(){
		count = 3;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture4').click(function(){
		count = 4;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture5').click(function(){
		count = 5;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture6').click(function(){
		count = 6;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture7').click(function(){
		count = 7;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture8').click(function(){
		count = 8;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture9').click(function(){
		count = 9;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture10').click(function(){
		count = 10;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
		jQuery('#picture11').click(function(){
		count = 11;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
	jQuery('#picture12').click(function(){
		count = 12;
		clicked = true;
		clearTimeout(t);
		timeDelay()
	});
		// jQuery('#picture13').click(function(){
		// count = 13;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture14').click(function(){
		// count = 14;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture15').click(function(){
		// count = 15;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture16').click(function(){
		// count = 16;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture17').click(function(){
		// count = 17;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture18').click(function(){
		// count = 18;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture19').click(function(){
		// count = 19;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture20').click(function(){
		// count = 20;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture21').click(function(){
		// count = 21;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture22').click(function(){
		// count = 22;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture23').click(function(){
		// count = 23;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	// jQuery('#picture24').click(function(){
		// count = 24;
		// clicked = true;
		// clearTimeout(t);
		// timeDelay()
	// });
	
	


});
var t = 0;
var start = 0;
var count = 0;
var lasti = 0;
var save = 0;
var clicked = false;
function timeDelay(){
	if(count==13){
		count = 0;
		//alert('da');
	}
	
	setActive(count++);
	
	
	if(count <= 13){

	 t = setTimeout("timeDelay()", 10000);
	 }
	}

function setActive(i){
	//alert(save);
	if(i==0){
		lasti = 12;
		
	}else{
	lasti = i-1;
	}
			jQuery('#picture'+lasti).empty();
			jQuery('#picture'+lasti).append('<img src=\'/fileadmin/templates/images/startseite/image_notactive.gif\' />');

            jQuery('#picture'+i).empty();
			jQuery('#picture'+i).append('<img src=\'/fileadmin/templates/images/startseite/image_active.gif\' />');
			
			if(save!=0 || clicked){
			jQuery('#picture'+save).empty();
			jQuery('#picture'+save).append('<img src=\'/fileadmin/templates/images/startseite/image_notactive.gif\' />');
			}
			save = i;
	
}


function moveUp (current) {
	
	jQuery(current).css({'position':'relative'});
    jQuery(current).animate({backgroundPosition: "0px -100px", height: "120px", top: "-45px"},"slow" );
    jQuery(current).children().animate({'paddingTop':'12px'}, "slow");
}
function moveDown (current) {
	
	jQuery(current).css({'position':'relative'});
	jQuery(current).animate({backgroundPosition: "0px 0px", height: "75px", top: "0"},"slow" );
	jQuery(current).children().animate({'paddingTop':'50px'}, "slow");	
}