$(function(){
	/* Puffslidern på startsidan */
	$('ul.navigation').children('li:first-child').addClass('firstChild');
	$('ul.navigation').children('li:last-child').addClass('lastChild');
	
	$('#below-header-container').append('<div class="imageslider second-image"></div>');
	$('#below-header-container').append('<div class="imageslider third-image"></div>');


	
	var myTimer = {};
	$('.second-image').hide();
	$('.third-image').hide();

	slideShow(5000);
	function slideShow(myTime){
		if(myTime == -1)
			return false;
		myTimer = $.timer(myTime,function(){
			slideShowAuto();
			if(myTime > -1)
				slideShow(myTime);
		});
	}
	
	//Funktion som blir kallad och tittar var aktiv klassen finns, allt efter byter den bild och klass mellan olika slides
	function slideShowAuto(){
		if($('.first-image').hasClass('aktiv')) {
			$('.first-image').stop().removeClass('aktiv');
			$('.second-image').stop().addClass('aktiv');
			$('.third-image').stop().removeClass('aktiv');
			$('.first-image').hide();
			$('.second-image').stop().fadeIn(2000);
			$('.third-image').hide();
		}
		else if($('.second-image').hasClass('aktiv')) {
			$('.first-image').stop().removeClass('aktiv');
			$('.second-image').stop().removeClass('aktiv');
			$('.third-image').stop().addClass('aktiv');
			$('.first-image').hide();
			$('.second-image').hide();
			$('.third-image').stop().fadeIn(2000);
		}
		else if($('.third-image').hasClass('aktiv')) {
			$('.first-image').stop().addClass('aktiv');
			$('.second-image').stop().removeClass('aktiv');
			$('.third-image').stop().removeClass('aktiv');
			$('.first-image').stop().fadeIn(2000);
			$('.second-image').hide();
			$('.third-image').hide();
		}
	}
	
	$("#infobox > div").css("display", "none"); 
	
	$('.more a').click(function() {
		this.blur();  
	});
	
	$(".more a").click(function(){
		$("#infobox").animate({top: '150px' }, 300).fadeIn();
		$("#fade_bg").fadeIn();
		return false;
	});
	
	if($('#interaktivbild-container').hasClass('rundtur-01')) {
	
		$("#symbol-1 a").click(function(){
			$("#symbol-1-info").show();
		});
	
		$("#symbol-2 a").click(function(){
			$("#symbol-2-info").show();
		});
	
		$("#symbol-3 a").click(function(){
			$("#symbol-3-info").show();
		});
	
		$("#symbol-4 a").click(function(){
			$("#symbol-4-info").show();
		});
	}
	
	else if($('#interaktivbild-container02').hasClass('rundtur-02')) {
	
		$("#interior-1 a").click(function(){
			$("#interior-1-info").show();
		});
	
		$("#interior-2 a").click(function(){
			$("#interior-2-info").show();
		});
	
		$("#interior-3 a").click(function(){
			$("#interior-3-info").show();
		});
	
		$("#interior-4 a").click(function(){
			$("#interior-4-info").show();
		});
	
		$("#interior-5 a").click(function(){
			$("#interior-5-info").show();
		});
	}
	
	else if($('#interaktivbild-container03').hasClass('rundtur-03')) {
	
		$("#symboler-1 a").click(function(){
			$("#symboler-1-info").show();
		});
	
		$("#symboler-2 a").click(function(){
			$("#symboler-2-info").show();
		});
	
		$("#symboler-3 a").click(function(){
			$("#symboler-3-info").show();
		});
	
		$("#symboler-4 a").click(function(){
			$("#symboler-4-info").show();
		});
	
		$("#symboler-5 a").click(function(){
			$("#symboler-5-info").show();
		});
	}
	
	
	
	
	//Remove background, info box and hide all descriptions
	$("#fade_bg, .close").click(function(){
		$("#fade_bg").fadeOut();
		$("#infobox").fadeOut().animate({top: '-150px' }, 300, function() {
			$('#infobox').css("display", "none");
			$('.info-popup').css("display", "none");
		});
		return false;
	});
});