/**
 * Code by Sarte www.ssmss.de www.rezesarios.de last edit 2009-06-22
 */
var active = false;
var activecount = 0;
function initStyleE() {
	var elements = document.getElementById('s_s_ue');
	elements.style.display = 'none';
	var elements = document.getElementById('s_s_ei');
	elements.style.display = 'none';
	var root = document.getElementsByTagName('body')[0];
	root.onclick = new Function("clearPaletteFromAll()");
	var iframe = document.getElementById('upload_target');
	iframe.style.width = '0px';
	iframe.style.height = '0px';
	document.getElementById('crossleft').style.right = '460px';
}
function showelement(element) {
	if (element == 1) {
		var img = document.getElementById('firsti');
		var h = document.getElementById('firsth');
		h.onclick = new Function("clearelement(" + element + ")");
		img.onclick = new Function("clearelement(" + element + ")");
		img.className = "minus";
		var elements = document.getElementById('s_s_ue');
		elements.style.display = 'block';
	}
	if (element == 2) {
		var img = document.getElementById('secondi');
		var h = document.getElementById('secondh');
		h.onclick = new Function("clearelement(" + element + ")");
		img.onclick = new Function("clearelement(" + element + ")");
		img.className = "minus";
		var elements = document.getElementById('s_s_ei');
		elements.style.display = 'block';
		if (document.getElementById('s_s_ei').innerHTML.indexOf("keinen Style") == -1)
			document.getElementById('crossleft').style.right = '472px';
	}
}
function clearelement(element) {
	if (element == 1) {
		var img = document.getElementById('firsti');
		var h = document.getElementById('firsth');
		clearPalette();
		h.onclick = new Function("showelement(" + element + ")");
		img.onclick = new Function("showelement(" + element + ")");
		img.className = "plus";
		var elements = document.getElementById('s_s_ue');
		elements.style.display = 'none';
	}
	if (element == 2) {
		var img = document.getElementById('secondi');
		var h = document.getElementById('secondh');
		h.onclick = new Function("showelement(" + element + ")");
		img.onclick = new Function("showelement(" + element + ")");
		img.className = "plus";
		var elements = document.getElementById('s_s_ei');
		elements.style.display = 'none';
		document.getElementById('crossleft').style.right = '460px';
	}
}
var mouseX, mouseY;
var tempvisible = 0.1;
function CreateToolTip() {
	var root = document.getElementsByTagName('body')[0];
	var tooltip = document.createElement('div');
	tooltip.id = 'tooltip';
	root.appendChild(tooltip);
}
function ToolTip(e, s) {
	var tooltip = document.getElementById('tooltip');
	getMouseXY(e);
	switch (s.id) {
	case "style_bild1":
		tooltip.innerHTML = 'Wählen Sie einen passenden Namen für Ihren persönlichen Style';
		break;
	case "style_bild2":
		tooltip.innerHTML = 'Wählen Sie Ihre Schriftfarbe, z.B. "#FF0000" für Rot';
		break;
	case "style_bild3":
		tooltip.innerHTML = 'Es gibt fünf Positionen: left, top, bottom, right und center. Dieses entscheidet wo das Bild positioniert wird. Empfohlen wird immer "top" mit "left" oder "center" zu benutzen.';
		break;
	case "style_bild4":
		tooltip.innerHTML = 'Wenn das Bild aufhört, muss man eine Farbe für den Übergang definieren, z.B. "#000000" für Schwarz';
		break;
	case "style_bild5":
		tooltip.innerHTML = 'Wollen Sie Ihren Style veröffentlichen, damit jeder ihn sehen kann?';
		break;
	}

	tooltip.style.top = (mouseY + 10) + 'px';
	tooltip.style.left = (mouseX + 10) + 'px';
	tooltip.style.opacity = tempvisible;
	tooltip.style.MozOpacity = tempvisible;
	tooltip.style.display = 'block';
	Erscheinenlassen();
}
function UnToolTip() {
	var tooltip = document.getElementById('tooltip');
	tooltip.style.display = 'none';
	tempvisible = 0.1;
}
function getMouseXY(e) {
	if (window.ActiveXObject) {
		mouseX = window.event.x + document.body.scrollLeft;
		mouseY = window.event.y + document.body.scrollTop;
	} else {
		mouseX = e.pageX;
		mouseY = e.pageY;
	}
}
function Erscheinenlassen() {
	if (tempvisible < 1.1) {
		document.getElementById('tooltip').style.MozOpacity = tempvisible;
		document.getElementById('tooltip').style.opacity = tempvisible;
		tempvisible = tempvisible + 0.1;
		setTimeout("Erscheinenlassen()", 30);
	}
}
function ErscheinenlassenPalette() {
	if (tempvisible < 1.1) {
		document.getElementById('farbpalette').style.MozOpacity = tempvisible;
		document.getElementById('farbpalette').style.opacity = tempvisible;
		tempvisible = tempvisible + 0.1;
		setTimeout("ErscheinenlassenPalette()", 30);
	}
}
var whichColor = false;
function Farbpalette(e, element) {
	var farbpalette = document.getElementById('farbpalette');
	getMouseXY(e);
	tempvisible = 0.1;
	active = true;
	var cursor = document.getElementById('cursorclicked');
	cursor.style.display = 'none';
	switch (element.name) {
	case "hintergrundfarbe":
		farbpalette.style.top = '-40px';
		farbpalette.style.left = '400px';
		whichColor = true;
		var Hinter = document.getElementById('hintergrundfarbe');
		var value = Hinter.value;
		if (value.length > 1 && value.indexOf("#") >= 0) {
			document.getElementById('s_s_e_anzeige').style.background = value;
		} else
			document.getElementById('s_s_e_anzeige').style.background = '#000';
		break;
	case "textfarbe":
		farbpalette.style.top = '-80px';
		var root = document.getElementsByTagName('body')[0];
		farbpalette.style.left = '400px';
		whichColor = false;
		var Text = document.getElementById('textfarbe');
		var value = Text.value;
		if (value.length > 1 && value.indexOf("#") >= 0) {
			document.getElementById('s_s_e_anzeige').style.background = value;
		} else
			document.getElementById('s_s_e_anzeige').style.background = '#000';
		break;
	}
	farbpalette.style.opacity = tempvisible;
	farbpalette.style.MozOpacity = tempvisible;
	farbpalette.style.display = 'block';
	ErscheinenlassenPalette();
}
var xmlHttpGetColor = createXmlHttpRequestObject();
function getColor(e) {
	getMouseXY(e);
	var clicked = document.getElementById('cursorclicked');
	clicked.style.top = mouseY + 'px';
	clicked.style.left = mouseX + 'px';
	clicked.style.display = 'block';
	if (xmlHttpGetColor) {
		var offsetX = mouseX;
		var offsetY = mouseY;
		var palette = document.getElementById('palette');
		var farbpalette = document.getElementById('farbpalette');
		var hole = document.getElementById('s_s_m');
		if (window.ActiveXObject) {
			offsetX = window.event.offsetX;
			offsetY = window.event.offsetY;
		} else {
			offsetX -= hole.offsetLeft + palette.offsetLeft
					+ farbpalette.offsetLeft;
			if (farbpalette.style.top == '-80px')
				offsetY -= 116;
			else
				offsetY -= 156;
		}
		try {
			if (xmlHttpGetColor.readyState == 4
					|| xmlHttpGetColor.readyState == 0) {
				var params = "?offsetx=" + offsetX + "&offsety=" + offsetY;
				xmlHttpGetColor.open("GET", "get_color.php" + params, true);
				xmlHttpGetColor.onreadystatechange = handleGettingColor;
				xmlHttpGetColor.send(null);
			}
		} catch (e) {
			displayError(xmlHttpGetColor.statusText);
		}
	}
}
function handleGettingColor() {
	if (xmlHttpGetColor.readyState == 4) {
		if (xmlHttpGetColor.status == 200) {
			try {
				changeColor();
			} catch (e) {
				displayError(xmlHttpGetColor.statusText);
			}
		} else {
			displayError(xmlHttpGetColor.statusText);
		}
	}
}
function changeColor() {
	response = xmlHttpGetColor.responseText;
	if (response.indexOf("ERRNO") >= 0 || response.indexOf("error:") >= 0
			|| response.length == 0)
		throw (response.length == 0 ? "Farbe kann nicht gesetzt werden"
				: response);
	var anzeige = document.getElementById('s_s_e_anzeige');
	var Text = document.getElementById('textfarbe');
	var Hinter = document.getElementById('hintergrundfarbe');
	anzeige.style.background = response;
	if (whichColor) {
		Hinter.value = response;
	} else {
		Text.value = response;
	}
}
function clearPalette() {
	var farbpal = document.getElementById('farbpalette');
	var cursor = document.getElementById('cursorclicked');
	farbpal.style.display = 'none';
	cursor.style.display = 'none';
	tempvisible = 0.1;
}
function clearPaletteFromAll() {
	if (active == false) {
		var farbpal = document.getElementById('farbpalette');
		var cursor = document.getElementById('cursorclicked');
		farbpal.style.display = 'none';
		cursor.style.display = 'none';
		tempvisible = 0.1;
	}
}
function setActiveTrue() {
	active = true;
}
function setActiveFalse() {
	active = false;
}
var xmlHttpUpload = createXmlHttpRequestObject();
function Einstellungen() {
	if (document.getElementById('u_bild')) {
		var bild = document.getElementById('u_bild');
		if (bild.value != '') {
			StyleOverlay();
			return true;
		}
	} else {
		StyleOverlay();
		if (xmlHttpUpload) {
			var tempcache = '';
			var inputs = document.getElementsByTagName('input')[0];
			switch (inputs.name) {
			case "stylename":
				tempcache = 'stylename=' + encode(inputs.value) + '&check=yes';
				break;
			case "bildposition":
				tempcache = 'bildposition=' + encode(inputs.value) + '&check=yes';
				break;
			case "oeffentlich":
				tempcache = 'oeffentlich=' + encode(inputs.value) + '&check=yes';
				break;
			case "textfarbe":
				tempcache = 'textfarbe=' + encode(inputs.value) + '&check=yes';
				break;
			case "hintergrundfarbe":
				tempcache = 'hintergrundfarbe=' + encode(inputs.value) + '&check=yes';
				break;
			}
			try {
				if (xmlHttpUpload.readyState == 4
						|| xmlHttpUpload.readyState == 0) {
					xmlHttpUpload.open("POST", "einstellungen/index.php", true);
					xmlHttpUpload.setRequestHeader("Content-Type",
							"application/x-www-form-urlencoded");
					xmlHttpUpload.onreadystatechange = handleEinstellungen;
					xmlHttpUpload.send(tempcache);
				}
			} catch (e) {
				displayError(xmlHttpUpload.statusText);
			}
		}
		return false;
	}
}
function handleEinstellungen() {
	if (xmlHttpUpload.readyState == 4) {
		if (xmlHttpUpload.status == 200) {
			try {
				ShowEinstellungen();
			} catch (e) {
				displayError(xmlHttpUpload.statusText);
			}
		} else {
			displayError(xmlHttpUpload.statusText);
		}
	}
}
function ShowEinstellungen() {
	response = xmlHttpUpload.responseText;
	if (response.indexOf("ERRNO") >= 0 || response.indexOf("error:") >= 0
			|| response.length == 0)
		throw (response.length == 0 ? "Die Einstellungen konnte nicht übernommen werden"
				: response);
	var root = document.getElementsByTagName('body')[0];
	root.onclick = new Function("StyleOverlayHide()");
	var ausgabe = response.substring(response.indexOf('FF9;">') + 6, response
			.indexOf('</body>'));
	var span = document.getElementById('StyleContainer');
	span.style.marginLeft = '-140px';
	span.innerHTML = ausgabe;
}
var OverlayWert = 0;
var CreateOverlay = false;
var StyleOldForm = '';
function StyleOverlay() {
	if (OverlayWert < 8) {
		OverlayWert++;
		if (CreateOverlay == false) {
			var body = document.getElementsByTagName('body')[0];
			var OverlayContainer = document.createElement('div');
			var StyleContainer = document.createElement('div');
			var StyleLoader = document.createElement('img');
			var Overlay = document.createElement('div');
			Overlay.id = 'StyleOverlay';
			OverlayContainer.id = 'OverlayContainer';
			StyleContainer.id = 'StyleContainer';
			StyleLoader.src = '../images/upload.gif';
			StyleLoader.alt = 'Bitte warten Sie';
			StyleLoader.style.margin = '0 0 0 37px';
			body.appendChild(OverlayContainer);
			OverlayContainer.appendChild(Overlay);
			OverlayContainer.appendChild(StyleContainer);
			StyleContainer.appendChild(StyleLoader);
			StyleContainer.innerHTML = StyleContainer.innerHTML + '<br /><span id="span_ausgabe">Bitte warten Sie</span>';
			CreateOverlay = true;
			StyleOldForm = StyleContainer.innerHTML;
		}
		if (document.getElementById('OverlayContainer').style.display == 'none') {
			document.getElementById('StyleContainer').innerHTML = StyleOldForm;
			document.getElementById('StyleContainer').style.marginLeft = '';
			document.getElementById('OverlayContainer').style.display = 'block';
		}
		var Overlay = document.getElementById('StyleOverlay');
		if (window.ActiveXObject) {
			Overlay.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="
					+ OverlayWert + "0)";
		}
		Overlay.style.opacity = '0.' + OverlayWert;
		window.setTimeout("StyleOverlay()", 40);
	} else {
		var root = document.getElementsByTagName('body')[0];
	}
}
function StyleOverlayHide() {
	if (OverlayWert > 0) {
		OverlayWert--;
		var Overlay = document.getElementById('StyleOverlay');
		if (window.ActiveXObject) {
			Overlay.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity="
					+ OverlayWert + "0)";
		}
		Overlay.style.opacity = '0.' + OverlayWert;
		window.setTimeout("StyleOverlayHide()", 40);
	} else {
		var root = document.getElementsByTagName('body')[0];
		root.onclick = new Function("clearPaletteFromAll()");
		document.getElementById('OverlayContainer').style.display = 'none';
	}
}
var formstatus = false;
var oldform = '';
function ErstelleInputs(wert) {
	var form = document.getElementById('form_ein');
	if (!formstatus) {
		form.innerHTML = form.innerHTML + '<input type="submit" value="Ändern" style="margin-left:180px; margin-top:10px;" />';
		oldform = form.innerHTML;
		formstatus = true;
	}
	switch (wert) {
	case 1:
		form.innerHTML = oldform;
		var span = document.getElementById('sp_1');
		var inputtext = span.innerHTML;
		var div = document.getElementById('di_1');
		div.innerHTML = '';
		div.innerHTML = '<span >Style-Name: </span><input type="text" value="' + inputtext + '" style="width:120px;"  name="stylename" /><img src="../images/quest.png" alt="" id="style_bild1" onmouseover="ToolTip(event,this);" onmouseout="UnToolTip();" />';
		break;
	case 2:
		form.innerHTML = oldform;
		var span = document.getElementById('sp_2');
		var inputtext = span.innerHTML;
		var div = document.getElementById('di_2');
		div.innerHTML = '';
		div.innerHTML = '<span >Bildposition: </span><input type="text" value="' + inputtext + '" style="width:120px;"  name="bildposition" /><img src="../images/quest.png" alt="" id="style_bild3" onmouseover="ToolTip(event,this);" onmouseout="UnToolTip();" />';
		break;
	case 3:
		form.innerHTML = oldform;
		var span = document.getElementById('sp_3');
		var inputtext = span.innerHTML;
		var div = document.getElementById('di_3');
		div.innerHTML = '';
		div.innerHTML = '<span >Veröffentlichung: </span><input type="text" value="' + inputtext + '" style="width:60px;" name="oeffentlich" /><img src="../images/quest.png" alt="" id="style_bild5" onmouseover="ToolTip(event,this);" onmouseout="UnToolTip();" />';
		break;
	case 4:
		form.innerHTML = oldform;
		var span = document.getElementById('sp_4');
		var inputtext = span.innerHTML;
		var div = document.getElementById('di_4');
		div.innerHTML = '';
		div.innerHTML = '<span >Textfarbe: </span><input type="text" value="' + inputtext + '" style="width:100px;" name="textfarbe" onclick="Farbpalette(event,this);" onmouseout="setActiveFalse();" id="textfarbe" /><img src="../images/quest.png" alt="" id="style_bild2" onmouseover="ToolTip(event,this);" onmouseout="UnToolTip();" />';
		break;
	case 5:
		form.innerHTML = oldform;
		var span = document.getElementById('sp_5');
		var inputtext = span.innerHTML;
		var div = document.getElementById('di_5');
		div.innerHTML = '';
		div.innerHTML = '<span >Hintergrundfarbe: </span><input type="text" value="' + inputtext + '" style="width:100px;" name="hintergrundfarbe" onclick="Farbpalette(event,this);" onmouseout="setActiveFalse();" id="hintergrundfarbe"  /><img src="../images/quest.png" alt="" id="style_bild4" onmouseover="ToolTip(event,this);" onmouseout="UnToolTip();" />';
		break;
	case 6:
		form.innerHTML = oldform;
		var span = document.getElementById('sp_6');
		var inputtext = span.innerHTML;
		var div = document.getElementById('di_6');
		div.innerHTML = '';
		div.innerHTML = '<span >Bild: </span><input type="file" value="" style="margin-left: 60px; margin-top:8px;" name="bild" id="u_bild"  />';
		break;
	}
}
var StyleWert = 0;
var StyleAusgabe = '';
var StyleMargin = '';
function Verzoergern() {
	if (StyleWert < 5) {
		StyleWert++;
		window.setTimeout("Verzoergern()", 300);
	} else {
		var span = document.getElementById('StyleContainer');
		span.style.marginLeft = StyleMargin;
		span.innerHTML = StyleAusgabe;
		StyleWert = 0;
		var root = document.getElementsByTagName('body')[0];
		root.onclick = new Function("StyleOverlayHide()");
	}
}
function StyleUpload() {
	StyleOverlay();
	var stylename = document.getElementById('stylename');
	var textfarbe = document.getElementById('textfarbe');
	var position = document.getElementById('bildposition');
	var hfarbe = document.getElementById('hintergrundfarbe');
	var oeff = document.getElementById('oeffentlich');
	var bild = document.getElementById('bild');
	if (stylename.value.length >= 20 || stylename.value == '') {
		StyleMargin = '-140px';
		StyleAusgabe = 'Bitte geben Sie einen gültigen Stylenamen an';
		Verzoergern();
		return false;
	}
	if (textfarbe.value.indexOf('#') == -1 || textfarbe.value.length < 6) {
		StyleMargin = '-140px';
		StyleAusgabe = 'Die Textfarbe ist nicht gültig';
		Verzoergern();
		return false;
	}
	if (!PositionenVorhanden(position.value)) {
		StyleMargin = '-140px';
		StyleAusgabe = 'Die Bildposition ist nicht gültig.';
		Verzoergern();
		return false;
	}
	if (hfarbe.value.indexOf('#') == -1 || hfarbe.value.length < 6) {
		StyleMargint = '-140px';
		StyleAusgabe = 'Die Hintergrundfarbe ist nicht gültig';
		Verzoergern();
		return false;
	}
	if (bild.value == '') {
		StyleMargin = '-140px';
		StyleAusgabe = 'Die Datei ist kein Bild. Bitte laden Sie nur ein Bild hoch!';
		Verzoergern();
		return false;
	} else {
		return true;
	}
}
function FinishedUpload(margin, ausgabe) {
	StyleMargin = margin;
	StyleAusgabe = ausgabe;
	var span = document.getElementById('StyleContainer');
	span.style.marginLeft = StyleMargin;
	span.innerHTML = StyleAusgabe;
	StyleWert = 0;
	var root = document.getElementsByTagName('body')[0];
	root.onclick = new Function("StyleOverlayHide()");
}
function PositionenVorhanden(Position) {
	var vorhanden = 5;
	Position = Position.toLowerCase();
	if (Position.indexOf('center') == -1)
		vorhanden--;
	if (Position.indexOf('bottom') == -1)
		vorhanden--;
	if (Position.indexOf('top') == -1)
		vorhanden--;
	if (Position.indexOf('left') == -1)
		vorhanden--;
	if (Position.indexOf('right') == -1)
		vorhanden--;
	if (Position.split(" ").length <= 2 && vorhanden <= 2 && vorhanden >= 1)
		return true;
	else
		return false;
}
var xmlHttpBox = createXmlHttpRequestObject();
function AjaxStyleBox(limit) {
	if (xmlHttpBox) {
		var styleboxes = document.getElementById('s_s_mb');
		styleboxes.innerHTML = '';
		styleboxes.innerHTML = '<img src="../images/loader.gif" alt="" style="margin-left:205px;"/>';
		try {
			if ((xmlHttpBox.readyState == 4 || xmlHttpBox.readyState == 0)) {
				xmlHttpBox.open("POST", "getBoxes.php?bild=" + limit, true);
				xmlHttpBox.onreadystatechange = handleStyleBox;
				xmlHttpBox.send(null);
			}
		} catch (e) {
			displayError(e.toString());
		}
	}
}
function handleStyleBox() {
	if (xmlHttpBox.readyState == 4) {
		if (xmlHttpBox.status == 200) {
			try {
				readStyleBox();
			} catch (e) {
				displayError(e.toString());
			}
		} else {
			displayError(xmlHttpBox.statusText);
		}
	}
}
function readStyleBox() {
	var response = xmlHttpBox.responseText;
	var styleboxes = document.getElementById('s_s_mb');
	styleboxes.innerHTML = '';
	styleboxes.innerHTML = response;
	if (document.getElementById('secondi').className == 'minus'
			&& document.getElementById('s_s_ei').innerHTML
					.indexOf("keinen Style") == -1)
		document.getElementById('crossleft').style.right = '472px';
	else
		document.getElementById('crossleft').style.right = '460px';
}