var classes;
	var classesNext;

$(document).ready(function(){

    //alert("he!");

	$("#rijkslogo").click(function(){
	  window.location=$(this).find("a").attr("href"); return false;	  
	});
	
	$(".NewsThumbNail").click(function(){
	  //alert("he!");
	  //$(this).attr("style","border:3px solid red;");	  	  
	  window.location=$(this).parent().find("a").attr("href"); return false;	  	  
	});

	classes = $('#headerImage').attr('class').split(/\s+/);
	$.each(classes, function(index, item){
		//alert(item);
		if (index < classes.length - 1) {
			$('#headerImage').removeClass(item);
		}
	});
	
	classesNext = $('#nextHeaderImage').attr('class').split(/\s+/);
	$.each(classesNext, function(index, item){
		//alert(item);
		if (index < classesNext.length - 1) {
			$('#nextHeaderImage').removeClass(item);
		}
	});	

    //alert($('#headerImage').attr("class"));
    //alert($('#nextHeaderImage').attr("class"));

	preloadFirstImages();
	setTimeout(classRotate, 10000);	

});

function addJavascript(jsname,pos) {
    var th = document.getElementsByTagName(pos)[0];
    var s = document.createElement('script');
    s.setAttribute('type','text/javascript');
    s.setAttribute('src',jsname);
    th.appendChild(s);
} 

function classRotate() 
{
	var next;
	var current;
	
	var nextBackground;
	var currentBackground;	
	
	//var y = classes.length;
	$.each(classes, function(index, item)
	{
			if ($("#headerImage").hasClass(item)) {
				
				var nextnumber = index;
				nextnumber = nextnumber - 1 < 0 ? classes.length : index; 
				
				next=classes[nextnumber - 1];
				current=item;
				//alert('hier ' + y);
				$("#headerImage").text("").append("<div class='" + classes[nextnumber - 2 < 0 ? classes.length : index - 2] + "'></div>");
			}			
	});
	
	$.each(classesNext, function(index, item)
	{
			if ($("#nextHeaderImage").hasClass(item)) {
				
				var nextnumber = index;
				nextnumber = nextnumber - 1 < 0 ? classesNext.length : index; 
				
				nextBackground=classesNext[nextnumber - 1];
				currentBackground=item;
				//alert('hier ' + y);
				$("#nextHeaderImage").text("").append("<div class='" + classesNext[nextnumber - 2 < 0 ? classesNext.length : index - 2] + "'></div>");
			}			
	});	
	
		
    if($('#nextHeaderImage').css("opacity") == "1"){
	    $("#headerImage").addClass(next);
	    $("#headerImage").removeClass(current);	
	    $('#nextHeaderImage').animate({
	        opacity: 0
	      }, 500, function() {
	          $("#nextHeaderImage").addClass(nextBackground);
	          $("#nextHeaderImage").removeClass(currentBackground);	    	  
	    });
	    $('#headerImage').animate({
	        opacity: 1
	      }, 500, function() {
	    });    
    }else{
	    $("#nextHeaderImage").addClass(nextBackground);
	    $("#nextHeaderImage").removeClass(currentBackground);	
	    $('#headerImage').animate({
	        opacity: 0
	      }, 500, function() {	      
	      $("#headerImage").addClass(next);
	      $("#headerImage").removeClass(current);    	  
	    });
	    $('#nextHeaderImage').animate({
	        opacity: 1
	      }, 500, function() {
	    });    
    }
    
	setTimeout(classRotate, 10000);
}

function preloadFirstImages() 
{
	var next;
	var current;
	
	var nextBackground;
	var currentBackground;	
	//var y = classes.length;
	$.each(classes, function(index, item)
	{
			if ($("#headerImage").hasClass(item)) {
				
				var nextnumber = index;
				nextnumber = nextnumber - 1 < 0 ? classes.length : index; 
				
				next=classes[nextnumber - 1];
				current=item;
				//alert('hier ' + (nextnumber - 1));
				//alert(classes[nextnumber - 1]);
				$("#headerImage").text("").append("<div class='" + classes[nextnumber - 1] + "'></div>");
			}
						
	});		
	
	$.each(classesNext, function(index, item)
	{
			if ($("#nextHeaderImage").hasClass(item)) {
				
				var nextnumber = index;
				nextnumber = nextnumber - 1 < 0 ? classesNext.length : index; 
				
				nextBackground=classesNext[nextnumber - 1];
				currentBackground=item;
				//alert('hier ' + (nextnumber - 1));
				//alert(classesNext[nextnumber - 1]);
				$("#nextHeaderImage").text("").append("<div class='" + classesNext[nextnumber - 1] + "'></div>");
			}
						
	});	
	
}