$(document).ready(function(){
	
	var config = {    
	  over: changeimghover,   
	  out: keepimg, 
	  timeout: 500, 
	  sensitivity: 10,
	  interval: 500   
	};

	$('a').hoverIntent(config);	
	
  	$('nav').fadeIn('slow');
  	$('#nav_arrows').fadeIn('slow');
  	$('#menushow').fadeOut('slow');

	
	$('#pijl_down').click(function() {
		if (!$('nav').is(":animated")) {
			var add = 36;
			var imgadd = 1;
			var oldposition = $('nav').position();
			if (oldposition.top <= 5) {
				return false;
			}
			var selection = eval($('#fullscreenbg').attr('rel')) - imgadd;
			$('#fullscreenbg').attr('rel', selection);
			var position = oldposition.top - add;
			changeimg(selection);
			$('nav').animate({
		    top: position
		  }, 1000, function() {
		  });
		}
	});
	
	$('#pijl_up').click(function() {
		if (!$('nav').is(":animated")) {
			var add = 36;
			var imgadd = 1;
			var oldposition = $('nav').position();
			if (oldposition.top >= 185) {
				return false;
			}
			var selection = imgadd + eval($('#fullscreenbg').attr('rel')) ;
			$('#fullscreenbg').attr('rel', selection);
			var position = add + oldposition.top;
			changeimg(selection);
			$('nav').animate({
		    top: position
		  }, 1000, function() {
		  });
		}
	});
	
});

function changeimg(selection){ 	
	$('#fullscreenbg').fadeOut('slow', function () {
		var loadedimg = $('#fullscreenbg').css('background-image','url("img/bg0' + selection + '.jpg")');
		$('#fullscreenbg').activity();
		if (loadedimg){
				$('#fullscreenbg').fadeIn('slow');
				$('#fullscreenbg').activity(false);
		};
  });
  return false;
}

function changeimghover(){ 	
	var img2 = $(this).attr('rel');
	var img = img2.substring(3,4);
	var bgimg = $('#fullscreenbg').attr('rel');
	if (img != bgimg){
		$('#fullscreenbg').fadeOut('slow', function () {
			var loadedimg = $('#fullscreenbg').css('background-image','url("img/bg0' + img + '.jpg")');
			if (loadedimg){
				$('#fullscreenbg').attr('rel', img);
				$('#fullscreenbg').fadeIn('slow');
				var position = 185 - (img * '36') + 36;
				$('nav').animate({
			    top: position
			  }, 500, function() {
			    // Animation complete.
			  });
			};
	  });
	}
	  return false;
}

function keepimg(){ return false; }