// Elmar Hamelink //
// www.elmarhamelink //

$(document).ready(function() {
 		
 		//show the first image and add class (1)
		$('.imgFader1').show();
		$('#navFader1').addClass('navActive');
		
		//Make the loop
 		setInterval('rotate()',6000);

});
    
function rotate() {
    
    //count the posts
    var count=$('.imgWrapper > li').length;
    
    //get the active post
	var current	= $('.navActive').attr('id');
	if(current == undefined){ return false; }
	
	//get the id
	var currentIdNumber = current.substr(8,1);
	var newIdNumber = parseFloat(currentIdNumber);
	
	//next post id
	newIdNumber++;
	count++;
	
	//start over
	if(newIdNumber == count){newIdNumber = 1};
	
	//next post
	$('.navActive').removeClass('navActive');
	$('.imgFader'+currentIdNumber).fadeOut('slow');
	$('.imgFader'+newIdNumber).fadeIn('slow');
	$('#navFader'+newIdNumber).addClass('navActive');

};

$(document).ready(function(){	
	
	//hover post
	$('.navFader').hover(function () {
		
		//remove active class
		$('.navFader').removeClass('navActive'); 
		
		//get hover id
		var linkId 			= $(this).attr('id');
		var linkIdNumber 	= linkId.substr(8,1);
		
		//change the state
		$('.imgWrapper li').fadeOut('fast');
		$('.imgFader'+linkIdNumber).fadeIn('fast');
    
    }, function () {
    
    	//add the class
      	$(this).addClass('navActive');
  	
  	});

});