// Stefan Rieger
// (c) 2007

var imgPath = "/images/";
var imgType = ".png";
var imgEnlightExpention = "e";

var imgRow = new Array();
imgRow[0] = new Object();
imgRow[0]["link"] = "preisinfo_anfordern.php?art=SZM"
imgRow[0]["domId"] = "szm";
imgRow[0]["image"] = new Array();
imgRow[0]["image"][0] = "szm1";
imgRow[0]["image"][1] = "szm2";

imgRow[1] = new Object();
imgRow[1]["link"] = "preisinfo_anfordern.php?art=BDF";
imgRow[1]["domId"] = "bdf";
imgRow[1]["image"] = new Array();
imgRow[1]["image"][0] = "bdf1";
imgRow[1]["image"][1] = "bdf2";

imgRow[2] = new Object();
imgRow[2]["link"] = "preisinfo_anfordern.php?art=Auflieger";
imgRow[2]["domId"] = "auflieger";
imgRow[2]["image"] = new Array();
imgRow[2]["image"][0] = "a1";
imgRow[2]["image"][1] = "a2";

imgRow[3] = new Object();
imgRow[3]["link"] = "kontaktformular.php?FORM=wunsch";
imgRow[3]["domId"] = "andere";
imgRow[3]["image"] = new Array();
imgRow[3]["image"][0] = "an1";
imgRow[3]["image"][1] = "an2";
imgRow[3]["image"][2] = "an3";
imgRow[3]["image"][3] = "an4";
			

function selected(obj) {
	i = obj.imgRow;
	for (var j = 0; j < imgRow[i]["image"].length; j++) {
		var domImage = $("menuImg" + i + "No" + j);
		domImage.src = imgPath + imgRow[i]["image"][j] + imgEnlightExpention + imgType;
	}
}

function unSelected(obj) {
	i = obj.imgRow;
	for (var j = 0; j < imgRow[i]["image"].length; j++) {
		var domImage = $("menuImg" + i + "No" + j);
		domImage.src = imgPath + imgRow[i]["image"][j] + imgType;
	}
}

function loadImages() {
	for (var i = 0; i < imgRow.length; i++) {

		domDiv = $(imgRow[i]["domId"]);
		
		imgRow[i]["activ"] = 0;
		
		var domLink = document.createElement("a");
		domLink.href = imgRow[i]["link"];
		domLink.imgRow = i;
		
		for (var j = 0; j < imgRow[i]["image"].length; j++) {
			
			var domImage = document.createElement("img");
			domImage.id = "menuImg" + i + "No" + j;
			domImage.src = imgPath + imgRow[i]["image"][j] + imgType;
			if (j==0) {
				domImage.xOpacity = .99;
				domImage.className = "menu";
			} else {
				domImage.xOpacity = 0;
				domImage.className = "menu-pre";
				//domImage.style.display = "none";
			}
			setOpacity(domImage);
			domLink.appendChild(domImage);
			
		}
			
		domLink.onmouseover = function() {  selected(this) };
		domLink.onmouseout = function() {  unSelected(this) };
		
		domDiv.appendChild(domLink);
		
		
	}
}
	
function crossfade(i) {
	
		
	var domDiv = $(imgRow[i]["domId"]);
	
	var activDomId = "menuImg" + i + "No" + imgRow[i]["activ"];
	var domImgActiv = $( activDomId );
	var domImgNext = $( "menuImg" + i + "No" +  (imgRow[i]["activ"] + 1) % (imgRow[i]["image"].length ) );
	
	// durchsichtig bestimmen
	activOpacity = domImgActiv.xOpacity;
	nextOpacity = domImgNext.xOpacity;

	activOpacity -= .05; 
	nextOpacity += .05;

	//domImagePre.style.display = "block";
	
	domImgActiv.xOpacity = activOpacity;
	domImgNext.xOpacity = nextOpacity;

	setOpacity(domImgActiv); 
	setOpacity(domImgNext);

	//console.log( i  + " op " + imgOpacity + " pre "+ preOpacity );	

	if(activOpacity<=0) {
		//console.log(i +" Next" );
		imgRow[i]["activ"] = (imgRow[i]["activ"] + 1) % (imgRow[i]["image"].length );
		setTimeout(function() {crossfade(i)},1000);
	} else {
		setTimeout(function() {crossfade(i)},50);
	}
}

function setOpacity(obj) {
	if(obj.xOpacity>.99) {
		obj.xOpacity = .99;
		return;
	}
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}



Event.observe(window, 'load', function() {
 
	//Event.observe('signinForm', 'submit', checkForm);
	loadImages();
	
	setTimeout( function() {crossfade(0)},1000);
	setTimeout( function() {crossfade(1)},1000);
	setTimeout( function() {crossfade(2)},1000);
	setTimeout( function() {crossfade(3)},1000);
	
});