///------------------------------------------------------------------------------
/// $Revision: 1522 $
/// $LastChangedBy: teade $ 
/// $LastChangedDate: 2011-03-25 15:37:30 +0100 (vr, 25 mrt 2011) $
/// $Copyright: © 2011 TRES internet BV, Online Quality since 1998 $
///------------------------------------------------------------------------------

// AJAX
function ajax(){
	this.http_request	= false;
	this.makeRequest	= makeRequest;
	this.getResponseText	= getResponseText;
	this.getReadyState	= getReadyState;
	this.ready			= true;

	function makeRequest(url, onready_function, postvariablen) {
		this.http_request	= false;
		this.ready			= false;
		if (window.XMLHttpRequest) { // Mozilla, Safari,...
			this.http_request = new XMLHttpRequest();
			if (this.http_request.overrideMimeType) {
				this.http_request.overrideMimeType('text/xml');
			}
		} else if (window.ActiveXObject) { // IE
			try {
				//this.http_request = new ActiveXObject("Msxml2.XMLHTTP.5.0");
				this.http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				try {
				this.http_request = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			}
		}
		if (!this.http_request) {
			// ERROR: 
			alert('Giving up1 :( Cannot open the XMLHTTP instance');
		}
		try{
			this.http_request.onreadystatechange = onready_function;
			if(!postvariablen){postvariablen='';}
			if(postvariablen.length>0){
				this.http_request.open('POST', url, true);
				this.http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
				this.http_request.setRequestHeader("Content-length", postvariablen.length);
			}else{
				this.http_request.open('GET', url, true);
			}
		} catch(e) {
			// ERROR: 
			alert('Giving up2 :( Cannot open the XMLHTTP instance');
			return false;
		}
		this.http_request.send( postvariablen );
	}

	function getReadyState()
	{
		return this.http_request.readyState; 
	}

	function getResponseText()
	{
		return this.http_request.responseText;
	}
}

function CreateDelegate(aInstance, aMethod)
{
	return function()
	{
		return aMethod.apply(aInstance, arguments);
	}	
}

AjaxTextArea = function ()
{
	this._Ctrl = false;
}

AjaxTextArea.prototype = 
{
	_Saved : function()
	{
		if (this._Ajax != null)
		{
			if (this._Ajax.getReadyState() == 4)
			{
				var resultText = this._Ajax.getResponseText();
				this._Ajax = null;
				if (resultText != 'OK') 
				{
					alert(resultText);
				} 
				setTimeout('AjaxTextAreaHideProgress(\'' + this._LoaderID + '\')', 1000);
			}
		}
	},
	_Save : function()
	{
		if (this._Ajax == null)
		{	
			document.getElementById(this._LoaderID).style.visibility='visible';
			var textarea = document.getElementById(this._ID);
			this._Ajax = new ajax();
			this._Ajax.makeRequest(this._TargetUrl, CreateDelegate(this, this._Saved) , this._TargetParams + encodeURIComponent(textarea.value));
		}
	},
	_OnKey : function(aE)
	{
		aE = (aE) ? aE : window.event;
		aE.cancelBubble = true;
		var keyNr = (aE.which) ? aE.which : aE.keyCode;
		if (aE.type == 'keydown')
		{
			if (keyNr==9) // tab
			{
				var rng = document.selection.createRange();
				if (rng)
				{
					rng.text ='\t';
				}
				return false;
			}
			else if (keyNr==17) // ctrl
			{ 
				this._Ctrl = true;
			}
			else if (keyNr==83 && this._Ctrl==true) // ctrl-s
			{
				this._Save();	
				return false;
			}
		}
		else if (aE.type == 'keyup')
		{
			if(keyNr==17) //ctrl
			{
				this._Ctrl = false;
			}
		}
	},
	_OnBlur :function(aE)
	{
		aE = (aE) ? aE : window.event;
		this._Ctrl = false;
	},
	Initialize : function(aTextAreaID, aLoaderID, aTargetUrl, aTargetParams)
	{
		this._ID = aTextAreaID;
		this._LoaderID = aLoaderID;
		this._TargetUrl = aTargetUrl;
		this._TargetParams = aTargetParams;

		var textArea = document.getElementById(this._ID);
		if (textArea != null)
		{
			textArea.onkeydown = CreateDelegate(this, this._OnKey);
			textArea.onkeyup = CreateDelegate(this, this._OnKey);
			textArea.onblur = CreateDelegate(this, this._OnBlur);
		}
	}
}

function AjaxTextAreaHideProgress(aID)
{
	document.getElementById(aID).style.visibility='hidden';
}
function AjaxTextAreaHideProgress(aID)
{
	document.getElementById(aID).style.visibility='hidden';
}

TextBoxManager = function(aPasteDivID)
{
	this._LastSelected = null;
	this._PasteDivID = aPasteDivID;
	var pasteDiv = this.get_PasteDiv();
	pasteDiv.contentEditable = true;
	pasteDiv.style.cssText = 'position:absolute;overflow:hidden;height:0px;width:0px';
}

TextBoxManager.prototype =
{
	_IsValidAction : function(aRange, aDivID)
	{
		var check = aRange.parentElement();
		while(check != null) 
		{
			if (check.tagName == 'DIV')
			{
				return check.id == aDivID;
			}
			check = check.parentNode;
		}
		return false;
	},
	CreateTextBox : function(aHiddenFieldID, aContent, aWidth)
	{
		var divTb = new DivTextBox(this);
		divTb.Initialize(aHiddenFieldID, aContent, aWidth, 16, false);
		return divTb;
	},
	CreateMultilineTextBox : function(aHiddenFieldID, aContent, aWidth, aHeight)
	{
		var divTb = new DivTextBox(this);
		divTb.Initialize(aHiddenFieldID, aContent, aWidth, aHeight, true);
		return divTb;
	},
	FontStyle : function(aStyle)
	{
		if (this._LastSelected != null)
		{
			if (document.selection) 
			{
				var divTb = this._LastSelected.get_TextBox();
				divTb.focus();

				var range = document.selection.createRange();
				if (this._IsValidAction(range, divTb.id))
				{
					var commandName = 'Bold';
					switch(aStyle)
					{
						case 'i':
							commandName = 'Italic';
							break;
						case 'u':
							commandName = 'Underline';
							break;
						case 'superscript':
							commandName = 'Superscript';
							break;
						case 'subscript':
							commandName = 'Subscript';
							break;
					}
					if (range.queryCommandEnabled(commandName))
					{
						range.execCommand(commandName, false, null);
					}
					this._LastSelected.UpdateHiddenField();
				}
			}
		}
	},
	SetLink : function(aDropDown)
	{
		if (this._LastSelected != null)
		{
			if (document.selection)
			{
				var divTb = this._LastSelected.get_TextBox();
				divTb.focus();

				var range = document.selection.createRange();
				if (this._IsValidAction(range, divTb.id))
				{
					if (aDropDown.value == '00')
					{
						range.execCommand('Unlink', false, null);
					}
					else
					{
						var selectedText = range.text;
						if (selectedText.length == 0)
						{
							alert('Selecteer de tekst waar u de link op wilt zetten.');
						}
						range.pasteHTML('<a href="TRESLink" code="' + aDropDown.value + '">' + selectedText + '</a>');
					}
				}
				this._LastSelected.UpdateHiddenField();
			}
		}	
		aDropDown.selectedIndex = 0;
		aDropDown.blur();
	},
	GetClipboardData : function(aAllowMultiline)
	{
		var pasteDiv = this.get_PasteDiv();
		pasteDiv.focus();
		pasteDiv.innerHTML = '';
		document.execCommand('paste', false, null);
		var clipboardData = new String(pasteDiv.innerText);
		clipboardData = clipboardData.replace(/</g, '&lt;');
		clipboardData = clipboardData.replace(/>/g, '&gt;');
		if (!aAllowMultiline)
		{
			clipboardData = clipboardData.replace(/\n/g, '<br>');
		}
		else
		{
			clipboardData = clipboardData.replace(/\n/g, ' ');
		}
		clipboardData = clipboardData.replace(/\r/g, '');
		return clipboardData;
	},
	FindTextBox : function(aNode)
	{
		for(var i=0; i < aNode.childNodes.length; i++)
		{
			var ret = null;
			if (aNode.childNodes[i].control != null)
			{
				ret = aNode.childNodes[i].control;
			}
			else
			{
				ret = this.FindTextBox(aNode.childNodes[i]);
			}
			if (ret != null)
			{
				return ret;
			}
		}
		return null;
	},
	get_PasteDiv : function()
	{
		return document.getElementById(this._PasteDivID);
	},
	get_LastSelected : function()
	{
		return this._LastSelected;
	},
	set_LastSelected : function(aValue)
	{
		this._LastSelected = aValue;
	}
}

DivTextBox = function(aManager)
{
	this._Manager = aManager
	this._ID = null;
	this._HfID = null;
	this._AllowMultiline = false;
}

DivTextBox.prototype =
{
	_OnKeyUp : function()
	{
		this.UpdateHiddenField();
	},
	_OnKeyDown : function(aEvent)
	{
		aEvent = aEvent ? aEvent : window.event;
		if (aEvent.keyCode == 13)
		{
			if (this._AllowMultiline)
			{
				var range = document.selection.createRange();		
				range.pasteHTML('<br>');
				range.select();
			}
			aEvent.returnValue = false;
			return false;
		} 
	},
	_OnBlur : function()
	{
		this._Manager.set_LastSelected(this);
		this.UpdateHiddenField();
	},
	_OnPaste : function(aEvent)
	{
		aEvent = aEvent ? aEvent : window.event;
		this.get_TextBox().focus();
		var range = null;
		if (document.selection) 
		{
			range = document.selection.createRange();
		}
		var clipboardData = this._Manager.GetClipboardData(this._AllowMultiline);
		if (range != null)
		{
			range.pasteHTML(clipboardData);
			range.select();
		}
		else
		{
			this.get_TextBox().pasteHTML(clipboardData);
		}
		aEvent.returnValue = false;
		return false;
	},
	Initialize : function(aHiddenFieldID, aContent, aWidth, aHeight, aAllowMultiline)
	{
		this._HfID = aHiddenFieldID;
		this._ID = aHiddenFieldID + '_div';
		this._AllowMultiline = aAllowMultiline;

		var hf = this.get_HiddenField();
		if (hf != null)
		{
			var newDiv = document.createElement('div');
			newDiv.id = this._ID;
			newDiv.control = this;
			newDiv.innerHTML = aContent;
			newDiv.contentEditable = true;
			var overflow = this._AllowMultiline ? 'overflow-x:auto' : 'overflow:hidden';
			newDiv.style.cssText = 'padding:1px;border:1px solid #b2b2b2;width:' + aWidth + 'px;height:' + aHeight + 'px;' + overflow + ';white-space: nowrap;cursor:text;background-color:#fefefe;';
			hf.parentNode.insertBefore(newDiv, hf);

			this.UpdateHiddenField();
			newDiv.onkeyup = CreateDelegate(this, this._OnKeyUp);
			newDiv.onkeydown = CreateDelegate(this, this._OnKeyDown);
			newDiv.onblur = CreateDelegate(this, this._OnBlur);
			newDiv.onfocus = CreateDelegate(this, this.Select);
			newDiv.onpaste = CreateDelegate(this, this._OnPaste);
		}
	},
	UpdateHiddenField : function()
	{
		var tb = this.get_TextBox();
		var hf = this.get_HiddenField();
		if (hf != null && tb != null)
		{
			hf.value = tb.innerHTML;
		}
	},
	FindParentNode : function(aTagName)
	{
		aTagName = aTagName.toUpperCase();
		var node = this.get_TextBox().parentNode;
		while (node != null)
		{
			if (node.tagName == aTagName)
			{
				return node;
			}
			node = node.parentNode;
		}
		return null;
	},
	Select : function()
	{
		this._Manager.set_LastSelected(this);
	},
	get_TextBox : function()
	{
		return document.getElementById(this._ID);
	},
	get_HiddenField : function()
	{
		return document.getElementById(this._HfID);
	},
	get_Value : function()
	{
		return this.get_TextBox().innerHTML;
	},
	set_Value : function(aValue)
	{
		this.get_TextBox().innerHTML = aValue;
		this.UpdateHiddenField();
	}
}