// Hier kommen alle JavaScript Funktionen rein, die nicht mit php bearbeitet werden...
// Andernfalls sind sie sichtbar auf der Seite...
// alert("bin da jsript.js")

var wload;
var is_ie;
var is_gecko; 
var is_mac_moz;
var browser;
// Emailver.
var mchar 				= "@"; 
var mstr				="mailto"
var aktueldialog;
var myMouseDownOnGriff;// = null
var LayerPosObj 		= {"side_service":0, "side_serviceHOut":-272, "top_service":0, "top_serviceVOut":-123, "FloatingEditorLayer":0, "FloatingEditorLayerHOut":-420};
var dragobj 			= null; 
var refobj 				= null; 
var FloatingEditorXpos 	= null
var FloatingEditorYpos 	= null
var ServiceXpos 	   	= null
var	ServiceYpos 	   	= null
var clickPageTarget;
var moveableEditLayer 	= 0 // Editlayer nicht dragable
var editorObj = {}
var editorObjTextareaName
var tim = 0

checkbrowser(); // soll immer passieren

document.onmousedown = startdragIt
document.onmousemove = dragIt 
document.onmouseup   = stopdragIt


//addevent(document.getElementById("FloatingEditorGriff"), "mousedown", 	startdragIt)
//addevent(document.getElementById("FloatingEditorGriff"), "mousemove", 	dragIt)
//addevent(document.getElementById("FloatingEditorGriff"), "mouseup", 	stopdragIt)

// Hier hatte ich Probleme mit Mozilla: Sobald ich die Funktion startdragIt von einer anderen Funktion aufrufen wollte (z. B. mousedownaction),
// wurde das bild weggedraggt. 
 

///////////////////////////////////////////////////////////
function setReiterGroup(whichid,action) { 
// alert("setReiterGroup " + whichid);
	if (document.getElementById("r0")) {
		for (i=0;i<rgroup.length;i++) {
			r = rgroup[i];
			if (whichid == r) {
				// aktivieren
				document.getElementById(r).style.zIndex = 20
				document.getElementById("lichtkante_"+r).bgColor="#FFFFFF"
				document.getElementById("seitel_"+r).src = ir_aktiv_l.src // "images/r_aktiv_l.gif"
				document.getElementById("seiter_"+r).src = ir_aktiv_r.src //"images/r_aktiv_r.gif"
				document.getElementById("flaeche_"+r).bgColor="#EEEEEE"
				//if (document.all) document.getElementById("bereich_"+r).style.display = "inline"
				//else document.getElementById("bereich_"+r).style.display = "table-row"
			} else {
				// deaktivieren
				//alert("seitel_"+r)
				document.getElementById("seitel_"+r).src = ir_iaktiv_l.src // "images/r_iaktiv_l.gif"
				document.getElementById("seiter_"+r).src = ir_iaktiv_r.src // "images/r_iaktiv_r.gif"
				document.getElementById(r).style.zIndex = 0
				document.getElementById("flaeche_"+r).bgColor="#BBBBBB"
				document.getElementById("lichtkante_"+r).bgColor="#CCCCCC"
				//document.getElementById("bereich_"+r).style.display = "none"
			}
		} // end for
		if (action != "noaction") {
			if (whichid=="r1") window.setTimeout("pagePreview('preview')",10);
			if (whichid=="r2") window.setTimeout("pagePreview('design')",10);
		}
	}
}





// Fenstergroesse erfassen
function getStartWindowSize() {
	if (is_ie) fensterhoehe_start = document.body.clientHeight + 29 // Fenster mit Titelleiste
	else 	   fensterhoehe_start = window.outerHeight
	if (is_ie) fensterbreite = document.body.clientWidth + 8 		// fuer Border
	else 	   fensterbreite = window.outerWidth
	//alert("fensterhoehe_start " + fensterhoehe_start)
}

function goClickPageTarget() {
	document.location.href = clickPageTarget;
}
function cancelBubbling(evt) {
	if (is_ie) 		window.event.cancelBubble=1; 
	if ((is_gecko) && (!is_safari)) evt.stopPropagation();
}

function resizeWindow(width,height) {
	// Diese function macht nur bei fester Fenstergoeese Sinn.
	// Sie vergoessert den Fensterbereich fuer en editmodus, z. B. bei der Microsite
	if (is_ie)  window.resizeTo(width,height);
	else 	    window.outerHeight = height
}

function showElement(elname,height,mozdiff) { 
		// macht ein Element sichtbar und vergoessert das Fenster
		// height = heoehe des fensters ie
		mozdiff = 90;
		if (!document.getElementById(elname)) return;
		klappbereich = document.getElementById(elname)
		if (is_ie) fensterbreite = document.body.clientWidth + 8 // fuer Border
		else 	   fensterbreite = window.outerWidth
		//alert(fensterbreite)
		if (klappbereich.style.display == "none")  {
			if (is_ie)	klappbereich.style.display = "inline";
			else 		klappbereich.style.display = "inline";
			document.getElementById("img_"+elname).src = "../images/icon_klapppfeildown.gif";
			if (is_ie) window.resizeTo(fensterbreite,height);
			else 	   window.outerHeight = height + mozdiff;
		} else {
			klappbereich.style.display = "none";
			document.getElementById("img_"+elname).src = "../images/icon_klapppfeilup.gif";
			if (is_ie) 	window.resizeTo(fensterbreite,fensterhoehe_start);
			else 		window.outerHeight = fensterhoehe_start;
		}
	}


	
/*	
function setEditLayerHeigth() {
	editLayerHeigth = document.getElementById("maintable").offsetHeight;
	// alert("editLayerHeigth: " + editLayerHeigth);
	document.getElementById("img_dist_top_service").style.height = editLayerHeigth;
	if (is_ie) document.getElementById("editlayer_dummy").style.height = editLayerHeigth; 	// iframe anpassen
}
*/
function hide(id) {
	if (window.registerchanges) registerchanges(); // um die veränderten Settings zu speichern
	document.getElementById(id).style.display = "none"
	
	// werte speichern
	servicestate = document.edit.servicestate;
	// alert("vor hide "+servicestate.value);
	if (servicestate.value.indexOf(id) == -1) servicestate.value += id // speichern, wenn noch nicht eingetragen 
	if (is_ie) {
		document.getElementById("klappleisteplace").style.display = "inline" // Platzhalterrow einblenden
		document.getElementById("holder_"+id).style.display       = "inline" // Platzhalter einblenden
	} else {
		document.getElementById("klappleisteplace").style.display = "table-row"
		document.getElementById("holder_"+id).style.display       = "table-cell"
	}
	// alert("nach hide "+servicestate.value);
	// Hoehe anpassen
	setEditLayerHeigth()
	//editLayerHeigth = document.getElementById("maintable").offsetHeight;
	//document.getElementById("img_dist_top_service").style.height = editLayerHeigth;			// Abstandhalter anpassen
	//if (is_ie) document.getElementById("editlayer_dummy").style.height = editLayerHeigth; 	// iframe anpassen
	//document.getElementById("loginbutton").style.top = (editLayerHeigth + 3); 				// loginbutton
	//document.edit.editlayerheight.value = editLayerHeigth;
}

	
function show(id) {
	if (is_ie) document.getElementById(id).style.display = "inline"  // Table-row einblenden
	else       document.getElementById(id).style.display = "table-row"
	var test = 0;  
	// alle Holder testen, wenn ihr disply style nicht "non" ist, dann soll die gesamte Platzhalterrow stehenbleiben
	// sind alle none, dann kann man ihn entfernen
	
	servicestate 		= document.edit.servicestate; 	// speichern der Einstellung, bei jedem Schaltvorgang
	servicestate.value 	= ""; 							// erst leeren
	document.getElementById("holder_"+id).style.display = "none";
	if (document.getElementById("holder_infoplace").style.display 	!= "none") 		{test = 1; servicestate.value += "infoplace"}
	//if (document.getElementById("holder_statusplace").style.display != "none") 		{test = 1; servicestate.value += "statusplace"}
	//if (document.getElementById("holder_messageplace").style.display != "none") 	{test = 1; servicestate.value += "messageplace"}
	if (document.getElementById("holder_saveplace").style.display 	!= "none") 		{test = 1; servicestate.value += "saveplace"}
	if (document.getElementById("holder_mainplace").style.display 	!= "none") 		{test = 1; servicestate.value += "mainplace"}
	if (document.getElementById("holder_buttonplace").style.display != "none") 		{test = 1; servicestate.value += "buttonplace"}
	if (document.getElementById("holder_menuplace").style.display 	!= "none") 		{test = 1; servicestate.value += "menuplace"}
	// klappleiste weg?
	if (test==0) document.getElementById("klappleisteplace").style.display ="none"
	setEditLayerHeigth()
	if (window.registerchanges) registerchanges(); // um die veränderten Settings zu speichern
	
}
function setEditLayerHeigth() {
	//alert("setEditLayerHeigth")
	editLayerHeigth = document.getElementById("maintable").offsetHeight;
	document.getElementById("img_dist_top_service").style.height 		= editLayerHeigth;			// Abstandhalter anpassen
	if (is_ie) document.getElementById("editlayer_dummy").style.height	 = editLayerHeigth; 		// iframe anpassen
	if (document.edit.switch_service.value == "top_service") 	document.edit.editlayerheighttop.value 		= editLayerHeigth;
	else 														document.edit.editlayerheightside.value  	= editLayerHeigth;
	/*
	alert(	"editlayerheighttop " + document.edit.editlayerheighttop.value + "\n" + 
			"editlayerheightside "+ document.edit.editlayerheightside.value + "\n")
			*/
			
}
function checkEditLayerHeigth() {
	//alert("checkEditLayerHeigth")
	// if (document.getElementById("maintable").offsetHeight != document.getElementById("img_dist_top_service").style.height) setEditLayerHeigth() 
}





function getScrollTop() {
	if (!is_ie) myScrollTop = window.scrollY
	if (is_ie) myScrollTop  = document.body.scrollTop
	//alert(myScrollTop)
	return myScrollTop
}

function checkforOpenWindows(){
// alert (wload)
	if ((wload) && (!wload.closed)) wload.focus();
}


/*
// Flash detection
var flash = 0;
var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;
if ( plugin ) {
	plugin = parseInt(plugin.description.substring(plugin.description.indexOf(".")-1)) >= 4;
} else if (navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0  && (navigator.userAgent.indexOf("Windows ")>=0)) {
  document.write('<SCRIPT LANGUAGE=VBScript\> \n');
  document.write('on error resume next \n');
  document.write('plugin = ( IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash.4")))\n');
  document.write('</SCRIPT\> \n');
}
if (plugin) {
	flash=1;
} else if (!(navigator.appName && navigator.appName.indexOf("Netscape")>=0 && navigator.appVersion.indexOf("2.")>=0)) {
	flash=0;
}
// flash=0; // zum testen
*/
 
// Editmode starten
function initEditmode() {
// alert("initEditmode")
	setReiterGroup('r2','noaction')	// edit aktiveren
	// alert("document.edit.show_all_fields.value " + document.edit.show_all_fields.value)
	if (document.edit.show_all_fields.value==1) activate_all_fields(1); 				// set = 1 -> schaltet alle Felder an
	// if ((document.edit.ecargopos.value !="") || (document.edit.servicepos.value !="")) readPositions();
	// MICROSITES
	//if ((is_editmode) && (Windowtype=="microsite")) resizeWindow(798,800); // vergoessern des Fensters
}



function readPositions() {
	// diese Werte muss man der aktuellen Groesse des Floatingeditors anpassen
	FloatingEditorLayerWidth  	= 434
	FloatingEditorLayerHeight 	= 106
	xyArr = document.edit.ecargopos.value.split("x")
	// alert("readPositions " + document.edit.ecargopos.value)
	FloatingEditorXpos 			= xyArr[0]
	FloatingEditorYpos 			= xyArr[1]
	if (document.edit.ecargosize.value) {
		xyArr = document.edit.ecargosize.value.split("x")
		FloatingEditorLayerWidth 			= xyArr[0]
		FloatingEditorLayerHeight 			= xyArr[1]
	}
	// Position kontrollieren, darf nicht den sichtbaren Bereich verlassen
	if(is_ie) {
			bodyHeight = document.clientHeight
			bodyWidth = document.clientWidth
		} else {
			bodyWidth  = window.innerWidth
			bodyHeight = window.innerHeight
		}
	
	/*
	alert(	"bodyHeight " 					+ bodyHeight + "\n" + 
			"bodyWidth " 					+ bodyWidth + "\n" + 
			"FloatingEditorYpos " 			+ FloatingEditorYpos + "\n" + 
			"FloatingEditorLayerHeight "	+ FloatingEditorLayerHeight + "\n" + 
			"FloatingEditorLayerWidth "		+ FloatingEditorLayerWidth)
			*/
	if (FloatingEditorXpos > (bodyWidth  - FloatingEditorLayerWidth))  FloatingEditorXpos = bodyWidth  - FloatingEditorLayerWidth
	if (FloatingEditorYpos > (bodyHeight - FloatingEditorLayerHeight)) FloatingEditorYpos = bodyHeight - FloatingEditorLayerHeight
}


function writePositions() {
 	// alert("ServciePos: "+ServiceXpos + "x" + ServiceYpos)
 	document.edit.ecargopos.value  = FloatingEditorXpos + "x" + FloatingEditorYpos
	// checken: erst speichern, wenn eine relevante Verschiebung stattgefunden hat.
	// if ((ServiceYpos > 10) && ((ServiceYpos > 10) || (ServiceYpos < -10)))	document.edit.servicepos.value = ServiceXpos + "x" + ServiceYpos
	// else 																	document.edit.servicepos.value = "_x_"
}





 
 
 
// Preview und Editmode FUnktionen
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 function pagePreview(mode) {
	// alert("pagePreview " + mode); 
	if(mode=="preview") {
		hide_Vmarker(0)			//senkrechte Striche weg
		deactivate_all_fields()
		switch_icm_visiblity("none","preview")
	} else {
		hide_Vmarker(1)			//senkrechte Striche
		// editiermodus weider herstellen, wie ervor previewmode "preview" war
		switch_icm_visiblity(document.edit.icm_visiblity.value) 	// alte Werte einlesen 
		activate_all_fields(document.edit.show_all_fields.value)	// alte Werte einlesen 
	}
}
 
function switch_icm_visiblity(mode,previewmode) {
// alle <div>, die eine id mit haben, weren ausgeblendet				z. B. -> "div id=icm_delete....
 	allDivsArr = document.getElementsByTagName("div")
 	allDivsArrLength = allDivsArr.length
	for(i=0;i<allDivsArrLength;i++) {
		myDiv = allDivsArr[i];
		if (myDiv.id.indexOf("icm_") != -1) { // nur ids mit "icm" erwischen
			if (allDivsArr[i].style.display == "none") 		myVis = "inline" // sichtbar oder nicht, um zu togglen
			else  											myVis = "none"
			// wenn einParameter uebergeben wurde, dann diesen nehmen
			if (mode) myVis = mode
			myDiv.style.display = myVis
		}
 	}
	// status speichern
	if (previewmode!="preview") document.edit.icm_visiblity.value = myVis
	//alert("icm_visiblity " + document.edit.icm_visiblity.value)
 }
 

 
function activate_all_fields(set,previewmode) {
	// alert(document.edit.show_all_fields.value)
 	// toggeln zwischen show_all_fields und normalmodus
	// set: um den automatismus zu entgehen, der immer den Umkehrzustand activiert kann man uach direkt setzten
	newstate = 0
	aktuelstate = document.edit.show_all_fields.value
	if (aktuelstate==0) newstate = 1; 		// switchmode; wenn 1 -> aus 0, wenn 0 -> an
	if (set) 			newstate = set 		// ueberschreiben mit set
	
	// alert("set " + set + "  newstate " + newstate) 
	// alle an, wenn 0 oder set
	if (newstate == 1) {
		if (previewmode!="preview") document.edit.show_all_fields.value = 1
		allSpansArr 	= document.getElementsByTagName("div")
		allSpanslength = allSpansArr.length
		// testen: Ist das an aoder aus?
		// alert("allSpanslength " + allSpanslength)
		for(i=0;i<allSpanslength;i++) {
			myspan_id = allSpansArr[i].id;
			if (myspan_id.indexOf("elife_") != -1) {
				myspan_feldname = myspan_id.substr(6,100) // name ohne elife
				switchEditMode(myspan_feldname,"all")
			} // end if
		} // end for
		return;
	}
	// alle aus
	if (newstate == 0) {
		deactivate_all_fields() // alle ausschalten
		if (previewmode!="preview")  document.edit.show_all_fields.value = 0
		// switch_icm_visiblity("block")
	}
	//alert("am Ende: " + document.edit.show_all_fields.value)
}
 
 


 
 function switchEditMode(fieldname,mode) {
	//alert(fieldname)
	span			= document.getElementById("elife_"+fieldname) 	// Das span, in das der Text ausgegeben wurde
 	field			= document.getElementById(fieldname)			// Das feld, das den Text zum editieren aufnimmt -> editierbar
	life_field 		= document.getElementById("life_"+fieldname) 	// 
	infospan 		= document.getElementById("infospan_"+fieldname) // ein unsichtbares span, das Zusatzinformationen enthaelt
	infotext 		= infospan.innerHTML
	/*
	alert(	" span " + span.id + "\n" + 
			" field " + field.id + "\n" + 
			" life_field " + life_field.id) 
	*/
	// alert("switchEditMode " + mode + " " + fieldname)
	
	if (mode != "all") {
		// Alle anderen zuruecksetzten, nur dieses eine aktivieren
		if (span.style.display == "none") { // Dieses Element ist momentan editierbar 
		 	deactivate_all_fields() // alle ausschalten
		} // end if
	} // mode != "all"
	field.name 					= field.id // ab hier wird das Feld speicherbar !! +++ Achtung!	
	
	/*
	field.style.borderLeftColor 	= "#BBBBBB"
	field.style.borderTopColor 		= "#BBBBBB"
	field.style.borderRightColor 	= "#FFFFFF"
	field.style.borderBottomColor 	= "#FFFFFF"
	if (field.style.background == "") field.style.background = "#F6F6F6"; // nur ueberschreiben, wenn leer
	*/
	// wie bisher...
	//alert(life_field.size)
	//if (life_field.size) field.size = life_field.size
	//alert(field.size)
	
	
	/*
	// STYLE 1:			Rahmen grau
	if (field.style.border == "") field.style.border = "1px solid" 
	field.style.borderColor 	= "#CCCCCC" // Alternativ nur Rahmen
	// field.style.background 	= "#CCCCCC"
	*/
	
	
	/*
	// STYLE 2:			Grau Hinterlegt
	if (field.style.border == "") field.style.border = "0px solid" 
	field.style.background 	= "#CCCCCC"
	*/
	
	
	// STYLE 3:			Miniborder D
	if (field.style.border == "") field.style.border = "1px solid" 
	field.style.borderLeftColor 	= "#BBBBBB"
	field.style.borderTopColor 		= "#BBBBBB"
	field.style.borderRightColor 	= "#FFFFFF"
	field.style.borderBottomColor 	= "#FFFFFF"
	if (field.style.background == "") field.style.background = "#F8F8F8"; // nur ueberschreiben, wenn leer
	field.style.padding = "0px" // wegen des kleinengrauen Balkens
	// field.style.paddingLeft = "1px" // wegen des kleinengrauen Balkens
	
	
	
	/*
	// STYLE 4			hellgelb hinterlegt
	if (field.style.border == "") field.style.border = "0px solid" 
	field.style.background 	= "#FFFFAA"
	// field.style.borderLeft = "1px solid #CCCCCC" 
	*/
	
	//alert("rows " + field.rows + "\n" + " cols " + field.cols)
	/*
	alert(
	"life_field.id " + life_field.id + "\n" + 
	"field.id " + field.id + "\n" + 
	"field.style.height " + field.style.height + "\n" + 
	"field.style.width " + field.style.width + "\n" + 
	"rows " + field.rows + "\n" + 
	"cols " + field.cols  + "\n" + 
	"life_field.offsetHeight " + life_field.offsetHeight
	)
	*/
	
	// F E L D G R O S S E N 
	
	// W I D T H
	// wenn keine style.width und keine cols... -> life_field width
	//alert("field.style.width: "+ field.style.width + " cols: "+ field.cols +" rows: "+ field.rows)
	
	// 33er Trick -> das ist ein Dummy wert, der fuer nicht definiert steht
	
	//if ((field.style.width == "") && (field.cols==33))	field.style.width = life_field.style.width
	
	//alert("life_field.style.width " + life_field.style.width);
	//alert("life_field.offsetWidth " + life_field.offsetWidth);
	//alert("field.style.width " + field.style.width);
	//alert("life_field.style.width " + life_field.style.width);
	//alert("field.cols " + field.cols)
	lifeWidth = life_field.style.width;
	if ((field.style.width == "") && ((field.cols==33) || (field.size==33)))	 {
		// lifeWidth = life_field.style.width;
		//alert("lifeWidth " + lifeWidth);
		// "l":linke Position: Hier muss vermeidenwerden, daß die textaera/das inputfield 100% nehmen und das Icon nicht mehr passt
		if ((infotext.indexOf("l") != -1) && (lifeWidth=="100%"))  lifeWidth = "80%"; // das ist eine Annäherung, es muss so viel Platz geschaffen werden, daß das Icon Passt
		field.style.width = lifeWidth
	}
	// alert("lifeWidth " + lifeWidth);
	//field.style.width = "70%"
	
	
	// H E I G H T
	// Ausnahmen:
	// wenn mMoz, dann sollen Textfelder grosser geoeffnet werden, damit man mehr reinschreiben kann
	feldvergroesserungsfactor 	= 1;
	feldvergroesserungv 		= -2; // mozilla zeigt sonst einen Scrollbalken
	 
	
	
	if ((field.style.height == "") && (field.rows==33)) { 
		lifeHeight = life_field.offsetHeight + "" // in string umwandeln // die aktuelle Hoehe
		//alert(lifeHeight)
		//alert("lifeHeight " + lifeHeight)
		// if (lifeHeight=="0") lifeHeight = "15"; // Mindesgroesse, bei images
		if (lifeHeight.indexOf("%") != -1) 		lifeHeight = (parseInt(lifeHeight)) +"%" 	// Prozentwerte
		else 									lifeHeight = (parseInt(lifeHeight) + feldvergroesserungv)	 		// Pixel
		//alert(parseInt(lifeHeight))
		if (parseInt(lifeHeight) < 15) lifeHeight = "15";
		field.style.height = lifeHeight
		//alert(lifeHeight)
	}
	//alert(field.style.height)
	//alert(field.style.width)
	/*
	alert(	"field.style.height " + field.style.height + "\n" + 
			"field.rows " + field.rows + "\n" + 
			"lifeWidth " + lifeWidth)
		*/	
	// alert(life_field.offsetHeight)
	
	// DISABLED
	// +++ Achtug: das geht nur in IE, overflow = visible
	if (!field.size) field.style.overflow = "visible" // "auto" // kein Scrollbar s fuer textareas
	if (editorObj[field.id] && editorObj[field.id].isFloatingEditor == 0) {
		// nichts tun
	} else {
		// alert("resette "+span.id)
		if(life_field) {life_field.style.display 	= "none";}
		if (editorObj[field.id])	span.style.display 		= "block"; // vorher inline -> Probleme beim Swutchen mit Editoren designmode
		else 						span.style.display 		= "inline"; // inline wird fuer alle nicht editorfelder verwendet, damit das Icon lins stehen kann, sonst enststehen Umbrueche
		// span.style.display 		= "inline";
	}
	if ((!field.size) && (window.adjustTextareaHeight)) adjustTextareaHeight("init",field)
	if ((fadeEditorbuttons) && editorObj[editorObjTextareaName]) editorObj[editorObjTextareaName].switchButtonModeFade(editorObjTextareaName) 		 
	fadeEditorbuttons = 1;
	try {field.focus()} 
	catch (e) {}
} 







 
 
 function deactivate_all_fields() {
 	// return;
 	// Zuruecksetzen der editierbaren Felder
	allSpansArr 	= document.getElementsByTagName("div")
	allSpanslength 	= allSpansArr.length
	//alert("allSpanslength " + allSpanslength)
	for(i=0;i<allSpanslength;i++) {
		mySpan 			= allSpansArr[i];
		mySpanEditId 	= mySpan.id;
		if (mySpanEditId.indexOf("elife_") != -1) { 		// wenn es ein editerbarer Bereich ist
			if (mySpan.style.display != "none") { 			// Es ist ein sichtbarer editierbarer Bereich
				mySpanId   	= mySpanEditId.substr(1,mySpanEditId.length)
				myFieldId 	= mySpanId.substr(5,mySpanId.length)
				// alert("mySpanEditId " + mySpanEditId + "   mySpanId " + mySpanId + " myFieldId " + myFieldId)
				// alert("deactivate_all_fields " + myFieldId)
				is_editorfield 			= 0
				// ist es ein vom Editor bearbeitetet Feld? Gibt es ein Editorobjekt dazu?
				if (editorObj[myFieldId]) {
				// return;
				// if(mySpanId == "life_"+editorTextareabyUser) {
					//alert( "editorfelf: " + editorTextareabyUser)
					myVal = getContentForField()								// Hier wird der Content gewitcht
					// alert("nach getContentForField() " + myVal);
					is_editorfield = 1
				} else {
					myVal = document.getElementById(myFieldId).value
					myVal = myVal.replace(	/\n/gi			, '<br>') 
				}
				
				
				//if (editorObj[field.id] && editorObj[field.id].isFloatingEditor == 0) {
				// continue
				//} 
				mySpan.style.display  	= "none";
				myLifeSpan 				= document.getElementById(mySpanId)
				
				// Lifespan sichtbar machen und den aktuellen Inhalt einsetzen
				// Das ist ein Provisorium, hier muss eigenlich sauber berechnet werden, z. B. wenn ich eine Tabelle einfuege
				
				
				// alert(myVal)
				// myLifeSpan.innerHTML = myVal // Feld.value an life-Span zuruekgeben
				// alert(mySpan.id)
				// alert(myLifeSpan.id)
				// alert(mySpanId)
				// alert("is_editorfield " + is_editorfield + " myVal " + myVal)
				// Bilder schonmal zeigen....
				// Voraussetzung: SCF("i",..) -> Abfrage von reinen Bildnamen
				// hier gibt es ein paar probleme mit dem Erkennen der Bilder
				// der Mehrzeilen modus "m" geht nicht, wenn Bilder imtext auftreten, scheint die Bedingung bereits erfuellt zu sein
				// if (1==1) {
				// if ((!is_editorfield) && (myVal.match(/^[a-zA-Z0-9-_]+\.(jpg)|(jpeg)|(gif)|(png)$/m))     ) {
				if ((!is_editorfield) && (myVal.match(/^[a-zA-Z0-9-_]+\.(jpg)|(jpeg)|(gif)|(png)$/))     ) {
					//alert ("Bild gefunden: img_+mySpanId " + "img_"+mySpanId)
					//alert("myVal " + myVal)
					if (document.getElementById("img_"+mySpanId)) {
						//alert ("exisiert: img_"+mySpanId)
						//alert("mySpanId " + mySpanId)
						infospan = document.getElementById("infospan_"+mySpanId) // ein unsichtbares span, das Zusatzinformationen enthaelt
						CeImagePath = infospan.innerHTML // infotext enthaelt CeImagePath
						//alert("infotext " + infotext)
						//alert("CeImagePath " + CeImagePath)
				 		document.getElementById("img_"+mySpanId).src = CeImagePath + myVal // JSImagePath wird in JSeditmodefunction definiert
						// alert("JSImagePath + myVal " +JSImagePath + myVal)
						myLifeSpan.style.display="none" // Feldtext nicht Zeigen
					}
				} else {
					// Ansonsten Inhalt zeigen
					if(myVal =="") myVal = "&nbsp;" ; // ganz leere Felder erzeugen ein strichfoermoges Eingabefeld beim Zuruechswitchen
					myLifeSpan.innerHTML = myVal // Feld.value an life-Span zuruekgeben
					if (mySpanId.indexOf("bild") != -1) myLifeSpan.style.display="none" // Wenn Bildabfrage, Feldtext nicht Zeigen
					// alert("resette "+ myLifeSpan.id + " myVal " + myVal)
					myLifeSpan.style.display  = "block";
				}
			} // end if
		} // end indexOf
	} // end for i
} // end function




function hide_Vmarker(anaus) {
	allSpansArr 	= document.getElementsByTagName("div")
	allSpanslength = allSpansArr.length
	for(i=0;i<allSpanslength;i++) {
		mySpan 			= allSpansArr[i];
		mySpanEditId 	= mySpan.id;
		//alert(mySpanEditId)
		if (mySpanEditId.indexOf("life_") != -1) { // wenn es ein editerbarer Bereich ist
			if (anaus==0) 	mySpan.style.borderLeftWidth = 0;
			else 			mySpan.style.borderLeftWidth = 1;
		}
	}
}


function test() {
	alert("test");
}

function submitWarn(warn,form) {
	// alert(form.name);
	if(confirm(warn)==true) form.submit();
}


function submitform(form) {
	//alert(form.sprachauswahl.value);
	//form.action=form.sprachauswahl.value;
	form.submit();
	
}

function submitsprachauswahl(form) {
	//alert(form.sprachauswahl.value);
	//alert(form.name)
	//form.submit();
	document.selectversion.submit();
}




function fensterauf(fenstertyp,vars,url) {
	//alert("fenstertyp: "+fenstertyp + " url: "+ url+vars);
	// return;
	if(fenstertyp=="kmicrosite"){
		(url.indexOf("emode=1") != -1) ? res = "yes"  : res = "no";
		{F2 = window.open(url,'microsite','toolbar=no,location=no,menubar=no,statusbar=no,scrollbars=no,resizable='+res+',width=798,height=560,left=0,top=0');}
	}
	/*if(fenstertyp=="kmicrosite"){
		if(!window.opener) {
			// Fenster soll im editmode resizable geoffnet werden
			(vars.indexOf("emode=1") != -1) ? res = "yes"  : res = "no";
			F2 = window.open(url+vars,'microsite','toolbar=no,location=no,menubar=no,statusbar=no,scrollbars=no,resizable='+res+',width=798,height=560,left=0,top=0');
		}
	}
	*/
	if(fenstertyp=="edituserrigths") 			{F2 = window.open('userrights.php?'                     		  	+vars,'','toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=yes,width=600,height=700,left=10,top=10');}
	if(fenstertyp=="PDFgen")         			{F2 = window.open('/cms/pdf_generation/pdfgen.php?'               	+vars,'','toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=yes,width=480,height=720,left=0,top=0');}
	if(fenstertyp=="email")          			{F2 = window.open('/cms/email.php?'                               	+vars,'','toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=yes,width=800,height=500,left=0,top=0');}
	if(fenstertyp=="productfeatures")			{F2 = window.open('/cms/productfeatures.php?'                     	+vars,'','toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes,width=520,height=280,left=0,top=0');}
	if(fenstertyp=="productfeatures_icon_only")	{F2 = window.open('/cms/productfeatures.php?'                 		+vars,'','toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes,width=260,height=280,left=0,top=0');}
	if(fenstertyp=="formgenerator")				{F2 = window.open('/cms/mod/formgenerator/formgenerator.php?'     	+vars,'','toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=yes,width=800,height=600,left=0,top=0');}
	if(fenstertyp=="compareproducts")			{F2 = window.open(url                 								+vars,'','toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=yes,width=1024,height=810,left=0,top=0');}

}






function openNewWindow(theURL,winName,features) {
//alert(path)
	window.open(theURL,winName,features);
}
function Dfensterauf(path,name,xy) {
// Downloadfenster fŸr PDF...
//alert(path);
F2 = window.open(path,'download','toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes,width=280,height=130,left=-10,top=-10');
}

function popup(path,w,h) {
	// $downloadlink = '<a href="javascrip:\"Dfensterauf(/cms/download.php?path='$ImagePath.$thissrc.'&name='.$bu.');">'.$bu.'</a>';
	//alert(fenstertyp);
	F2 = window.open(path,'download','toolbar=no,location=no,menubar=no,scrollbars=no,resizable=yes,width='+w+',height='+h+',left=-10,top=-10');
}


var lastColor="#FFFFFF";
var lastObj;
function roll(obj,mybgColor) { 
	if(lastObj) lastObj.bgColor = lastColor; // zuraecksetzen
	lastColor = obj.bgColor // speichern
	obj.bgColor = mybgColor;
	lastObj = obj;
}
function rollback(obj) {
	obj.bgColor = lastColor;
}
function rollclass(obj,myclass) { 
	obj.className = myclass;
}
function rollImg(thisimg, wObj){ 
	document[thisimg].src = wObj.src;
}
function rollImgBg(imgName, wObj, bgElName,col){ 
// Aendert farbe + 1 Bild
	//document.getElementById(imgName).src = wObj.src;
	document.getElementById(imgName).src = wObj.src;
	document.getElementById(bgElName).bgColor = col;
}




function activateInputField(obj) {
	myobj = document.getElementById(obj)
	d = myobj.disabled
	//alert(d)
	if (d == 1) myobj.disabled = 0;
	else 		myobj.disabled = 1
}



function btn_Set(obj,className) 		{obj.className=className}
function btn_hover(obj) 	{obj.className="btn_hover"}
function btn_out(obj) 		{obj.className="btn"}
function btn_down(obj) 		{obj.className="btn_active"}
function btn_up(obj) 		{obj.className="btn"}
function btntop_hover(obj) 	{obj.className="btntop_hover"}
function btntop_out(obj) 	{obj.className="btntop"}
function btntop_down(obj) 	{obj.className="btntop_active"}
function btntop_up(obj) 	{obj.className="btntop"}
function btnhell_hover(obj) {obj.className="btnhell_hover"}
function btnhell_out(obj) 	{obj.className="btnhell"}
function btnhell_down(obj) 	{obj.className="btnhell_active"}
function btnhell_up(obj) 	{obj.className="btnhell"}

//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+                                                                 +
//+                                                                 +
//+                                                                 +
//+                            +FENSTER                             +  
//+                                                                 +
//+                                                                 +
//+                                                                 +
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
function openDialog(DialogData)  {
		// Dialogfenster bekommen ein Beschreibungsobjekt mit, das aus 3 Elementen besteht
		// 1) url und andere Fensterparameter
		// 2) args: 			dcmd=Befahl, der nach dem Schissen des Fenster ausgefuehrt wird, obligaorisch
		//					    color= irgendwelche anderen Daten fuer das Fenster
		// bsp: dialogData = {url:"select_color.html", w:250, h:180, args:{dcmd:"forecolor", color:"#FFFFFF"}}
		// damit lassen isch alle gaengigen Dialoge bewaeltigen 
		url = DialogData.url
		
		
		if (!DialogData.h)        h       = 100;        else h = DialogData.h;
		if (!DialogData.w)        w       = 100;        else w = DialogData.w;
		if (!DialogData.t)        t       = 100;        else t = DialogData.t;
		if (!DialogData.l)        l       = 100;        else l = DialogData.l;
		if (!DialogData.resize)   resize  = 0;          else resize = DialogData.resize;
		if (!DialogData.status)   status  = 0;          else status = DialogData.status;
		if (!DialogData.scrollen) scrollen= 0;          else scrollen = DialogData.scrollen;
		if (!DialogData.edge)     edge    = "raised";   else edge = DialogData.edge;
		if (!DialogData.loc)      loc     = 0;    		else loc = DialogData.loc;
		if (!DialogData.modus)    modus   = "modeless"; else modus = DialogData.modus;
		
		// DialogData.args muss mindestens 1en wer enthalten: dcmd, der ruft dei Function "doDialogCommand" nach Schliessen des Fensters auf...
		myDialogArguments = DialogData.args // wird von Mozilla abgerufen, wenn ein Fenster geoeffnet wurde
		// +++ Achtung: Ausnahme popupeditor, hier gibt es ein Problem mit dem iframe in einem modelessdialog
		if ((is_ie) && (modus != "normal")) {
			if (modus == "modeless") 	aktueldialog = showModelessDialog(url, window, 'resizable: '+resize+'; help: no; status: '+status+'; dialogHeight:'+h+'px; dialogWidth:'+w+'px; dialogTop:'+t+'px; dialogLeft:'+l+'px; scroll:'+scrollen+'; edge:'+edge+';');
			else 						aktueldialog = showModalDialog(   url, window, 'resizable: '+resize+'; help: no; status: '+status+'; dialogHeight:'+h+'px; dialogWidth:'+w+'px; dialogTop:'+t+'px; dialogLeft:'+l+'px; scroll:'+scrollen+'; edge:'+edge+';');
			//alert(aktueldialog)
			//if (aktueldialog) doDialogCommand(aktueldialog) // sofort ausfuehren, wenn ein result vom Fenster kommt
		} else {
			aktueldialog = window.open(url, "", 'menuebar = 0, width='+(w-12)+', height='+(h-26)+', left='+l+', top='+t+',status='+status+', toolbar=0, scrollbars='+scrollen+', resizable='+resize+', location='+loc+',fullscreen = 0');
		}
		return aktueldialog
}




















function switch_service_direction() {
// alert("switch_service_direction")
// alert("input "+ document.edit.switch_service.value)
	if (document.edit.switch_service.value == "top_service") {
		document.edit.switch_service.value = "side_service"
	} else {
		document.edit.switch_service.value = "top_service"
	}
	// alert("output " + document.edit.switch_service.value)
	document.edit.submit()
}






////////////////////////////////
// Draging Elements
function startdragIt(evt) {
	if (window.toggleTicker) {toggleTicker()}
	MouseUpMenue = 0; 				// wird fuer Menues bnoetigt
	checkforOpenWindows();
	evt = (evt) ? evt : event;
	dragobj 	= (evt.target) ? evt.target : evt.srcElement;
	refobj 		= null;
	if (dragobj) {
		el = dragobj.id
		switch (el) {
			case "FloatingEditorGriff":
				dragobj = document.getElementById("FloatingEditorLayer")
				refobj  = document.getElementById("FloatingEditorLayer")
				if (is_mac_moz) {
					moveDummy 					= document.getElementById("moveDummy")
					FloatingEditorLayer 		= document.getElementById("FloatingEditorLayer")
					FloatingEditorTable 		= document.getElementById("FloatingEditorTable")
					moveDummy.style.display 	= "block"
					moveDummy.style.width 		= FloatingEditorTable.offsetWidth
					moveDummy.style.height 		= FloatingEditorTable.offsetHeight
					moveDummy.style.left 		= FloatingEditorLayer.offsetLeft
					moveDummy.style.top 		= FloatingEditorLayer.offsetTop
					dragobj = moveDummy
				}
			break;
			case "FloatingEditorLayer":
				dragobj = document.getElementById("FloatingEditorLayer")
				refobj  = document.getElementById("FloatingEditorLayer")
				if (is_mac_moz) {
					moveDummy 					= document.getElementById("moveDummy")
					FloatingEditorLayer 		= document.getElementById("FloatingEditorLayer")
					FloatingEditorTable 		= document.getElementById("FloatingEditorTable")
					moveDummy.style.display 	= "block"
					moveDummy.style.width 		= FloatingEditorTable.offsetWidth
					moveDummy.style.height 		= FloatingEditorTable.offsetHeight
					moveDummy.style.left 		= FloatingEditorLayer.offsetLeft
					moveDummy.style.top 		= FloatingEditorLayer.offsetTop
					dragobj = moveDummy
				}
			break;
			
		} // end switch
		if (refobj) {
			OffsetLeft 		= parseInt(refobj.offsetLeft) 
			OffsetTop 	 	= parseInt(refobj.offsetTop) 
		 	dragdistLeft 	= parseInt(evt.clientX) - OffsetLeft
			dragdistTop  	= parseInt(evt.clientY) - OffsetTop
		}
		// benoetigt, sonst keine sauberes Dragging in Moz, aber auch kein eingeben in Felder moeglich
		// deshlb testen, ob ein Drag Element angeklickt wurde (dann muss ein refobj vorliegen) 
		if (refobj) return false;
	}
}

function dragIt(evt) {
	evt = (evt) ? evt : event;
	if ((dragobj) && (refobj)){
		thisposH  = evt.clientX - dragdistLeft
		thisposV  = evt.clientY - dragdistTop
		//thisposH  = evt.pageX - dragdistLeft
		//thisposV  = evt.pageY - dragdistTop
		
		dragobj.style.left = thisposH
		dragobj.style.top  = thisposV
		FloatingEditorXpos = thisposH
		FloatingEditorYpos = thisposV
		// document.getElementById("ilayer").innerHTML = "thisposH: "+ thisposH + " thisposV: "+ thisposV; 
		// document.getElementById("infolayer").style.display = "block";
		// document.getElementById("infolayer").innerHTML = "thisposH:" + thisposH +"<br>" + "thisposV:" + thisposV +"<br>" + "dragdistLeft:" + dragdistLeft +"<br>" + "dragdistTop:" + dragdistTop +"<br>"
		if (is_ie) return false;
		evt.cancelBubble = true;
		return false;
	}
}

function stopdragIt(evt) {
	if (window.M_out)					M_out()
	if (window.checkforOpenWindows)  	checkforOpenWindows()
	if ((dragobj) && (refobj)) {
		
		if ((is_mac_moz) && (dragobj.id=="moveDummy")){
			moveDummy 					= document.getElementById("moveDummy")
			moveDummy.style.display 	= "none"
			FloatingEditorLayer 		= document.getElementById("FloatingEditorLayer")
			FloatingEditorLayer.style.left = moveDummy.style.left
			FloatingEditorLayer.style.top = moveDummy.style.top
		}
		if (window.writePositions) writePositions()		
	} // end if
	dragobj = null;	
	refobj  = null;	
}



function ismaxlength(obj){
	var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
	if (obj.getAttribute && obj.value.length>mlength)
	obj.value=obj.value.substring(0,mlength)
}






function adjustTextareaHeight(ev,el) {
// return;
		/* Offene Problme: 
		Die Berechung der lineheigt bei fontsize 100% = 100%8 * 1.2
		Das geht so eigentlich nicht....ich mussete wissen, was 100% px ist, daraus koennte ich es dann korrekt ableiten...
		Dafuer muesste ich aber den Browserdefult kennen ...
		
		
		*/

	if(!is_ie) {
		// Problem 1: Das Feld schrumpft nicht mehr, wenn es einmal vergroessert ist
		// Problem 1: Wenn ien horizontaler Scrollbar auftritt, stimmt die Rechnung nicht mehr
		// Border muß angepasst werden
		//alert(el.style.lineHeight)
		// alert(el.style.fontSize)
		lh 		= 18;	// lineheigt, muss evtl dyn abgefragt werden	
		border 	= 2;
		_offsetHeight  = el.offsetHeight
		_scrollHeight  = el.scrollHeight
		
		// Berechnen der LineHeigt
		// +++ Achtung: Diese Methode ist nicht ganz sicher...
		// wenn andere Maßeinheiten wie em bestimmt sind, muß ich hier noch nachbessern
		// Je nach Grundeinstellung des Browsers ist der Prozentwert nich in px umzurechen
		// z. Z. wird berechnet: %,px
		thisfontsize = "";
		thislineheight = readCSSRule(el.className,"lineHeight")
		//alert("el.className "+ el.className)
		if (!thislineheight) {	
		// alert("!val")
			thisfontsize = readCSSRule(el.className,"fontSize")
			//alert("fontSize " + val)
			if (thisfontsize) {
				// alert("lineHeight berechen aus fontsize")
				if(thisfontsize.indexOf("%")!=-1) 	thislineheight = (parseInt(thisfontsize)/8) *1.2 // 140% = 14px
				else 								thislineheight = parseInt(thisfontsize)*1.2
			}
		}
		// alert(val)
		//alert("thislineheight " + thislineheight)
		//alert("thisfontsize " + thisfontsize)
		if(thislineheight) lh = parseInt(thislineheight) + 1 // parseInt(thislineheight/2)// warum 8? Weiss ich nicht, geht aber...
		//alert("lh " + lh)
		//alert(lh)
		// alert(el.id + " h: " + h + " _scrollHeight:" + _scrollHeight)
		// alert(document.getElementById(id).style.fontSize)
		// var rules = document.styleSheets[i].rules ? document.styleSheets[".head"].rules : document.styleSheets[".head"].cssRules;
		if (ev != "init") { // nicht init
			if (ev.keyCode == 13)  { // return
				var ev = (window.Event) ? ev : window.event
				//alert("return")
				//document.getElementById(el.id).style.height = (_scrollHeight+(border)+lh);
				document.getElementById(el.id).style.height = (_scrollHeight+(border)+lh);
				// window.setTimeout("adjustTextareaHeightAfterReturn(\""+el.id+"\"," +(_scrollHeight+border+lh)+ ")",1)
			} else {
				// alert("else")
				if ((_offsetHeight-border) !=_scrollHeight) {el.style.height = (_scrollHeight+border+1)}
			}
		} else { // init
			el.style.height = (_scrollHeight+border);
		}
	}
}

function readCSSRule(classname,prop) {
	//alert(document.styleSheets.item(3).href)
	//alert(document.styleSheets.length)
	var rules
	var docstyle = document.styleSheets.item(document.styleSheets.length-2); // Achtung: hier muß das richtige Stylesheet verwendet werden
	// styles sind mit items numeriert, ich nehme das letzt -> standardstytes
	if(docstyle.rules)		rules=docstyle.rules;
  	if(docstyle.cssRules)	rules=docstyle.cssRules;
  	var rl=rules.length;
	for(var i=0;i<rl;i++){
    	//if(rules.item(i).selectorText=="."+classname) return rules.item(i).style[prop];
		// alert(rules.item(i).selectorText);
	// alert("classname "+ classname + " prop " + prop + " selectorText "  + rules.item(i).selectorText +"  " + rules.item(i).style[prop])
	// alert(rules.item(i))
		if(rules.item(i).selectorText==("."+classname)) {
			// alert(" selectorText "  + rules.item(i).selectorText + " prop " + prop + rules.item(i).style[prop])
			return rules.item(i).style[prop];
		}
  	}
}