$(document).ready(function(){							
       $('.pager').each(function(){

      var pager = $(this).attr("title");							 
	  var pagerbox = $(this);
	  
          $(this).click(function(){
		

		   $(".pager").removeClass('pagerhover');
		   $(this).addClass('pagerhover');
		
	    $.ajax({
			type : 'POST',
			url : 'http://www.stw.be/ajax_website_functions.php',
			dataType : 'json',
			data: {
				pager : pager
			},
			success : function(data){
			
			// alle nieuwsboxen verwijderen
			$('.newsitems').children().remove();
			
			counter = 20;
			$.each(data.title,function( intIndex, objValue ){
				$('.newsitems').append("<div class='cornerbox'>"+
									   "<div class='datum'>"+data.date[intIndex] +"</div>"+ 
									   "<div class='onderwerp black'> <a href='#newsfacebox_"+counter+"' rel='facebox'> "+data.title[intIndex]+" </a></div>"+
									    "<div id='newsfacebox_"+counter+"' class='newsfacebox' style='display:none;'>"+
										"<div class='title'>"+data.longtitle[intIndex]+"</div>"+ 
									     "<div class='story'>"+data.story[intIndex]+"<br /> <br />"+data.fullstory[intIndex]+"</div>"+
										 "</div> </div>");
				counter++;
            });			
			
		    $('a[rel*=facebox]').facebox();
							 
			},
			error : function(XMLHttpRequest, textStatus, errorThrown) {
				
			}
		});
		return false;
          });
	   
	   });    
	   

/*
$(".pager").hover(function() {
			$(this).addClass('pagerhover');
	}, function() {
            $(this).removeClass('pagerhover');
	});

*/

	  
});