$(document).ready(function(){
	// bildspelets meny
	$("#navbilder li").hover(function(){
	
		var showDIV = this.id;
		var thisDIV;
		
		if(showDIV == 1){
			if($('#info1').css('display') == "none"){
				$('#info1').removeClass('inactive').addClass('active');
			}
			
			$('#wrap_inforuta').stop().animate({
				left: '0'
			}, 1000);

			$('#info2').removeClass('active').addClass('inactive');
			$('#info3').removeClass('active').addClass('inactive');
			$('#info4').removeClass('active').addClass('inactive');
			$('#info5').removeClass('active').addClass('inactive');
		}else if(showDIV == 2){
			if($('#info2').css('display') == "none"){
				$('#info2').removeClass('inactive').addClass('active');
			}
			
			$('#wrap_inforuta').stop().animate({
				left: '183px'
			}, 1000);

			$('#info1').removeClass('active').addClass('inactive');
			$('#info3').removeClass('active').addClass('inactive');
			$('#info4').removeClass('active').addClass('inactive');
			$('#info5').removeClass('active').addClass('inactive');
		}else if(showDIV == 3){
			if($('#info3').css('display') == "none"){
				$('#info3').removeClass('inactive').addClass('active');
			}
			
			$('#wrap_inforuta').stop().animate({
				left: '367px'
			}, 1000);

			$('#info1').removeClass('active').addClass('inactive');
			$('#info2').removeClass('active').addClass('inactive');
			$('#info4').removeClass('active').addClass('inactive');
			$('#info5').removeClass('active').addClass('inactive');
		}else if(showDIV == 4){
			if($('#info4').css('display') == "none"){
				$('#info4').removeClass('inactive').addClass('active');
			}
			
			$('#wrap_inforuta').stop().animate({
				left: '550px'
			}, 1000);

			$('#info1').removeClass('active').addClass('inactive');
			$('#info2').removeClass('active').addClass('inactive');
			$('#info3').removeClass('active').addClass('inactive');
			$('#info5').removeClass('active').addClass('inactive');
		}else if(showDIV == 5){
			if($('#info5').css('display') == "none"){
				$('#info5').removeClass('inactive').addClass('active');
			}
			
			$('#wrap_inforuta').stop().animate({
				left: '734px'
			}, 1000);

			$('#info1').removeClass('active').addClass('inactive');
			$('#info2').removeClass('active').addClass('inactive');
			$('#info3').removeClass('active').addClass('inactive');
			$('#info4').removeClass('active').addClass('inactive');
		}
	});
	
	
	// själva bildspelet
	$('#huvudbilder').innerfade({
		speed: 1500,
		timeout: 5500,
		type: 'sequence',
		containerheight: '220px'
	});
});