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;
			}
			else {
				this.style.color='#6a6a6a';
			}
		}
		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;
				}
				else {
					obj.style.color='#6a6a6a';
				}
			}
		}
    }
    
    
	//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 = "";
				}
			}
		}	
	}