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

var prevVisualActive;
var visualActive;

var visualInterval;

var visualFadeTime = 1000;
var visualNextFadeTime = 6000;

function handPrev() {
	clearInterval(visualInterval);
	visualInterval = setInterval("nextVisual();", visualNextFadeTime);
    prevVisual();
}

function handNext() {
	clearInterval(visualInterval);
	visualInterval = setInterval("nextVisual();", visualNextFadeTime);
    nextVisual();
}

function prevVisual() {
	prevVisualActive = visualActive;

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

}

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);
	
	$("#visual").prepend('<span id="arrows"><a id="left_arrow" title="Previous"></a><a id="right_arrow" title="Next"></a></span>');
	$("#left_arrow").click(handPrev);
	$("#right_arrow").click(handNext);
	
	/* $("#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.athletesinaction.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");
	
	});

	jQuery(function(){

				jQuery.fn.getTitle = function() {
			var arr = jQuery("a.fancybox");
			jQuery.each(arr, function() {
				var title = jQuery(this).children("img").attr("title");
				jQuery(this).attr('title',title);
			})
		}

		// Supported file extensions
		var thumbnails = 'a:has(img)[href$=".bmp"],a:has(img)[href$=".gif"],a:has(img)[href$=".jpg"],a:has(img)[href$=".jpeg"],a:has(img)[href$=".png"],a:has(img)[href$=".BMP"],a:has(img)[href$=".GIF"],a:has(img)[href$=".JPG"],a:has(img)[href$=".JPEG"],a:has(img)[href$=".PNG"]';

	
		jQuery(thumbnails).addClass("fancybox").attr("rel","fancybox").getTitle();

			jQuery("a.fancybox").fancybox({
			'titlePosition'  : 'over',
			'imageScale': true,
			'padding': 10,
			'overlayShow': true,
			'overlayColor': "#666666",
			'overlayOpacity': 0.3,
			'enableEscapeButton': true,
			'showCloseButton': true,
			'hideOnOverlayClick': true,
			'hideOnContentClick': false,
			'frameWidth':  560,
			'frameHeight':  340,
			'callbackOnStart': null,
			'callbackOnShow': null,
			'callbackOnClose': null,
			'centerOnScroll': true
		});

})
	
});