$(document).ready(function(){


	/*	###################	Navi			######################	*/
	var navipunkte		= $('#referenzen ul li a');
	
	navipunkte.each(function(num){
		$(this).click(function(){
			
			// Animate
			var margin = num * 479;
			margin = '-' + margin + 'px';
			$('#referenzen .all .wrapper').animate({marginLeft:margin},'slow');
			
			// Buttons
			
			navipunkte.css('background-position', 'left top');
			navipunkte.css('font-weight', 'normal');
			navipunkte.css('color', '#002346');
			
			navipunkte.removeClass('active');
			$(this).addClass('active');
			
			
			$(this).css('background-position', '0 -25px');
			$(this).css('font-weight', 'bold');
			$(this).css('color', '#FFFFFF');
			
			
			
		});
	});
	
	// Zusatztext fade {
		var zusatzTexte	= $('#referenzen div.text');
		var callback	= 1;
		//zusatzTexte.css('margin-bottom', '-56px');
		
		zusatzTexte.wait(3000).animate({marginBottom:'-56px'},500,function(){
			callback = 1;
		});
		
		$('#referenzen').hover(function(){
			if(callback == 1){
				zusatzTexte.animate({marginBottom:'0px'},500, function(){
				
				});
			}
		},function(){
			if(callback == 1) {
				zusatzTexte.wait(500).animate({marginBottom:'-56px'},500, function(){
				});
			}
			
		});
		
	if($.browser.msie) {
		if($.browser.version <= 6) {
			$('#robot').css('top', '52px');
			$('#referenzen').css('top', '296px');
		} else {
			$('#robot').css('top', '52px');
			$('#referenzen').css('top', '296px');
		}
	}

});