
function setImageBig(Ereignis) {
	$arr_imagesBig[0].src = this.src;
	alert(this.src.replace("/small/", "big")); // <== funktioniert noch nicht!!!!????
	alert(this.name.replace("/small/", "big")); // s.o.
}
window.onload = function() {
	if(!document.getElementsByTagName) return false;

	var lnks = document.getElementsByTagName("a");

	ro_lnks = new Array();
	b_lnk = new Array();

	for(var i=0; i<lnks.length; i++) {
		// Rollover-Link raussuchen
		if(lnks[i].className == "rollover_link") {
			ro_lnks.push(lnks[i]);
			// Rollover-event
			lnks[i].onmouseover = function() {
				if(b_img[0]) {
					// Grosses Bild setzen
					b_lnk[0].href = this.href;
				}
			
			}
		}
		// Link von grossem Bild auslesen
		else if(lnks[i].className == "rollover_link_big") {
			b_lnk.push(lnks[i]);
		}
	}

	// RollOver Bilder initiieren
	var img = document.getElementsByTagName("img");

	ro_img = new Array();
	b_img = new Array();

	for(var i=0; i<img.length; i++) {
		if(img[i].className == "rollover_image") {
			ro_img.push(img[i]);
			
		}
		else if(img[i].className == "rollover_image_big") {
			b_img.push(img[i]);
		}
	}
	// Erstes kleines Bild als Standard setzen
	if(b_img[0]) {
		b_img[0].src = ro_img[0].src.replace("small", "big");
	}
	if(b_lnk[0]) {
		b_lnk[0].href = ro_lnks[0].href;
	}

	// RollOver Image Event
	for(var i=0; i<ro_img.length; i++) {
		// jedes Zweite Bild ausblenden, da rolloverimg
		if(i%2!=0) {
			ro_img[i].style.visibility = "hidden";
			ro_img[i].style.display = "none";
		}
		else {
			ro_img[i].onmouseover = function() {
				if(b_img[0]) {
					// Grosses Bild setzen
					b_img[0].src = this.src.replace("small", "big");
				}
				
				switchRolloverImg(this);
			}
			ro_img[i].onmouseout = function() {
				switchRolloverImg(this);
			}
		}
	}

	function switchRolloverImg(obj) {
		for(var j=0; j<img.length; j++) {
			if(img[j].src==obj.src) {
				src_tmp = img[j].src;
				img[j].src = img[j+1].src
				img[j+1].src = src_tmp;
			}
		}
	}
}

