var headerSlideshowGo = true;
var headerSlideshowTijd = 8000;
var headerSlideshowNext = 1;
var headerSlideshowLimit = 3;
var templateIsOpen = false;

function headerChangeBackground(header) {
	$('.rondje').removeClass('active');
	
	
	if($('#header').css('backgroundImage') == "" || $('#header').css('backgroundImage') == "none") {
		$('#header').css('background','url(/img/headers/'+ header +'.jpg)');
		$('#header-slide').css('background','url(/img/headers/'+ header +'.jpg)');
		$('#'+header).addClass('active');
	}
	else {
		$('#header-slide').animate({opacity: 1}, 0)
		$('#header').css('background','url(/img/headers/'+ header +'.jpg)');
		
		$('#header-slide').animate({opacity: 0}, 1000);
		$('#header').animate({opacity: 1}, 1000);
		
		
		setTimeout(function(){
			$('#header-slide').animate({opacity: 1}, 0);
			$('#header-slide').css('background','url(/img/headers/'+ header +'.jpg)');
			$('#'+header).addClass('active');
		}, 1000);
	}
	
	
}

function headerSlide() {	
	if(headerSlideshowGo == true) {
		var header = "header"+headerSlideshowNext;
		
		headerChangeBackground(header);
		
		headerSlideshowNext++;
		if(headerSlideshowNext == (headerSlideshowLimit + 1)) {
			headerSlideshowNext = 1;
		}
		setTimeout("headerSlide()", headerSlideshowTijd);
	}
}

function setSessionType(type,id) {
	$.ajax({ 
	   type: "POST", 
	   url: "/tosession.php", 
	   data: "action=template_type&type="+type, 
	   success: function(msg){ 
			window.location.href = "/?item="+id;
	   } 
	 });
}

function openTemplate(type,thisa,id) {	
	if(templateIsOpen == false) {
		templateIsOpen = true;
		
		$(thisa).css('color','#1a3f6c');
		$(thisa).css('font-weight','bold');
		
		$.get('index.php?template_contents=1&item='+id,  function(data) {
			var templateContent = data;
			
			$("#intro-bg-lowers").slideUp(2000, function() {
			
					$("#intro-bg-lowers").html("");
					$("#intro-bg-lowers").css("background","");
					
					
					$('#intro-bg-lowers').html(templateContent);
					$('#intro-bg-lowers').css('height',($('#main-container').height() - 197+'px'));
					$('#main-container').css('margin-top','-197px');
					//$('body').load('index.php', {template_contents: 1}, function() {
					$('#main-container').css('display','block');
						//$("#main-container").slideUp(0);
						$("#intro-bg-lowers").slideDown(2000, function() {
							setSessionType(type,id);
						});
					//});
			});
		});
	}
	
}

function changeTemplate(type,id) {
	setSessionType(type,id);
}

$(document).ready(function(){

	$('.rondje').click(function() {
		headerSlideshowGo = false;
	
		var header = $(this).attr('id');
		headerChangeBackground(header);
	});
	
	headerSlide();
	
});