// JavaScript Document
window.onload = function(){
	if(document.getElementById('bilder')){
		var inhalt	= document.getElementById('bilder');
		var bilder	= inhalt.getElementsByTagName('img');
		
		for(var i=1; l=bilder.length, i<=l; i++){
			var kind = document.createElement('span');
			var text = "Klicken Sie bitte hier, um Bild Nr. "+i+" anzuzeigen";
			kind.innerHTML = i;
			kind.className = "paging";
			kind.alt = text;
			kind.title = text;
			kind.onclick = doSomething;
			
			document.getElementById('paging').appendChild(kind);
		}
		
		changeImg(1);
		
		var s = document.createElement('img');
		s.src = "fileadmin/images/bilder.png";
		var erster = document.getElementById('paging').firstChild;
		document.getElementById('paging').insertBefore(s, erster);
	}
}

function changeImg(id){	
	var inhalt = document.getElementById('bilder');
	var bilder = inhalt.getElementsByTagName('img');
	
	for(var i=1; l=bilder.length, i<=l; i++){
		document.getElementById(i).className = i==id ? "image1" : "image";
	}
}

function doSomething(e){
	if(!e) var e = window.event;
	
	if(document.all){
		changeImg(e.srcElement.innerHTML);
	}else{
		changeImg(e.target.innerHTML);
	}
}