var ek_images = new Array();

$(document).ready(function() {
	$("noscript").remove();
	
	$(".navigator").fadeTo(1000,1).fadeTo(300,0.2);
	$(".navigator").mouseenter(ek2_fadein_page);
	$(".navigator").mouseleave(ek2_fadeout_page);
	$(".navigator > a").click(ek2_hide);

	for (i=1;i<ek_images.length;i++) {
		var img = new Image();
		img.idx = i;
		$(img).hide().attr("id","album"+i).addClass("caching");
		$("#loading"+i+">a").append(img);
		$(img).bind("load",{idx: i},function(){
			var delayMultiplier = 0;
			$(this).removeClass("caching").addClass("cached");
			if ( $(".caching").get().length == 0 ) {
				$(".loading").each(function(){
					$(this).removeClass("loading").addClass("imgcontainer")
					.find(".cached").each(function(){
						$(this).mouseenter(ek2_fadein).mouseleave(ek2_fadeout).fadeIn(100*(delayMultiplier++)).fadeTo(500,0.5);
					});
				});
				$(".navigator").fadeTo(100,1).fadeTo(1000,0.5);
			}
		})
		.attr("src",ek_images[i]);
	}
	
	// Timeout, falls nicht alle Bilder (schnell genug) geladen werden
	setTimeout(function(){
		if ( $("img.caching").get().length ) {
			$("img.cached").fadeIn(300).fadeTo(1000,0.5).mouseenter(ek2_fadein).mouseleave(ek2_fadeout).parent().parent().removeClass("loading").addClass("imgcontainer");
			$("img.caching").unbind("load").load(function(){
				$(this).removeClass("caching").fadeIn(300).fadeTo(1000,0.5).mouseenter(ek2_fadein).mouseleave(ek2_fadeout);
			});
		}
	},5000);
});

function ek_loadimage($i, $src) {
	ek_images[$i] = $src;
}

function ek2_fadein() {
	if ( $(this).is(":animated") ) {
		$(this).stop().fadeTo(100,1);
	} else {
		$(this).fadeTo(100, 1);
	}
}

function ek2_fadein_page() {
	if ( $(this).is(":animated") ) {
		$(this).stop().fadeTo(100,1);
	} else {
		$(this).fadeTo(100, 1);
	}
}

function ek2_fadeout() {
	$(this).fadeTo("slow", 0.5);
}

function ek2_fadeout_page() {
	if ( $(this).is(":animated") ) {
		$(this).stop().fadeTo("slow",0.5);
	} else {
		$(this).fadeTo("slow", 0.5);
	}
}

function ek2_hide($object) {
	$(".album_link > img").unbind("mouseenter",ek2_fadein);
	$(".album_link > img").unbind("mouseleave",ek2_fadeout);
	$(".navigator").unbind("mouseenter",ek2_fadein_page);
	$(".navigator").unbind("mouseleave",ek2_fadeout_page);
	$x = $(this).attr("href");
	$(".album1").fadeTo(100, 0);
	$(".album2").fadeTo(200, 0);
	$(".album3").fadeTo(300, 0);
	$(".album4").fadeTo(400, 0);
	$(".album5").fadeTo(500, 0);
	$(".navigator").fadeTo(600,0, function(){document.location.href=$x;});
	return false;
}

