// change the header image
function showHeaderImage(imgSrc, time)  {
	YAHOO.util.AnimMgr.stop();
	if (typeof(time) == "undefined")  { time = 1; }
	var elm = document.getElementById('headerImage');
	if (typeof elm == 'undefined' || elm == null)  {
		alert('Could not locate Header Image Element!');
		return true;
	}
	if (typeof imgSrc == 'undefined' || imgSrc == "")  {
		alert('No Image was given!');
		return true;
	}
	var elmLink = document.getElementById('headerImageLink');
	if (typeof elmLink != 'undefined' && elmLink != null)  {
		var pieces = imgSrc.split("_header");
		var imgLinkSrc = pieces[0]+"_full"+pieces[1];
		elmLink.href = "./images/"+imgLinkSrc;
	}
	elmLink.style.backgroundImage = "url(./images/"+imgSrc+")";
	var myAnim = new YAHOO.util.Anim(elm, { 
									opacity: { from: 1 , to: 0 }  
									}, time, YAHOO.util.Easing.easeOut); 
	myAnim.onComplete.subscribe(function()  {
																	elm.src = "./images/"+imgSrc;
																	//myAnim.setAttribute("opacity", 100);
																	//elm.style.opacity = "1";
																	YAHOO.util.Dom.setStyle(elm, 'opacity', 1); 
																	elmLink.style.backgroundImage = "";
																	}); 
	myAnim.animate(); 
	YAHOO.awesomebox.reInit();
	return false;
}

// little helper
function rand ( n )  {
  return ( Math.floor ( Math.random ( ) * n) );
}

//add nice image switching for header when clicking thumbs
function addImageChange()  {
	var container = document.getElementById('mainPageImagesSelection');
	var links = container.getElementsByTagName("a");
	bild = {};
    for (var i = 0; i < links.length; i++) {
		link = links[i];
		if (typeof(link.href) != "undefined")  {
			fullImage = link.href.replace(/_full/, "_header");
			link.onclick = function()  {
																							fullImage = this.href.replace(/_full/, "_header");
																							showHeaderImage(fullImage); 
																							if (typeof(reenableImageSwitcher) != "undefined")  {
																								window.clearTimeout(reenableImageSwitcher);
																							}
																							if (typeof(imageSwitcher) != "undefined")  {
																								window.clearInterval(imageSwitcher);
																								reenableImageSwitcher = window.setTimeout("imageSwitcher = window.setInterval('rotateImage()', 6000)" , 10000);
																							}
																							return false;
																						};
			// preload images
			bild[i] = new Image(602, 270);
			bild[i].src = link.href;
		}
	}
}
YAHOO.util.Event.on(window, 'load', addImageChange);

// used for automatic image switching
rotateImage = function()  {
	var currentImage = document.getElementById('headerImage').src;
	var ausdruck = /(.+\/image)/;
	var newImage = currentImage.replace(ausdruck, "./image");
	ausdruck = /.+img([0-9]{2})_.+/;
	var currentNumber = currentImage.match(ausdruck);
	currentNumber = currentNumber[1];
	do  {
		number = "0"+(rand(imageNumber)+1);
	} while (currentNumber == number);
	ausdruck = /(.+img)[0-9]{2}(_.+)/;
	newImage = newImage.replace(ausdruck, "$1"+number+"$2");
	showHeaderImage(newImage, 2);
}

// set variable imageNumber in xxx_images.php

// start the automatic image switching
var imageSwitcher = window.setInterval("rotateImage()", 6000);
var reenableImageSwitcher = "";