var FirstImage = 2;
var zIndex = 1;

var MIthumb = FirstImage;
var _MIbox = document.getElementById("multiImageBox");
var _MIimg = new Array(3);
var _MIthumbBg = new Array(3);
var _MIthumbs;

var FadeDestIn = 100, FadeDestOut = 0, FadeDelta = 3;

//Browsererkennung IE:
i_ie = (navigator.appName.indexOf("Explorer") != -1) ? true : false;
if(!i_ie) {
	FadeDestIn= FadeDestIn / 100;
	FadeDelta = FadeDelta / 100;
}


function MIinit() {
	var h = '<div id="MIrange">';
	for(i=1;i<=3;i++) {
		h+= '<div id="MIimg' +i+ '" class="MIimg">';
		h+= '<a href="img/haus_regine-ferienwohnungen_stix-' +i+ '.jpg" ';
		h+= 'onclick="view(this.href,\'Haus Regine - Ferienwohnungen Stix im ';
		h+= 'Sommer\',\'800x533\');return false">';
		h+= '<img src="img/haus_regine-ferienwohnungen_stix-' +i+ '_tn.jpg" ';
		h+= 'alt="Haus Regine - Ferienwohnungen Stix" /></a>';
		h+= '</div>';
	}
	h+= '<div id="MIthumbs"><div id="MIthumbsBg"></div>';
	for(i=1;i<=3;i++) {
		h+= '<div id="MIthumbBg' +i+ '" class="MIthumbBg"></div>';
		h+= '<div id="MIthumb' +i+ '" class="MIthumb">';
		h+= '<img src="img/haus_regine-ferienwohnungen_stix-' +i+ '_tn2.png" alt="" ';
		h+= 'onmouseover="MImoveTo(' +i+ ')" ';
		h+= 'onclick="view(\'img/haus_regine-ferienwohnungen_stix-' +i+ '.jpg\',\'Haus Regine - Ferienwohnungen Stix im ';
		h+= 'Sommer\',\'800x533\');return false">';
		h+= '</div>';
	}
	h+= '</div>';
	h+= '</div>';
	_MIbox.innerHTML = h;
	for(i=1;i<=3;i++) { 
		_MIimg[i] = document.getElementById("MIimg" +i);
		_MIthumbBg[i] = document.getElementById("MIthumbBg" +i);
	}
	_MIthumbs = document.getElementById("MIthumbs");
	_MIimg[FirstImage].style.zIndex = zIndex;
	_MIthumbBg[FirstImage].style.display = "block";
	for(i=1;i<=3;i++) {
		if(i_ie) {
			_MIthumbBg[i].style.filter = "alpha(opacity=50)";
		} else {
			_MIthumbBg[i].style.opacity = .5;
		}
	}
	if(i_ie) {
		document.getElementById("MIthumbsBg").style.filter = "alpha(opacity=50)";
	} else {
		document.getElementById("MIthumbsBg").style.opacity = .5;
	}
}

MIinit();




// thumb markieren / image waehlen
function MImoveTo(thumb) {
	if(thumb != MIthumb) {
		_MIthumbBg[MIthumb].style.display = "none";
		_MIthumbBg[thumb].style.display = "block";
		MIthumb = thumb;
		zIndex++;
		_MIimg[thumb].style.zIndex = zIndex;
		// Fade vorbereiten
		if(i_ie) {
			_MIimg[thumb].style.filter = "alpha(opacity=0)";
		} else {
			_MIimg[thumb].style.opacity = 0;
		}
		// und initiieren
		MImove(1,1,1,MIfadeIn,thumb);
	}
}

// fade in
function MIfadeIn(val,id) {
	if(i_ie) {
		_MIimg[id].style.filter = "alpha(opacity=" +(val)+ ")";
	} else {
		_MIimg[id].style.opacity = val / 100;
	}
}


// globale Bewegungsfunktion
var MIfactor = 1.65, MItimeout = 20;
function MImove(val,dir,asc,func,id) {
	if(asc) {
		val*= MIfactor;
		if(val > 100) { val = 100; }
	} else {
		val/= MIfactor;
		if(val < .5) { val = 0; }
	}
	func(val,id);
	if(val > 0 && val < 100) { setTimeout("MImove("+val+","+dir+","+asc+","+func+","+id+")",MItimeout); }
}