var rng;
var currentField;
var allFields = "";

var accbrowser = false;
var isIE;
var isGecko;
var isSafari;
var isKonqueror;

var includesPath;
var generateXHTML;

var lang = "en";
var encoding = "iso-8859-1";


function initBBCode(incPath, genXHTML) {
	var ua = navigator.userAgent.toLowerCase();
	isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1)); 
	isGecko = (ua.indexOf("gecko") != -1);
	isSafari = (ua.indexOf("safari") != -1);
	isKonqueror = (ua.indexOf("konqueror") != -1);
	
	generateXHTML = genXHTML;

  if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
		accbrowser = true;
	}
  
	if (isIE) {
		document.onmouseover = raiseButton;
		document.onmouseout  = normalButton;
		document.onmousedown = lowerButton;
		document.onmouseup   = raiseButton;
	}
  
	includesPath = incPath;
  cssFile = '';
  
}

function writeText(field, html, width, height, use) {
  if(use == false)
    var use = false;
  else
    var use = true;
    
  if(use)
  {
  if(accbrowser)
  {
    if (allFields.length > 0) allFields += ";";
	  allFields += field;
    
     document.writeln('<div class="bbcode_div">');
    if(field == 'sig' || field == 'ich' || field == 'beschreibung')
    {
      document.writeln('<table class="bbcode_back" cellpadding="0" cellspacing="1" id="Buttons2_' + field + '" width="1%">');
	    document.writeln('	<tr>');
	    document.writeln('		<td><img id="bold" class="bbcode_image" src="../inc/images/bbcode/bold.gif" width="25" height="24" alt="Bold" title="Bold" onClick="Command(\'' + field + '\', \'bold\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/italic.gif" width="25" height="24" alt="Italic" title="Italic" onClick="Command(\'' + field + '\', \'italic\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/underline.gif" width="25" height="24" alt="Underline" title="Underline" onClick="Command(\'' + field + '\', \'underline\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/left_just.gif" width="25" height="24" alt="Align Left" title="Align Left" onClick="Command(\'' + field + '\', \'justifyleft\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/centre.gif" width="25" height="24" alt="Center" title="Center" onClick="Command(\'' + field + '\', \'justifycenter\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/right_just.gif" width="25" height="24" alt="Align Right" title="Align Right" onClick="Command(\'' + field + '\', \'justifyright\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/hyperlink.gif" width="25" height="24" alt="Insert Link" title="Insert Link" onClick="dlgInsertLink(\'' + field + '\', \'link\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/image.gif" width="25" height="24" alt="Add Image" title="Add Image" onClick="addImage(\'' + field + '\')"></td>');
      document.writeln('	</tr>');
      document.writeln('</table>');
    } else {
	    document.writeln('<table class="bbcode_back" cellpadding="0" cellspacing="1" id="Buttons2_' + field + '" width="1%">');
	    document.writeln('	<tr>');
	    document.writeln('		<td><img id="bold" class="bbcode_image" src="../inc/images/bbcode/bold.gif" width="25" height="24" alt="Bold" title="Bold" onClick="Command(\'' + field + '\', \'bold\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/italic.gif" width="25" height="24" alt="Italic" title="Italic" onClick="Command(\'' + field + '\', \'italic\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/underline.gif" width="25" height="24" alt="Underline" title="Underline" onClick="Command(\'' + field + '\', \'underline\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/left_just.gif" width="25" height="24" alt="Align Left" title="Align Left" onClick="Command(\'' + field + '\', \'justifyleft\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/centre.gif" width="25" height="24" alt="Center" title="Center" onClick="Command(\'' + field + '\', \'justifycenter\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/right_just.gif" width="25" height="24" alt="Align Right" title="Align Right" onClick="Command(\'' + field + '\', \'justifyright\', \'\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/hyperlink.gif" width="25" height="24" alt="Insert Link" title="Insert Link" onClick="dlgInsertLink(\'' + field + '\', \'link\')"></td>');
      document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/clip.gif" width="25" height="24" alt="Insert Cliptext" title="Insert Cliptext" onClick="dlgInsertClip(\'' + field + '\', \'link\')"></td>');
	    document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/image.gif" width="25" height="24" alt="Add Image" title="Add Image" onClick="addImage(\'' + field + '\')"></td>');
      document.writeln('	</tr>');
      document.writeln('	<tr>');
      if(!isIE)
      {
        document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/numbered_list.gif" width="25" height="24" alt="Ordered List" title="Ordered List" onClick="Command(\'' + field + '\', \'insertorderedlist\', \'\')"></td>');
        document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/list.gif" width="25" height="24" alt="Unordered List" title="Unordered List" onClick="Command(\'' + field + '\', \'insertunorderedlist\', \'\')"></td>');
      } else {
        document.writeln('	  <td><img class="bbcode_image_blank" src="../inc/images/bbcode/blank.gif" width="25" height="24"></td>');
        document.writeln('	  <td><img class="bbcode_image_blank" src="../inc/images/bbcode/blank.gif" width="25" height="24"></td>');
      }
      document.writeln('		<td><div id="table_' + field + '"><img class="bbcode_image" src="../inc/images/bbcode/insert_table.gif" width="25" height="24" alt="Insert Table" title="Insert Table" onClick="dlgInsertTable(\'' + field + '\', \'table\', \'\')"></div></td>');
      document.writeln('		<td><div id="forecolor_' + field + '"><img class="bbcode_image" src="../inc/images/bbcode/textcolor.gif" width="25" height="24" alt="Text Color" title="Text Color" onClick="dlgColorPalette(\'' + field + '\', \'forecolor\', \'\')"></div></td>');
	    document.writeln('		<td><div id="hilitecolor_' + field + '"><img class="bbcode_image" src="../inc/images/bbcode/bgcolor.gif" width="25" height="24" alt="Background Color" title="Background Color" onClick="dlgColorPalette(\'' + field + '\', \'hilitecolor\', \'\')"></div></td>');
      document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/hr.gif" width="25" height="24" alt="Horizontal Rule" title="Horizontal Rule" onClick="Command(\'' + field + '\', \'inserthorizontalrule\', \'\')"></td>');
      document.writeln('	  <td><img class="bbcode_image_blank" src="../inc/images/bbcode/blank.gif" width="25" height="24"></td>');
      document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/undo.gif" width="25" height="24" alt="Undo" title="Undo" onClick="Command(\'' + field + '\', \'undo\')"></td>');
      document.writeln('		<td><img class="bbcode_image" src="../inc/images/bbcode/redo.gif" width="25" height="24" alt="Redo" title="Redo" onClick="Command(\'' + field + '\', \'redo\')"></td>');
      document.writeln('	</tr>');
	    document.writeln('</table>');
    }
	  document.writeln('<iframe frameborder="0" class="frame" id="' + field + '" name="' + field + '" width="' + width + 'px" height="' + height + 'px" src="' + includesPath + 'blank.html"></iframe>');
		document.writeln('<iframe class="frame" width="154" height="104" id="cp' + field + '" src="' + includesPath + 'palette.html" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; position: absolute;"></iframe>');
		document.writeln('<input type="hidden" id="hdn' + field + '" name="' + field + '" value="">');
		document.writeln('</div>');
		
	  document.getElementById('hdn' + field).value = html;
	  enableDesignMode(field, html);
    } else {
    document.writeln('<table class="bbcode_back" cellpadding="0" cellspacing="1" id="Buttons2_' + field + '" width="100%">');
	  document.writeln('	<tr>');
    document.writeln('	  <td align="center">Take another Browser to use all functions of this Editor!<br>If you see this Message, Smileys will be disabled.<td>');
    document.writeln('	<tr>');
    document.writeln('</table>');
		document.writeln('    <textarea name="' + field + '" id="' + field + '" style="width: ' + width + 'px; height: ' + height + 'px;">' + html + '</textarea>');
	}
  } else {
    document.writeln('<table class="bbcode_back" cellpadding="0" cellspacing="1" id="Buttons2_' + field + '" width="100%">');
	  document.writeln('	<tr>');
    document.writeln('	  <td align="center">For writing a Newsletter, BBCode and Smileys are disabled<td>');
    document.writeln('	<tr>');
    document.writeln('</table>');
		document.writeln('    <textarea name="' + field + '" id="' + field + '" style="width: ' + width + 'px; height: ' + height + 'px;">' + html + '</textarea>');
  }
}

function enableDesignMode(field, html) {
	var frameHtml = "<html id=\"" + field + "\">\n";
	frameHtml += "<head>\n";
	//to reference your stylesheet, set href property below to your stylesheet path and uncomment
	frameHtml += "<link media=\"all\" type=\"text/css\" href=\"" + includesPath +"bbcode.css\" rel=\"stylesheet\">\n";

	frameHtml += "</head>\n";
	frameHtml += "<body bgcolor: #FFFFFF>\n";
	frameHtml += html + "\n";
	frameHtml += "</body>\n";
	frameHtml += "</html>";
	
	if(document.all) {
		var oField = frames[field].document;
		oField .open();
		oField .write(frameHtml);
		oField .close();
		oField .designMode = "On";
		frames[field].document.attachEvent("onkeypress", function evt_ie_keypress(event) {ieKeyPress(event, field);});
	} else {
		try {
			document.getElementById(field).contentDocument.designMode = "on";
			try {
				var oField  = document.getElementById(field).contentWindow.document;
				oField .open();
				oField .write(frameHtml);
				oField .close();
				if (isGecko) {
						oField .addEventListener("keypress", geckoKeyPress, true);
				}
			} catch (e) {
				alert("Error preloading content.");
			}
		} catch (e) {
			if (isGecko) {
				setTimeout("enableDesignMode('" + field + "', '" + html + "');", 10);
			} else {
				return false;
			}
		}
	}
}

function updateField(field) {
	if (document.all) {
		if (frames[field].document.designMode != "On");
	} else {
		if (document.getElementById(field).contentDocument.designMode != "on");
	}
		setHiddenVal(field);
}

function setHiddenVal(field) {
	var oHdnField = document.getElementById('hdn' + field);
	
  if (oHdnField.value == null) oHdnField.value = "";
	if (document.all) {
		if (generateXHTML) {
			oHdnField.value = get_xhtml(frames[field].document.body, lang, encoding);
		} else {
			oHdnField.value = frames[field].document.body.innerHTML;
		}
	} else {
		if (generateXHTML) {
			oHdnField.value = get_xhtml(document.getElementById(field).contentWindow.document.body, lang, encoding);
		} else {
			oHdnField.value = document.getElementById(field).contentWindow.document.body.innerHTML;
		}
	}
	
	if (stripHTML(oHdnField.value.replace("&nbsp;", " ")) == "" &&
		oHdnField.value.toLowerCase().search("<hr") == -1 &&
		oHdnField.value.toLowerCase().search("<img") == -1) oHdnField.value = "";
}

function updateFields() {
	var vFields = allFields.split(";");
	for (var i = 0; i < vFields.length; i++) {
		updateField(vFields[i]);
	}
}

function Command(field, command, option) {
	var oField;
	if (document.all) {
		oField = frames[field];
	} else {
		oField = document.getElementById(field).contentWindow;
	}
	
	try {
		oField.focus();
	  	oField.document.execCommand(command, false, option);
		oField.focus();
	} catch (e) {
	}
}

function Command_window(field, command, option) {
	var oField;
	if (document.all) {
		oField = frames[field];
	} else {
		oField = window.opener.document.getElementById(field).contentWindow;
	}
	
	try {
		oField.focus();
	  	oField.document.execCommand(command, false, option);
		oField.focus();
	} catch (e) {
	}
  window.close();
}
function Set_window(smiley, field) 
{
  OLDsmileyPath = '../inc/images/smileys/custom/'+smiley;
  smileyPath = OLDsmileyPath.replace(/:/ig,"");
  smileyPath = smileyPath+'.gif';
  
  Command_window(field, 'InsertImage', smileyPath);
}

function dlgColorPalette(field, command) {
	setRange(field);
	
	var oDialog = document.getElementById('cp' + field);
	var buttonElement = document.getElementById(command + '_' + field);
	var iLeftPos = getOffsetLeft(buttonElement);
	var iTopPos = getOffsetTop(buttonElement) + (buttonElement.offsetHeight + 4);
	oDialog.style.left = (iLeftPos) + "px";
	//oDialog.style.top = (iTopPos) + "px";
	if ((command == parent.command) && (field == currentField)) {
		if (oDialog.style.visibility == "hidden") {
			showHideElement(oDialog, 'show');
		} else {
			showHideElement(oDialog, 'hide');
		}
	} else {
		var vFields = allFields.split(";");
		for (var i = 0; i < vFields.length; i++) {
			showHideElement('cp' + vFields[i], 'hide');
		}
		showHideElement(oDialog, 'show');
	}
	
	parent.command = command;
	currentField = field;
}

function dlgInsertTable(field, command) {
	parent.command = command;
	currentField = field;
	InsertTable = popUpWin(includesPath + 'insert_table.html', 'InsertTable', 300, 150, '');
}

function dlgInsertClip(field, command) {
	parent.command = command;
	currentField = field;
	InsertLink = popUpWin(includesPath + 'klapptext.html', 'InsertLink', 370, 200, '');
	
	setRange(field);
	var linkText = '';
	if (isIE) {
		linkText = stripHTML(rng.htmlText);
	} else {
		linkText = stripHTML(rng.toString());
	}
	setLinkText(linkText);
}

function dlgInsertLink(field, command) {
	parent.command = command;
	currentField = field;
	InsertLink = popUpWin(includesPath + 'insert_link.html', 'InsertLink', 350, 130, '');
	
	setRange(field);
	var linkText = '';
	if (isIE) {
		linkText = stripHTML(rng.htmlText);
	} else {
		linkText = stripHTML(rng.toString());
	}
	setLinkText(linkText);
}

function setLinkText(linkText) {
	try {
		window.InsertLink.document.linkForm.linkText.value = linkText;
	} catch (e) {
		setTimeout("setLinkText('" + linkText + "');", 10);
	}
}

function popUpWin (url, win, width, height, options) {
	var leftPos = (screen.availWidth - width) / 2;
	var topPos = (screen.availHeight - height) / 2;
	options += 'width=' + width + ',height=' + height + ',left=' + leftPos + ',top=' + topPos;
	return window.open(url, win, options);
}

function setColor(color) {
	var field = currentField;
	var parentCommand = parent.command;
	
	if (document.all) {
		if (parentCommand == "hilitecolor") parentCommand = "backcolor";
		
		rng.select();
	}
	
	Command(field, parentCommand, color);
	showHideElement('cp' + field, "hide");
}

function addImage(field) {
	imagePath = prompt('Enter Image URL:', 'http://');				
	if ((imagePath != null) && (imagePath != "")) {
		Command(field, 'InsertImage', imagePath);
	}
}

function Set(smiley, field) 
{
  OLDsmileyPath = '../inc/images/smileys/'+smiley;
  smileyPath = OLDsmileyPath.replace(/:/ig,"");
  smileyPath = smileyPath+'.gif';
  
  Command(field, 'InsertImage', smileyPath);
}

function Set_flaggen(flagge, field) 
{
  OLDflaggenPath = '../inc/images/flaggen/'+flagge;
  flaggenPath = OLDflaggenPath.replace(/:/ig,"");
  flaggenPath = flaggenPath+'.gif';
  
  Command(field, 'InsertImage', flaggenPath);
}

function getOffsetTop(elm) {
	var mOffsetTop = elm.offsetTop;
	var mOffsetParent = elm.offsetParent;
	var parents_up = 1; 
	
	while(parents_up > 0) {
		mOffsetTop += mOffsetParent.offsetTop;
		mOffsetParent = mOffsetParent.offsetParent;
		parents_up--;
	}
	
	return mOffsetTop;
}

function getOffsetLeft(elm) {
	var mOffsetLeft = elm.offsetLeft;
	var mOffsetParent = elm.offsetParent;
	var parents_up = 7;
	
	while(parents_up > 0) {
		mOffsetLeft += mOffsetParent.offsetLeft;
		mOffsetParent = mOffsetParent.offsetParent;
		parents_up--;
	}
	
	return mOffsetLeft;
}

function insertHTML(html) {
	var field = currentField;
	
	var oField;
	if (document.all) {
		oField = frames[field];
	} else {
		oField = document.getElementById(field).contentWindow;
	}
	
	oField.focus();
	if (document.all) {
		var oRng = oField.document.selection.createRange();
		oRng.pasteHTML(html);
		oRng.collapse(false);
		oRng.select();
	} else {
		oField.document.execCommand('insertHTML', false, html);
	}
}

function showHideElement(element, showHide) {
	if (document.getElementById(element)) {
		element = document.getElementById(element);
	}
	
	if (showHide == "show") {
		element.style.visibility = "visible";
	} else if (showHide == "hide") {
		element.style.visibility = "hidden";
	}
}

function setRange(field) {
	var oField;
	if (document.all) {
		oField = frames[field];
		var selection = oField.document.selection; 
		if (selection != null) rng = selection.createRange();
	} else {
		oField = document.getElementById(field).contentWindow;
		var selection = oField.getSelection();
		rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
	}
	return rng;
}

function stripHTML(oldString) {
	var newString = oldString.replace(/(<([^>]+)>)/ig,"");
	
   newString = newString.replace(/\r\n/g," ");
   newString = newString.replace(/\n/g," ");
   newString = newString.replace(/\r/g," ");
	
	newString = trim(newString);
	
	return newString;
}

function trim(inputString) {
   if (typeof inputString != "string") return inputString;
   var retValue = inputString;
   var ch = retValue.substring(0, 1);
	
   while (ch == " ") { 
      retValue = retValue.substring(1, retValue.length);
      ch = retValue.substring(0, 1);
   }
   ch = retValue.substring(retValue.length - 1, retValue.length);
	
   while (ch == " ") { 
      retValue = retValue.substring(0, retValue.length - 1);
      ch = retValue.substring(retValue.length - 1, retValue.length);
   }
	
   while (retValue.indexOf("  ") != -1) {
      retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ") + 1, retValue.length);
   }
   return retValue;
}

function geckoKeyPress(evt) {
	var field = evt.target.id;
	
	if (evt.ctrlKey) {
		var key = String.fromCharCode(evt.charCode).toLowerCase();
		var cmd = '';
		switch (key) {
			case 'b': cmd = "bold"; break;
			case 'i': cmd = "italic"; break;
			case 'u': cmd = "underline"; break;
		};

		if (cmd) {
			Command(field, cmd, null);
			
			evt.preventDefault();
			evt.stopPropagation();
		}
 	}
}

function ieKeyPress(evt, field) {
	var key = (evt.which || evt.charCode || evt.keyCode);
	var stringKey = String.fromCharCode(key).toLowerCase();
	
	switch (key) {
		case 13:
			evt.keyCode = 0;
			
			currentField = field;
			insertHTML('<br>');
			break;
	};
}

function raiseButton(e) {
	var el = window.event.srcElement;
	
	className = el.className;
	if (className == 'bbcode_image' || className == 'bbcode_imageLowered') {
		el.className = 'bbcode_imageRaised';
	}
}

function normalButton(e) {
	var el = window.event.srcElement;
	
	className = el.className;
	if (className == 'bbcode_imageRaised' || className == 'bbcode_imageLowered') {
		el.className = 'bbcode_image';
	}
}

function lowerButton(e) {
	var el = window.event.srcElement;
	
	className = el.className;
	if (className == 'bbcode_image' || className == 'bbcode_imageRaised') {
		el.className = 'bbcode_imageLowered';
	}
}
