var preloadImg = new Image();
preloadImg.src = "http://www.aiasportkampen.nl/wp-content/themes/athletes_in_action/images/pictures_hover.png";

var prevVisualActive;
var visualActive;

var visualInterval;

var visualFadeTime = 1000;
var visualNextFadeTime = 3000;

function nextVisual() {
	prevVisualActive = visualActive;
	
	visualActive.fadeOut(visualFadeTime);
	visualActive = visualActive.parent().parent().next().find("img");
	if(visualActive.size() == 0) {
		visualActive = prevVisualActive.parent().parent().parent().next().find("img:first");
		if(visualActive.size() == 0) {
			visualActive = $("#visual .show img:first");
		}
		$("#headers li").removeClass("active");
		$("#headers li:eq(" + $("#visual ul").index(visualActive.parent().parent().parent()) + ")").addClass("active");
	}
	visualActive.fadeIn(visualFadeTime);
	
}
			
$(function () {

	var preloadBookmarks = new Array();
	var i = 0;
	$("#bookmarks > li > a > img").each(function() {
		
		preloadBookmarks[i] = new Image();
		preloadBookmarks[i].src = $(this).attr("src").replace(".png", "_hover.png");
		i++;
		
	});
	
	$("#bookmarks > li > a > img").hover(function() {
		
		$(this).attr("src", $(this).attr("src").replace(".png", "_hover.png"));
	
	}, function() {
		
		$(this).attr("src", $(this).attr("src").replace("_hover.png", ".png"));
	
	});
	
	$("#visual .show img:not(#visual .show img:first)").fadeOut(0).hide();
	visualActive = $("#visual .show img:first");
	visualInterval = setInterval("nextVisual();", visualNextFadeTime);
	
	$("#headers a").click(function() {
		
		if($(this).parent().attr("class") == "active") {
			prevVisualActive = visualActive;
			
			if(prevVisualActive.parent().parent().parent().find("img").size() != 1) {
			
				visualActive.fadeOut(visualFadeTime);
				visualActive = visualActive.parent().parent().next().find("img");
				if(visualActive.size() == 0) {
					visualActive = prevVisualActive.parent().parent().parent().find("img:first");
				}
				visualActive.fadeIn(visualFadeTime);
			
			}
		}
		else {
			$("#headers li").removeClass("active");
			$(this).parent().addClass("active");
			
					prevVisualActive = visualActive;
		
					visualActive.fadeOut(visualFadeTime);
					visualActive = $("#visual .show:eq(" + $("#headers a").index(this) + ") img:first");
					if(visualActive.size() == 0) {
						visualActive = prevVisualActive.parent().parent().parent().next().find("img:first");
						if(visualActive.size() == 0) {
							visualActive = $("#visual .show img:first");
						}
						$("#headers li").removeClass("active");
						$("#headers li:eq(" + $("#visual ul").index(visualActive.parent().parent().parent()) + ")").addClass("active");
					}
					visualActive.fadeIn(visualFadeTime);
		}
		
		clearInterval(visualInterval);
		visualInterval = setInterval("nextVisual();", visualNextFadeTime);
		
		return false;
		
	});
	
	$("#pictures").hover(function() {
		
		$(this).css("background", "none");
		$(this).html('<span style="bottom: -71px;"></span>');
		$(this).find("span").animate({bottom: 0}, 500);
		
	}, function() {
	
		$(this).find("span").animate({bottom: "-71px"}, 500, function() {
	
			$("#pictures").css("background", "url('http://www.aiasportkampen.nl/wp-content/themes/athletes_in_action/images/pictures.png') bottom no-repeat");
			$("#pictures").html('');
			
		});
		
	});
	
	$("#nav li").hover(function() {
	
	
		$(this).addClass("hover");
	
	}, function() {
	
		$(this).removeClass("hover");
	
	});
	
	
	$(".overzicht tr").hover(function() {
	
		$(this).addClass("hover");
	
	}, function() {
	
		$(this).removeClass("hover");
	
	});
	
});