var count = 0;

function initialize(title){

    var prevarrow =document.getElementById('prev');
	prevarrow.onclick = prev;
	var nextarrow = document.getElementById('next');
	nextarrow.onclick = next;
	nextarrow.style.visibility = "visible";
	//changeImage(0);
	// if (navigator.appName == "Microsoft Internet Explorer"){
		setRolloversForIE(title);
	//}
	var link = document.getElementById(title);
	var text = link.firstChild.innerHTML;
	link.innerHTML = '<a href="#">' + text + '</a>';
	link.style.backgroundImage = 'url(../img/' + title + '_over.gif)';
}

function next(){
	changeImage(1);
}

function prev(){
	changeImage(-1);
}

function changeImage(direction){
	count += direction;
	if (count > 0 && count < images.length-1){
		var prevElem = document.getElementById('prev');
		prevElem.style.visibility = "visible";
		var nextElem = document.getElementById('next');
		nextElem.style.visibility = 'visible';		
	}else if (count === 0){
		var prevElem = document.getElementById('prev');
		prevElem.style.visibility = "hidden";
	} 
	else if (count === images.length -1){
		var nextElem = document.getElementById('next');
		nextElem.style.visibility = 'hidden';		
	} 
	else if ( count === images.length || count < 0){
		count = 0;
	}
	// umweg über neuen node erstellen und alten löschen,
	// weil safari beim einfachen austausch von src die 
	// bilder unmotiviert verzerrt (bzw. alte breite beibehält)
	/*
    var image = document.getElementById('image');
	var parentElem = document.getElementById('imageBox');
	var newImage = document.createElement('img');
	newImage.id = "image";
	newImage.className = "";
	newImage.alt ="";
	newImage.src = images[count].path;
	alert(newImage.src);
	image.style.display = "none";
	parentElem.insertBefore(newImage, image);
	parentElem.removeChild(image);
	*/
	var image = document.getElementById("image");
	image.style.display = "none";	
	image.src = "./img/dummy.gif";
	image.src = images[count].path;
	image.style.display = "inline";
	if (images[count].border == '1'){
		image.className = "framedImage";
	} else {
		image.className = "";
	}
	
	var description = document.getElementById('description');
	description.innerHTML = '<div style="position: absolute; bottom: 0pt; padding-bottom: 30px;">' + images[count].description + '</div>';
}

function setRolloversForIE(title){
			//var browserName=navigator.appName; 
			//if (browserName=="Microsoft Internet Explorer"){
				items = ["dokumentation", "reise", "bombay", "portrait", "faroer", "kontakt"];
				for (var i = 0; i < items.length; i++){
					if (items[i] != title){
						elem = document.getElementById(items[i]);
						elem.onmouseover = function(){
							this.style.backgroundImage = 'url("./img/'+this.id+'_over.jpg")';
						};
						elem.onmouseout = function(){
							this.style.backgroundImage = 'url("./img/'+this.id+'.jpg")';
						};
						elem.onfocus = function(){
							if(this.blur){this.blur();}
						};
					}
				}
			//}
}