function headerRotate() {
	if(tmp = document.getElementsByClassName('headerRotationElement')) {	

		tmpHiddens = new Array();	
		tmpVisible = '';
		nextElement = 0;

		for(i=0; i < tmp.length; i++) {
			if(tmp[i].style.display!='none') {

				tmpVisible = tmp[i];

				if((i+1)<tmp.length) {
					nextElement = i+1;
				} else {
					nextElement = 0;
				}

			} else {
				tmpHiddens.push(tmp[i]);
			}
		}

//		alert(tmpVisible.id + ' is visible. We have ' + tmpHiddens.length + ' hidden Headerpics. Next is ' + nextElement);
		new Effect.Fade(tmpVisible, { duration: 3 });
		new Effect.Appear(tmp[nextElement], { duration: 3 });

	}
}