// ATO interactive GmbH
// www.ato.de

/* **************************************
*  Definitionen, Initialisierung        *
*************************************** */

var ns = (document.layers)? true:false;
var ie = (document.all)? true:false;

// Var zum Speichern des aktuellen Bildindex
var currentImageIndex = 0;

// Array für Slideshow-Bilder	
var slideshow = new Array;

slideshow[0]  = "/fileadmin/templates/img/screenshots/eingangsscreen.jpg";
slideshow[1]  = "/fileadmin/templates/img/screenshots/herzlich_willkommen.jpg";
slideshow[2]  = "/fileadmin/templates/img/screenshots/1_hse_politik.jpg";
slideshow[3]  = "/fileadmin/templates/img/screenshots/3_standort_mittelsbueren.jpg";
slideshow[4]  = "/fileadmin/templates/img/screenshots/4_anmeld_werkschutz.jpg";
slideshow[5]  = "/fileadmin/templates/img/screenshots/5_1_gichtgas.jpg";
slideshow[6]  = "/fileadmin/templates/img/screenshots/5_3_notruf_erste-hilfe.jpg";
slideshow[7]  = "/fileadmin/templates/img/screenshots/fragenkatalog.jpg"
slideshow[8]  = "/fileadmin/templates/img/screenshots/zertifikat.jpg"
slideshow[9]  = "/fileadmin/templates/img/screenshots/standortinfos.jpg"
slideshow[10] = "/fileadmin/templates/img/screenshots/dokumente.jpg"
slideshow[11] = "/fileadmin/templates/img/screenshots/admin.gif"

// Größe des Arrays speichern
var arrayLength = slideshow.length;



/* **************************************
*  Funktionen                           *
*************************************** */


// Initialisierung beim Laden der Seite
function init_page()
{
	set_btn_navi();
	initImage(); 
	set_linkstyle('slideshowlink-1', 'page-navi slideshow-pagenavi', 'green_inverted'); 
	change_description('slideshow-content-1', 'slideshow-content-hidden', 'slideshow-content');
}

function set_btn_navi()
{
	// auszublendende Elemente sind die umgebenden <li> (IE6 Anti-Flicker-workaround)
	btnBack    = document.getElementById('btn-back-container');	
	btnForward = document.getElementById('btn-forward-container');

	//alert(btnBack.style.display);
	// Zurück-Button aus- bzw. einblenden
	if (currentImageIndex == 0) {
		btnBack.style.visibility = 'hidden';
	} else {
		if (btnBack.style.visibility == 'hidden') {
			btnBack.style.visibility = 'visible';
		}
	}

	// Weiter-Button aus- bzw. einblenden	
	if (currentImageIndex == arrayLength-1) {
		btnForward.style.visibility = 'hidden';
	} else {
		if (btnForward.style.visibility == 'hidden') {
			btnForward.style.visibility = 'visible';
		}
	}
}

/* Vorbereitung für Image-Fade, s. http://clagnut.com/sandbox/imagefades/ */

//document.write("<style type='text/css'>#img_slideshow {visibility:hidden;}</style>");

function initImage() {
	imageId = 'img-slideshow';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId, 0);
}

function set_linkstyle(linkID, styleNrm, styleHlt)
{
	var compareString = /slideshowlink*/;
	for (var i = 0; i < document.getElementsByTagName("a").length; i++) {
		var compareID = document.getElementsByTagName("a")[i].id;
		if (compareString.exec(compareID)) {
			document.getElementsByTagName("a")[i].className = styleNrm;
		}
	}
	elClassName = document.getElementById(linkID).className;
	document.getElementById(linkID).className = elClassName + ' ' + styleHlt;
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 20);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100) ? 99.999 : opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}

//window.onload = function() { initImage(); set_linkstyle('slideshowlink_1', 'page_navi slideshow_pagenavi', 'bold_red') }





// Bildwechsler
function change_pic(imageID, imageIndex, dir) {

	// vorheriges Bild in den Hintergrund setzen
	document.getElementById('slideshow-frame').style.backgroundImage = "url(" + slideshow[currentImageIndex] + ")"; 
	
	if(dir) {
		if (dir == "prev") {
			imageIndex--;
			if (imageIndex < 0) { imageIndex = arrayLength - (Math.abs(imageIndex) % arrayLength); }
			imageIndex =  Math.abs(imageIndex) % arrayLength;
		} else if (dir == "next") {
			imageIndex++;
			imageIndex = imageIndex % arrayLength;
		}
	}
	
	document.images[imageID].src = slideshow[imageIndex];
	fadeIn(imageID, 0);
	currentImageIndex = imageIndex;
}

function next_pic(imageID) {
	/*currentImageIndex++;
	currentImageIndex = currentImageIndex % arrayLength;*/
	change_pic(imageID, currentImageIndex, "next");
	linkID = currentImageIndex + 1;
	set_linkstyle("slideshowlink-"+linkID, 'page-navi slideshow-pagenavi', 'green_inverted');
	change_description("slideshow-content-"+linkID, 'slideshow-content-hidden', 'slideshow-content');
	set_btn_navi();
}

function previous_pic(imageID) {
	/*currentImageIndex--;
	if (currentImageIndex < 0) { currentImageIndex = arrayLength - (Math.abs(currentImageIndex) % arrayLength); }
	currentImageIndex =  Math.abs(currentImageIndex) % arrayLength;*/
	change_pic(imageID, currentImageIndex, "prev");
	linkID = currentImageIndex + 1;
	set_linkstyle("slideshowlink-"+linkID, 'page-navi slideshow-pagenavi', 'green_inverted');
	change_description("slideshow-content-"+linkID, 'slideshow-content-hidden', 'slideshow-content');
	set_btn_navi();
}

function change_description(divID, styleNrm, styleHlt)
{

	var compareString = /slideshow-content-*/;
	
	for (var i = 0; i < document.getElementsByTagName("div").length; i++) {
		var compareID = document.getElementsByTagName("div")[i].id;
		if (compareString.exec(compareID)) {
			document.getElementsByTagName("div")[i].style.display = 'none';
		}
	}
	document.getElementById(divID).style.display = 'block';

}



// Imageloader
function loadImg(src) {
 var img = new Image;
 img.src = src;
 return img;
}