/**
 * Skaliert bei onMouseOver das ueberfahrene Thumb und erhoeht dessen Opazitaet.
 * Die anderen Thumbs bleiben transparent und verkleinert.
 * Zur Installation muss das Script aus dem <img>-Tag heraus per
 * onmouseover='init(id-des-aktiven-thumbs)' onmouseout='hide(id-des-aktiven-thumbs)'
 * aufgerufen werden.
 * Nach Laden der Bilder in der HTML-Seite muss loadValues(Anzahl-der-Thumbs)
 * aufgerufen werden.
 */
// Arraygroesse
var arrSize;
// Ausgangstransparenz
var normalTrans = 0.3;
// max. Transparenz
var maxTrans = 1.0;
// min. Transparenz
var minTrans = 0.3;
// aktuelle Transparenz
// muss global sein um setTimeout() zu ermoeglichen
var aktTrans=normalTrans;
// aktueller Transparenzfaktor der auszublendenden Thumbs
var othersTrans=normalTrans;
// Schrittweite in der die Transparenz erhoeht oder
// verringert wird
var transStep = 0.05;
// blur-Geschwindigkeit
// msec. nach denen ein Schritt durchgefuehrt wird
var blur = 30;
// Zaehlvariable fuer die Groessenaenderung
// multipliziert mit dem Divisionsergebnis Seite / scaleIndex (faktW, faktH)
var mult=1;
// Nummer (=id) des aktiven Buttons
// muss global sein, um in setTimeout() zur Verfuegung zu stehen
var index;
// Scalierindex - dient zur Division der Icon-Seiten
// je kleiner desto groesser die Scalierung
var scaleIndex = 8;
// Initialisierungsmasse des aktiven Buttons
var startW = new Array();
var startH = new Array();
// Skalierungsfaktoren der Buttonseiten
var faktW = new Array();
var faktH = new Array();
// Geschwindigkeit der scriptaculous-Effekte
var duration = 0.2;


/**
 * regelt per onMouseOver die Vergroesserung und 
 * Erhoehung der Opazitaet
 * Verringert diejenige der anderen
 */
 /*
function show(){
//var nextElem = document.getElementById("id" + (index+1));
//	if(nextElem.style.opacity != minTrans){
		mult++;
		document.getElementById("id" + index).style.opacity = aktTrans;
		//document.getElementById("id" + index).width = startW[index] + mult*faktW[index];
		//document.getElementById("id" + index).height = startH[index] + mult*faktH[index];
		aktTrans += transStep;
		setOpacityOfOthers();
		othersTrans -= transStep;
		if(aktTrans > maxTrans) {
			aktTrans = maxTrans;
			mult--;
			return;
		}
		setTimeout("show(index)", blur);
//	}
}
*/
/**
 * regelt per onMouseOut die Verkleinerung und 
 * Verringerung der Opazitaet
 */
 /*
function hide(i){
	mult--;
	//setOpacityOfOthers();
	othersTrans += transStep;
	document.getElementById("id" + index).style.opacity = aktTrans;
	//document.getElementById("id" + i).width = startW[index] + mult*faktW[index];
	//document.getElementById("id" + index).height = startH[i] + mult*faktH[index];
	aktTrans -= transStep;
	if(aktTrans < normalTrans) {
		reset();
		mult++;
		return;
	}
	setTimeout("hide(index)", blur);
}
*/
/**
 * setzt den index (=id) des jeweils aktiven Bildes als globale Variable, setzt
 * ueber reset() alle auf die Grundwerte zurueck und ruft show() zur Anzeige auf.
 */
 /*
 function init(i) {
	index = i;
	reset();
	show();
}
*/
/**
 * setzt alle Werte auf die Grundwerte zurueck
 * wichtig um bei schnellen Bildwechseln eine dauerhafte
 * Vergroesserung zu vermeiden
 */
 /*
function reset() {
	for(var n=0; n<arrSize; n++){
		document.getElementById("id" + n).style.opacity = normalTrans;
		//document.getElementById("id" + n).width = startW[n];
		//document.getElementById("id" + n).height = startH[n];
	}
}

// Aendern der Opazitaet der nicht ueberfahrenen Thumbs
function setOpacityOfOthers(){
	if(othersTrans > normalTrans) othersTrans = normalTrans;
	if(othersTrans < minTrans) othersTrans = minTrans;
	for(var i=0; i<arrSize; i++){
		if(i !=index){
			document.getElementById("id" + i).style.opacity = othersTrans;
		}
	}
}
*/
/**
 * initialisiert Breite, Hoehe und Skalierungsfaktor fuer alle Bilder
 */
 /*
function loadValues(anz){
	arrSize = anz;
	for(var n=0; n<arrSize; n++){
		startW[n] = document.getElementById("id" + n).width;
		startH[n] = document.getElementById("id" + n).height;
		faktW[n] = startW[n]/scaleIndex;
		faktH[n] = startH[n]/scaleIndex;
	}
}
*/

/**
 * Steuerung der Mouseover-Funktionalitaet der Kategorien-Seite
 */
function hover(x, name, w, h) {
	var bild="id" + x;
	//new Effect.Morph(bild,{ style: { width:w, height:h }, duration:duration });
	new Effect.Opacity(bild, {duration:duration, from:maxTrans, to:minTrans});
	var zeile="p" + x;
	new Effect.Morph(zeile,{ style: { borderBottom:'1px dashed #eee'}, duration:duration });
	document.getElementById(zeile).lastChild.data=name;
}
function out(x, w, h) {
	var bild="id" + x;
	//new Effect.Morph(bild,{ style: { width:w, height:h }, duration:duration });
	new Effect.Opacity(bild, {duration:duration, from:minTrans, to:maxTrans});
	var zeile="p" + x;
	new Effect.Morph(zeile,{ style: { borderBottom:'0px'}, duration:duration });
	document.getElementById(zeile).lastChild.data='';
}