function trace(msg) {
	if (navigator.userAgent.indexOf('Safari') > -1) {
		//console.log(msg);
	}
}

$(document).ready(function() {
	
	//trace('ready');
	$("#title").text('');		
	$(".navArrow").mouseleave(function() {
		//trace($(this).attr('src'));
		$(this).attr("src", $(this).attr("src").replace(/_rot/, "_grau"));
	});
	$(".navArrow").mouseenter(function() {
		$(this).attr("src", $(this).attr("src").replace(/_grau/, "_rot"));
	});
	
	$(".navItem img").mouseenter(function() {
		if ($(this).parent().parent().hasClass("navItemActive") == true) { return; }
		hiliteMenuItem($(this), true);
	});
	$(".navItem img").mouseleave(function(){
		if ($(this).parent().parent().hasClass("navItemActive") == true) { return; }
		hiliteMenuItem($(this), false);
	});
	
	function hiliteMenuItem(img, bool) {
		var src = img.attr("src");
		var srcParts = src.split(".");
		srcParts.pop();
		var name = srcParts.join("")
		if (bool == true) {
			var name = name + "_rot.gif";
		} else {
			var name = name.replace(/_rot/, "") + ".gif";
		}
		//trace(name);
		img.attr({
			src: name
		});
	}
	
	if ($('#bigImage').length) {
	
		// preload the big images in the portfolio pages
	
		$(".thumb").each(function(){
			var pathToThumb = $(this).attr('src');
			var pathToThumbParts = pathToThumb.split(/\&|\?|\=/);
			var pathToBigImage = pathToThumbParts[2];
			//trace(pathToBigImage);
			//new Image(pathToBigImage);
			jQuery(document.createElement("img")).attr("src", pathToBigImage);
		});
	
		$(".thumb").mouseenter(function(){
			//trace($(this).attr('id'));
			var path = $(this).attr('id').replace(/\-/g, "/");
			var pathParts = path.split("/");
			var thumbName = pathParts.pop();
			var thumbNameParts = thumbName.split("/");
			var pathToImages = pathParts.join("/");
			$(".thumb").removeClass("hilited");
			$(this).addClass("hilited");
			$("#bigImage").attr({ 
			     src: pathToImages + "/" + thumbName,
			     alt: "image"
			 });
		});
	}
	
	if ($('#slideshow').length) {
	
	//$('body').append('<img class="preloadPix" style="display: none" src="' + imageArray[0].src + '" id="' + i + '"/>');
		
		preload(5);
	
		var imageArray = [];
		$('.slide').each(function(){
			//trace($(this).attr('href'));
			imageArray.push({src: $(this).attr('href')});
		});
		
		//$.makeArray($('.slide').attr('src'));
		trace(imageArray.length);
		
		$('#slideshow').wrap('<a href="?path=de/02_aktuell/01_home.markdown"></a>');
		
		$('#slideshow').crossSlide({
		  sleep: 1,
		  fade: 0.5
		}, imageArray);
	}
		
	
		
});

var firstStart = false;

var preloadedPix = [];
var lastPreloadingSlideID = 0;
var preloadBatchSIze = 5;

var currentSlideID = 0;
var showNextIntervalID = null;
var imageArray = [];
$('body').find('.slide').each(function(){
	//trace($(this).attr('href'));
	imageArray.push({src: $(this).attr('href')});
});

function preload(n) {
	//trace('preload ' + n);
	
	//trace(imageArray.length);
	// preloads the next n images
	for (var i = lastPreloadingSlideID; i < lastPreloadingSlideID + n; i++) {
		trace('loading ' + i + '' + ' of ' + (imageArray.length) + '... '); // + imageArray[i].src);
		if (imageArray[i] == undefined) { trace('nada'); return; }
		
		$('body').append('<img class="preloadPix" style="display: none" src="' + imageArray[i].src + '" id="' + i + '"/>');
	};

	lastPreloadingSlideID = lastPreloadingSlideID + n;

	$('.preloadPix').load(function() {
		var id = $(this).attr('id');
		//trace(id);
		preloadedPix.push(id);

		if (preloadedPix.length >= imageArray.length) {
			trace('all images haven been loaded.');
			return;
		}

		if (preloadedPix.length >= lastPreloadingSlideID) {
			trace('batch loaded');
			//preload(preloadBatchSIze);
			setTimeout(preload, 2000, preloadBatchSIze);
		}
	});
}