var Images = new Array();
Images['1'] = "Viele Fische tummeln sich an diesem Riff.";
Images['2'] = "Hier treiben sich viele Bunte Fische sowie ein Wurm am Riff herum.";
Images['3'] = "Eine Muschel inmitten der Korallen";
Images['4'] = "Hier tummeln sich die Fische zwischen den verschiedensten Arten von Korallen herum. Im Vordergrund schwimmt ein Haremsfahnenbarsch seines Weges.";
Images['5'] = "Diese Fischart treibt sich am Boden herum und durchsucht den Sandgrund nach kleinen Würmern und ähnlichen Beutetieren.";
Images['6'] = "Der Fisch erhielt seinen Namen aufgrund der langgezogenen im Querschnitt nahezu kreisrunden Form.";
Images['7'] = "Hier treibt sich ein Kaiserfisch in einem kleinen Korallenstock herum.";
Images['8'] = "Ein kleiner Korallenstock am Meeresgrund.";
Images['9'] = "Die zwei Kaiserfische treiben sich in diesem kleinen Korallenstock auf der Suche nach Fressbarem herum.";
Images['10'] = "An diesem Riffblock wohnen zwei schöne Miesmuscheln zwischen den Korallen.";
Images['11'] = "Hier finden sich mehere über eine große Fläche verstreute Korallenstöcke. Von ganz kleinen bis hin zu schon recht Impossanten.";
Images['12'] = "Was erkennst du auf diesem Bild??";
Images['13'] = "Die nächste Riesenmuschel die die Geselschaft der Korallen gesucht hat.";
Images['14'] = "Dieser Riffblock ist von Korallen übersät.";
Images['15'] = "Ein Fischschwarm über einem Riffblock.";
Images['16'] = "Ein kleiner Korallengarten";
Images['17'] = "An diesem Riff stoßt man auf die verschiedensten Korallenarten.";
Images['18'] = "Ein Blaupunktrochen zieht über diesem Korallengarten seine Runden";
Images['19'] = "Ein ausgewachsener Baracuda der uns sehr neugierig, aber in sicherer Entfernung ein schönes Stück weit begleitete.";
Images['20'] = "Findest du die beiden Fische auf diesem Foto?";
Images['21'] = "Eine Sammlung vieler verschiedener bunter Korallen.";
Images['22'] = "Hier schwimmt ein Torpedorochen seines Weges.";
Images['23'] = "Hier findet sich ein Fisch beim Anknabbern einer Koralle... sie scheint zu munden...";
Images['24'] = "Hier trafen wir auf einen Schwarm junger Baracudas.";
Images['25'] = "Hier kreuzte eine Fischschule unseren Weg (oder wir den ihren???)";
Images['26'] = "Ein weiterer Korallengarten";
Images['27'] = "Der kleine Fisch ruht sich unter einer Koralle auf diesem kleinen Felsblock aus.";
Images['28'] = "In diesem Korallenstock haben sich mehrere Korallen zu einem scheinbaren ganzen verbunden.";
Images['29'] = "Ein schönes Exemplar einer Fächerkoralle.";
Images['30'] = "Dieser Kofferfisch ruht sich am Meeresboden aus.";
Images['31'] = "Dieser Lippfisch versucht (vergeblich) sich in einer Riffspalte zu verstecken";
Images['32'] = "Ein schöner Brocken von einem Seestern";
Images['33'] = "Ein weiteres schönes Exemplar einer Fächerkoralle in einem Korallengarten.";
Images['34'] = "Ein skuril wirkender Korallenblock mit einigen verschiedenen Korallen, die hier zusammen leben.";
Images['35'] = "Erkennst du die Riesenmuräne unter dem Stein?";
Images['36'] = "Ein weiterer bunter Korallenstock";
Images['37'] = "Und noch ein Korallenstock...";
Images['38'] = "Ein weiterer wunderschöner Korallengarten.";
Images['39'] = "Diese Riesenmuschel scheint sich zwischen den Korallen wohl zu fühlen.";

var fps = 25;
var fade_time = 1; //in Sekunden
var zoom_time = 1; //in Sekunden
var photo = new Image();

var window_heigt = 0;
var window_width = 0;

if (navigator.appName == "Microsoft Internet Explorer")
{
	window_height = document.documentElement.clientHeight;
	window_width = document.documentElement.clientWidth;
}
else
{
	window_height = window.innerHeight;
	window_width = window.innerWidth;
}

function open_photo (cat, id)
{
	fade ("photo_viewer", "in");
	show_photo (cat, id);
}

function change_photo (cat, id)
{
	fade ("photo_viewer", "out");
	zoom (document.getElementById("photo_viewer").height, document.getElementById("photo_viewer").width, 20, 20);
	setTimeout('document.getElementById("photo_desc").innerHTML = "wird geladen..."; document.getElementById("photo_viewer").src = "imgs/symbols/loading.gif";', fade_time * 1000 + 10);
	setTimeout('fade ("photo_viewer", "in");', fade_time * 1000 + 1000/25);
	setTimeout("show_photo ('" + cat + "', '" + id + "');", fade_time * 1000 + 1000/25*3);
}

function show_photo (cat, id)
{
	document.getElementById("view_photo_container").style.top = (window_height - 95) / 2 + "px";
	document.getElementById("view_photo_container").style.visibility = "visible";
	
	if ( typeof(Images[id-1]) != "undefined" )
	{
		document.getElementById("prev_img").onclick = function() { change_photo( cat, (parseInt(id)-1) ); }
		document.getElementById("prev_img").style.visibility = "visible";
	}
	else
		document.getElementById("prev_img").style.visibility = "hidden";
	
	if ( typeof(Images[parseInt(id) + 1]) != "undefined" )
	{
		document.getElementById("next_img").onclick = function() { change_photo( cat, (parseInt(id)+1) ); }
		document.getElementById("next_img").style.visibility = "visible";
	}
	else
		document.getElementById("next_img").style.visibility = "hidden";
		
	document.getElementById("zoom_img").onclick = function() { zoom_photo( cat, (parseInt(id)) ); }

	if (document.getElementById("view_photo_container").style.opacity == 0 || document.getElementById("view_photo_container").style.filter == 'alpha(opacity=0)')
	{
		fade ("view_photo_container", "in");
	}

	photo = new Image();
	photo.src = "gallery.php?action=get&cat=" + cat + "&id=" + id;
	setTimeout ('load_photo(' + id + ');', 1000 * fade_time + 10);
}

function load_photo (id)
{
	if ( photo.complete ) {
		document.getElementById("photo_desc").innerHTML = Images[id];
		var img_height = 0;
		var img_width = 0;
		(photo.height > (window_height - 75) ) ? img_height = (window_height - 75) : img_height = photo.height;
		(photo.width > (window_width - 100) ) ? img_width = (window_width - 100) : img_width = photo.width;

		fade ("photo_viewer", "out");
		setTimeout ( 'document.getElementById("photo_viewer").src = photo.src; document.getElementById("photo_viewer").style.height = "20px"; document.getElementById("photo_viewer").style.width = "20px";', fade_time * 1000 + 10);
		setTimeout ( 'zoom (' + document.getElementById("photo_viewer").height + ', ' + document.getElementById("photo_viewer").width + ', ' + img_height + ', ' + img_width + ');', fade_time * 1000);
		setTimeout('fade ("photo_viewer", "in");', fade_time * 1000 + 500);
	}
	else
		setTimeout ( "load_photo(" + id + ");", 250);
}

function hide_photo ()
{
	fade ("view_photo_container", "out");
	fade ("photo_viewer", "out");
	zoom (document.getElementById("photo_viewer").height, document.getElementById("photo_viewer").width, 20, 20);
	setTimeout("close_photo ();", 1000 * fade_time + 10);
}

function close_photo ()
{
	document.getElementById("view_photo_container").style.visibility = "hidden";
	document.getElementById("prev_img").style.visibility = "hidden";
	document.getElementById("next_img").style.visibility = "hidden";
	document.getElementById("photo_desc").innerHTML = "wird geladen...";
	document.getElementById("photo_viewer").src = "imgs/symbols/loading.gif";
}

function fade (id, dir, step)
{
	var time = fade_time;
	var steps = fps * time;
	var opacity_step = 100 / steps;
	if (!step)
	{
		if ( dir == "in" ) var step=1;
		if ( dir == "out" ) var step=steps;
	}
	
	document.getElementById(id).style.opacity = step*opacity_step / 100;
	document.getElementById(id).style.filter = "alpha(opacity=" + step*opacity_step + ")";

	if ( dir == "in" )
	{
		step ++;
		if (step <= steps) { setTimeout("fade ('" + id + "', '" + dir + "', " + step + ")", 1000/fps);}
	}
	if ( dir == "out" )
	{
		step --;
		if (step > 0) { setTimeout("fade ('" + id + "', '" + dir + "', " + step + ")", 1000/fps);}
		else
		{
			document.getElementById(id).style.opacity = 0;
			document.getElementById(id).style.filter = 'alpha(opacity="0")';
		}
	}

}

function zoom (from_height, from_width, to_height, to_width, step)
{
	var time = fade_time;
	var steps = fps * time;
	if (!step) step = 1;

	var step_height = Math.ceil( (to_height - from_height) / steps * step ) + from_height;
	var step_width = Math.ceil( (to_width - from_width) / steps * step ) + from_width;

	document.getElementById("photo_viewer").style.height = step_height + "px";
	document.getElementById("photo_viewer").style.width = step_width + "px";
	document.getElementById("photo_frame").style.height = step_height + 75 + "px";
	document.getElementById("photo_frame").style.width = step_width + 50 + "px";
	document.getElementById("view_photo_container").style.top = (window_height - step_height - 75) / 2 + "px";
	
	step ++;
	if (step <= steps)
		setTimeout ("zoom(" + from_height + ", " + from_width + ", " + to_height + ", " + to_width + ", " + step + ");", 1000/fps);
}

function zoom_photo (cat, id)
{
	window.open("./gallery.php?action=get_full&cat=" + cat + "&id=" + id);
}

function write_slide_show_comment (cat, a)
{
	var XMLHTTP = null;
	if (window.XMLHttpRequest) {
		XMLHTTP = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		try {
			XMLHTTP =
				new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (ex) {
			try {
				XMLHTTP =
					new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (ex) {
			}
		}
	}
	
	//Kommentar ermitteln
	XMLHTTP.open("GET", 'gallery.php?action=get_comment&cat=' + cat + '&id=' + a, true);
	XMLHTTP.onreadystatechange = function() {
		if(XMLHTTP.readyState == 4 && XMLHTTP.status == 200) {
			document.getElementById("slideshow_desc").innerHTML = XMLHTTP.responseText;
		}
	}
	XMLHTTP.send(null);
}

function write_slide_show_link (cat, a, page)
{
	var XMLHTTP = null;
	if (window.XMLHttpRequest) {
		XMLHTTP = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		try {
			XMLHTTP =
				new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (ex) {
			try {
				XMLHTTP =
					new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (ex) {
			}
		}
	}
	
	//Seiten-ID ermitteln
	XMLHTTP.open("GET", 'gallery.php?action=get_page&cat=' + cat + '&id=' + a, true);
	XMLHTTP.onreadystatechange = function() {
		if(XMLHTTP.readyState == 4 && XMLHTTP.status == 200) {
			document.getElementById("slideshow_link").href = page + XMLHTTP.responseText;
		}
	}
	XMLHTTP.send(null);
}

function slide_show_next ()
{
	var cat = '';
	var id = 0;
	var page = '';
	var a = Math.floor(Math.random()*4);
	
	switch (a)
	{
	case 0:
	case 1:
		cat = 't';
		a= Math.ceil(Math.random()*3200);
		page = 'travel.php?id=';
		break;
	case 2:
		cat = 'w';
		a= Math.ceil(Math.random()*400);
		page = 'trekking.php?id=';
		break;
	case 3:
		cat = 'd';
		a= Math.ceil(Math.random()*39);
		page = 'diving.php?id=';
		break;
	}
	
	document.getElementById("slideshow_img").src = "gallery.php?action=preview&cat=" + cat + "&id=" + a;
	write_slide_show_comment (cat, a);
	write_slide_show_link (cat, a, page);
}