var active;
$(document).ready(function(){
	$('#subnavigation a').mouseover(function(){
		if(!$(this).hasClass('active')){
			$(this).animate({opacity:1}, 500, 'linear');
		}
	});
	
	$('#subnavigation a').mouseout(function(){
		if(!$(this).hasClass('active')){
			$(this).animate({opacity:0.7}, 500, 'linear');
		}
	});
	
	$('#navigation a').mouseover(function(){
		id = this.id;
		id = id.split('-');
		id = parseInt(id[1]);

		switch(id){
			case 0:
				moveLeaf(-48);
				break;
			case 1:
				moveLeaf(25);
				break;
			case 2:
				moveLeaf(121);
				break;
			case 3:
				moveLeaf(234);
				break;
			case 4:
				moveLeaf(593);
				break;
			case 5:
				moveLeaf(685);
				break;
			case 6:
				moveLeaf(771);
				break;
			case 7:
				moveLeaf(881);
				break;					
		}
	});
	
	$('#banner').mouseover(function(){
		switch(active){
			case 0:
				moveLeaf(-48);
				break;
			case 1:
				moveLeaf(25);
				break;
			case 2:
				moveLeaf(121);
				break;
			case 3:
				moveLeaf(234);
				break;
			case 4:
				moveLeaf(593);
				break;
			case 5:
				moveLeaf(685);
				break;
			case 6:
				moveLeaf(771);
				break;
			case 7:
				moveLeaf(881);
				break;					
		}
	});
	
	function setLeaf(){
		for(i = 0; i <= 7; i++){
			if($('#nav-' + i).hasClass('active')){
				switch(i){
					case 0:
						offset = -48;
						active = 0;
						break;
					case 1:
						offset = 25;
						active = 1;
						break;
					case 2:
						offset = 121;
						active = 2;
						break;
					case 3:
						offset = 234;
						active = 3;
						break;
					case 4:
						offset = 593;
						active = 4;
						break;
					case 5:
						offset = 685;
						active = 5;
						break;
					case 6:
						offset = 771;
						active = 6;
						break;
					case 7:
						offset = 881;
						active = 7;
						break;	
				}
				
				$('#blatt').css('margin-left',offset+'px');
			}
		}
	}
	
	setLeaf();
	
	function moveLeaf(offset){
		$('#blatt').stop().animate({'margin-left':offset}, 500, 'easeInOutSine');	
	}
});