// JavaScript Document

  /////////////////////////////////////////////////////////////
 // GALLERY SCRIPT by Axel Schwarz ///////////////////////////
/////////////////////////////////////////////////////////////

// INITIALISIERUNG ///////////////////////////////////
var altesBild = 'leer';
var neuesBild = 'leer';
var startBild = 'leer';
var maxBild = 'leer';
var content = 'leer';
var indiStart = 98;
var galleryName = "";
var photoInfo = "";
var photos = new Array;


// 001 ///////////////////////////////////////////////
function openGallery(valueOne,valueTwo){
	
	// alert('openGallery()');
	
	galleryName = valueOne;
	photoInfo = valueTwo;
	
	urchinTracker('photos/'+galleryName);
	
	// Dimmer aktivieren
	document.getElementById('dimmer_images').style.display='block';
	
	// Extrahieren der Info ueber Format und Anzahl der Bilder aus dem Aufruf...
	photos = photoInfo.split('.');
	
	preLoad();
}

// 002 ///////////////////////////////////////////////
function preLoad(){
	
	// alert('preLoad()');
	
	preload_images = new Array();
	for (z = 1; z <= photos.length; z++){
		// Initialisierung fuer den IE
		preload_images[z] = new Image();
		preload_images[z].src = "/photos/"+galleryName+"_00"+z+".jpg";
	}
	
	window.setTimeout("buildGallery()", 400);
}

// 003 ///////////////////////////////////////////////
function buildGallery() {
	
	// alert('buldGallery()');

	var photoLink = "";
	for (z = 1; z <= photos.length; z++){
		photoLink += "<li><img id='bild"+z+"' src='/photos/"+galleryName+"_00"+z+".jpg' onmouseover='showControlls()' /></li>";
		// alert("photoLink: "+photoLink);
	}
	
	content = photoLink+"<li id='hideControlls'><a href='javascript:void(0)' onmouseover='hideControlls()'>Flaeche um den RollOut aus einem Bild abzufragen</a></li>";
	document.getElementById('images').innerHTML = content;
	
	for (k = 1; k <= photos.length; k++){
		if (photos[k-1] == 'h'){
			document.getElementById('bild'+k).style.marginLeft="80px";
		}
		else{
			document.getElementById('bild'+k).style.marginTop="80px";
		}
	}
	
	setControlls();
}


// 004 ///////////////////////////////////////////////
function setControlls() {
	
	if (photos.length <= 1) {
		controllType = 'controlls_min';
	}
	if (photos.length > 1) {
		controllType = 'controlls';
	}
	
	setBullets();	
}

// 005 ///////////////////////////////////////////////
function setBullets() {
	
	dynMargin = Math.floor(((100 - (photos.length * 20)) / photos.length)/2);
	
	var line = 	'';
	for (i = 1; i <= photos.length; i++) {
		line += "<li id='bull" + i + "'><a href='javascript:void(0)' onclick='switchImage(" + i + ");'>" + i + "</a></li>";
	}
	
	var zielObjekt = document.getElementById('bullets');
	zielObjekt.innerHTML = line;
	
	for (i = 1; i <= photos.length; i++) {
		document.getElementById('bull'+i).style.margin='0px '+ dynMargin +'px 0px '+ dynMargin +'px';
	}
	indiStart = 98 + dynMargin;
	
	placeIndicator(1);
	altesBild = 'leer';
	neuesBild= 'leer';
	showGallery(1);
}

// 006 ///////////////////////////////////////////////
function placeIndicator(bildNum) {
	document.getElementById('indicator').style.left=indiStart + ( (bildNum-1) * (20+(dynMargin*2)) ) + 'px';
}

function showGallery(startBild) {
	
	document.getElementById('bild'+startBild).style.visibility='visible';
	altesBild = startBild;
	
	document.getElementById('lightbox_images').style.display='block';
	hideControlls();
}

// CONTROLLS /////////////////////////////////////////
function switchImage (neuesBild) {
	if (neuesBild>photos.length){
		neuesBild=1;
	}
	if (neuesBild<1){
		neuesBild=photos.length;
	}
	
	document.getElementById('bild'+altesBild).style.visibility='hidden';
	document.getElementById('bild'+neuesBild).style.visibility='visible';
	// alert('Altes Bild: ' + altesBild + 'Neues Bild: ' + neuesBild);
	
	altesBild = neuesBild;
	placeIndicator(neuesBild);
}

function showControlls() {
	document.getElementById(controllType).style.visibility='visible';
	document.getElementById('hideControlls').style.visibility='visible';
}

function hideControlls() {
	document.getElementById(controllType).style.visibility='hidden';
	document.getElementById('hideControlls').style.visibility='hidden';
}

function closeGallery() {
	document.getElementById('lightbox_images').style.display='none';
	document.getElementById('dimmer_images').style.display='none';
	hideControlls('controlls_min');
	hideControlls('controlls');
}

  /////////////////////////////////////////////////////////////
 // GALLERY by Axel Schwarz //////////////////////////////////
/////////////////////////////////////////////////////////////

function includeGallery() {
	// LEUCHTKASTEN
	document.write("<div id='lightbox_images'>");
	document.write("<div id='gallery'>");
	// BILDER
	document.write("<ul id='images'>");
	document.write("<li>&nbsp;</li>");
	document.write("</ul>");
	// Ende BILDER
	// HIDE CONTROLLS Checker wird bei den Images eingefuegt!
	// CONTROLLS
	document.write("<div id='controlls'>");
	document.write("<div id='indicator'><b>&bull;</b></div>");
	document.write("<div id='buttons'>");
	document.write("<div id='previous'><a href='javascript:void(0)' onclick='switchImage(altesBild - 1)'>previous</a></div>");
	document.write("<div id='next'><a href='javascript:void(0)' onclick='switchImage(altesBild + 1)'>next</a></div>");
	document.write("<ul id='bullets'>");
	document.write("<li>&nbsp;</li>");
	document.write("</ul>");
	document.write("<div id='close'><a href='javascript:void(0)' onclick='closeGallery()'>close</a></div>");
	document.write("</div>");
	document.write("<div id='controllsBackground'>&nbsp;</div>");
	document.write("</div>");
	// Ende Controlls
	// Anfange CONTROLLS MINIMAL
	document.write("<div id='controlls_min'>");
	document.write("<div id='buttons_min'>");
	document.write("<div id='close_min'><a href='javascript:void(0)' onclick='closeGallery()'>close</a></div>");
	document.write("</div>");
	document.write("<div id='controllsBackground_min'>&nbsp;</div>");
	document.write("</div>");
	// Ende CONTROLLS MINIMAL
	document.write("</div>");
	// Ende GALLERY
	document.write("</div>");
	// Ende LEUCHKASTEN
	// Anfang ABDUNKLER
	document.write("<div id='dimmer_images'></div>");
	// Ende ABDUNKLER
}