// JavaScript Document
 var BrowserDetect = {

	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)|| this.searchVersion(navigator.appVersion)|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";

	},

	searchString: function (data) {

		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;

			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}

			else if (dataProp)
				return data[i].identity;
		}
	},

	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},

	dataBrowser: [
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},

		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari"
		},

		{
			prop: window.opera,
			identity: "Opera"
		},

		{

			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},

		{

			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"

		},

		{

			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},

		{

			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"

		},

		{		// for newer Netscapes (6+)

			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"

		},

		{

			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},

		{

			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"

		},

		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}

	],

	dataOS : [

		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},

		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"

		},

		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}

	]



};
	BrowserDetect.init();  
	if (BrowserDetect.browser == "Explorer") {
		window.attachEvent('onload', initWaterMark);
	}
	else {
		window.addEventListener("load", initWaterMark, false);
	}
		
    //zet voor elke input text met het watermark attribuut de voorbeeld text in de input en zet de onfocus/onblur events   

    function initWaterMark(){ 

		var	aCollection = document.getElementsByTagName("input");
		var attrWaterMarkColor;
		var attrWaterMarkValue;
		var isW3C=false;
		var isIE =false;
		if (((BrowserDetect.browser == "Mozilla") && (BrowserDetect.version >= 1.75)) ||  
			((BrowserDetect.browser == "Safari")  && (BrowserDetect.version >= 1.2)) || 
			((BrowserDetect.browser == "Opera")   && (BrowserDetect.version >= 8)) || 
			((BrowserDetect.browser == "Netscape")&& (BrowserDetect.version >= 6)) || 
			(BrowserDetect.browser == "Firefox")) {			
			isW3C = true;			
		}	

		

		if ((BrowserDetect.browser=="Explorer") && (BrowserDetect.version >= 5) && (BrowserDetect.OS != "Mac")) {
			isIE = true;
		}			

		for (var myEnum=0;myEnum < aCollection.length; myEnum++){
			attrWaterMarkValue= aCollection[myEnum].getAttribute('watermarkText');
			attrWatermarkColor= aCollection[myEnum].getAttribute('watermarkColor');
			if (attrWaterMarkValue !=null)

			{
				if (isW3C || isIE) {
					if (aCollection[myEnum].value == ''){
						aCollection[myEnum].value = attrWaterMarkValue;
						aCollection[myEnum].style.color = attrWatermarkColor;
					}	
				}				
				if (isIE) {
					aCollection[myEnum].attachEvent("onfocus", removeWaterMarkIE(aCollection[myEnum]));
					aCollection[myEnum].attachEvent("onblur", setWaterMarkIE(aCollection[myEnum]));
				}

				else {
					if (isW3C) {
						aCollection[myEnum].addEventListener("focus", removeWaterMark,false);
						aCollection[myEnum].addEventListener("blur", setWaterMark,false);
					}
				}

				if (aCollection[myEnum].value != attrWaterMarkValue) {
					aCollection[myEnum].style.color = '#303030';
				}
			}
		}
    }
    
    function removeWaterMark(){
		var watermarkText = this.getAttribute('watermarkText');
		this.style.color= '#303030';		
		if (this.value == watermarkText) {
			this.value ="";
		}
    }

    function removeWaterMarkIE(obj){
		return function()
		{
			var watermarkText = obj.getAttribute('watermarkText');
			//remove watermarktext
			if (obj.value==watermarkText) {
				obj.value = "";
				obj.style.color= '#303030';
			}
		}
    }
    function setWaterMark(){
		//set watermarktext
		var watermarkText = this.getAttribute('watermarkText');		
		var watermarkColor = this.getAttribute('watermarkColor');		
		if (this.value == "") {
			this.value =watermarkText;
			if (watermarkColor != null) {
				this.style.color = watermarkColor;
				this.style.color='#878787';
			}
		}

		if (this.value != this.getAttribute('watermarkText')) {
			this.style.color='#303030';
		}
	}
    function setWaterMarkIE(obj){
		return function()
		{
			//set watermarktext
			var watermarkColor = obj.getAttribute('watermarkColor');
			var watermarkText = obj.getAttribute('watermarkText');
			if (obj.value=="") {
				obj.value = watermarkText;
				if (watermarkColor != null) {
					obj.style.color = watermarkColor;
				}
			}
		}
    }
    
	//verwijder alle watermerk voorbeeldteksten voordat er gesubmit wordt. aanroepen in onclientclick event

	function removeWatermarksBeforeSubmit() {
		var	aCollection = document.getElementsByTagName("input");
		var attrWaterMarkText;
		for (var myEnum=0;myEnum < aCollection.length; myEnum++){
			attrWaterMarkText = aCollection[myEnum].getAttribute("watermarkText");						
			if (attrWaterMarkText !=null)
			{
				if (aCollection[myEnum].value ==  attrWaterMarkText) {
					aCollection[myEnum].value = "";
				}
			}
		}	
	}