/*** -----------------------------------------------------------------------------------***/
/*    Fixed den Bug des IE, der sonst transparente PNGs nicht darstellen kann             */
/*** -----------------------------------------------------------------------------------***/

function fixPNG(myImage) 
{
	if( navigator.appName == "Microsoft Internet Explorer" )
	{
	       var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
		   var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
		   var imgTitle = (myImage.title) ? 
			             "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
		   var imgStyle = "display:inline-block;" + myImage.style.cssText
		   var imgOnMouseOver = (myImage.attributes["onmouseover"].value) ? "onmouseover=\"" + myImage.attributes["onmouseover"].value + "\"" : "";
		   var strNewHTML = "<span " + imgID + imgClass + imgTitle
	                  + " style=\"" + "width:" + myImage.width 
	                  + "px; height:" + myImage.height 
	                  + "px;" + imgStyle + ";"
	                  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
	                  + "(src=\'" + myImage.src + "\', sizingMethod='scale');"
	                  + "\" " 
	                  + imgOnMouseOver
	                  + "></span>"
		   myImage.outerHTML = strNewHTML
	    }
}

function set_men_active( act_line )
{
	document.getElementById( act_line ).style.color=act_color;
	document.getElementById( act_line ).style.fontWeight=act_fontWeight;
}

function set_men_active_pic( act_line )
{
	var act_pic="img_"+act_line+"_act";
	var deact_pic="img_"+act_line+"_deact";

//alert( act_pic );
	document.getElementById( act_pic ).style.visibility='visible';
	document.getElementById( deact_pic ).style.visibility='hidden';
}

function set_men_deactive( act_line )
{
	var act_pic="img_"+"act_line"+"deactive";

	for( var i=0;i<act_men.length;i++ )
	{
		if( act_line == act_men[i] )
		{
			return;
		}
	}
	document.getElementById( act_line ).style.color=deact_color;
	document.getElementById( act_line ).style.fontWeight=deact_fontWeight;
}

function set_men_deactive_pic( act_line )
{
	var act_pic="img_"+act_line+"_act";
	var deact_pic="img_"+act_line+"_deact";

	for( var i=0;i<act_men.length;i++ )
	{
		if( act_line == act_men[i] )
		{
			return;
		}
	}
	document.getElementById( act_pic ).style.visibility='hidden';
	document.getElementById( deact_pic ).style.visibility='visible';
}

/*--------------------------------------------------------------------------------------------------------
| Funktion quer()
|
| Stellt einen Text diagonal dar.
| Aufrufparameter:
|    myDivName:		gemeinsamer Name aller divs eines Textstrings
|    myText:		Text, der angezeigt wird
|    addTop:		vertikaler Abstand von Buchstabe zu Buchstabe in Pixeln
|    addLeft:		horizontaler Abstand von Buchstabe zu Buchstabe in Pixeln
|    top:		vertikale Position des 1. Buchstabens
|    left:		horizontale Position des 1. Buchstabens
|    onMouseOver:	Funktion, die bei onMouseOver ausgeführt werden soll
|    onMouseOut:	Funktion, die bei onMouseOut ausgeführt werden soll
|    onClick:		Funktion, die bei onClick ausgeführt werden soll
|    addFontSize:	um wieviel die Fontgroesse von Buchstabe zu Buchstabe wachsen soll
|    FontSize:		initiale Fontgroesse des Textes
+---------------------------------------------------------------------------------------------------------
| Beispiel:
| quer( 'qt1', 'Mein Text1', -7, 10, 100, 400, "alert('onMouseOver');", "alert('onClick');" );
+---------------------------------------------------------------------------------------------------------*/
function quer( myDivName, myText, addTop, addLeft, top, left, onMouseOver, onMouseOut, onClick, addFontSize, FontSize )
{
	var a = myText.split( "" );

	zTop = parseInt(top);
	zLeft = parseInt(left);

	zTop += addTop;
	zLeft += addLeft;

	document.write( "<div id='"+myDivName+"' onClick=\""+onClick+"\" onMouseOver=\""+onMouseOver+"\" onMouseOut=\""+onMouseOut+"\"> " );
	for( var i = 0; i < a.length; i++ )
	{
//		alert( "	<div id=\""+myDivName+i+"\" style=\"position:absolute; top: "+zTop+"; left: "+zLeft+"; font-size:"+FontSize+";\" > " );
		document.write( "	<div id=\""+myDivName+i+"\" style=\"position:absolute; top: "+zTop+"; left: "+zLeft+"; font-size:"+FontSize+";\" > " );
		document.write( 	a[i] );
		document.write( "	<\/div> " );
		zTop += addTop;
		innerDiv = myDivName+i;
		zLeft = zLeft + document.getElementById(innerDiv).offsetWidth + addLeft;
		FontSize += addFontSize;
	}
	document.write( "<\/div> " );
}

/*--------------------------------------------------------------------------------------------------------
| Funktion style4allName()
|
| Setzt für alle Elemente eines Namens eine Style-Eigenschaft auf einen Wert.
| Aufrufparameter:
|    myStyle:		Style-Eigenschaft (z.B. color)
|    myValue:		zu setzender Wert (z.B. #FF00FF)
|    myName:		Elementname
+---------------------------------------------------------------------------------------------------------
| Beispiel:
| style4allName( 'color', '#FF0000', 'qt2' );
+---------------------------------------------------------------------------------------------------------*/
function style4allName( myStyle, myValue, myName )
{
	var newStyle;
	for( var i = 0; i < document.getElementById(myName).getElementsByTagName('div').length ; i++ )
	{
		newStyle = document.getElementById(myName).getElementsByTagName('div')[i].style.cssText;
		newStyle = newStyle + ";" + myStyle + ":" + myValue + ";";
		document.getElementById(myName).getElementsByTagName('div')[i].style.cssText = newStyle;
	}
}