


//window.onbeforeunload = dirtyFormWin;


  	var bSubmitted=false;	
  	
	
function dirtyFormWin()
{
	//skip dirty form
	return;
	var winName = window.name;
	//var lostWarning = "You have made any changes to the fields without submitting, your changes will be lost.";
	//var lostWarning = document.getElementById("dirtyFormMsg").value;
   //return true;
	if(thisCurrentStep === '0')
	{
		aDirtyForm = isDirtyFormWYS();
		//if(aDirtyForm == true) return  lostWarning;
	} else if(thisCurrentStep == '2') {
		aDirtyForm = isDirtyFormStardard();
		//aDirtyForm = isDirtyForm();
		//aDirtyForm = true;
		if(aDirtyForm == true) return  lostWarning;
	        
	} else {
			if(document.getElementById("thisStep")) {
				var thisStep = 	document.getElementById("thisStep").value; 		//alert("thisStep=" + thisStep);
			} else {
				var thisStep = 0; 		//alert("thisStep=" + thisStep);
			}
			
			if(thisStep != 4 & thisStep !=3 & thisStep !=5 & thisStep !=2)	
			{
				//aDirtyForm = isDirtyForm();
				//if(aDirtyForm == true) return  lostWarning;
			}
					
			else if(thisStep == 4)	
			{				
				aDirtyForm = isDirtyFormPageStructure();
				if(aDirtyForm == true) return  lostWarning;
			}
			
			else if(thisStep == 3)	
			{				
				
				//aDirtyForm = isDirtyForm();
				//aDirtyFormHidden =	isDirtyHiddenField();

				
				if(aDirtyForm == true ) return lostWarning;			
				if(aDirtyFormHidden == true ) return  lostWarning;	
				
			}			
			
	}
	
	

}


	

	function isDirtyForm()
	{
		//skip dirty form
		return;
	    // *** Compare Form Element Value with Default Value	
		if (!document.forms[0]) return false;
		var eForm = document.forms[0];
		var iNumElems = eForm.elements.length;		
		if(bSubmitted == false) {
			for(i=0; i< iNumElems; i++) {
				var oElem = eForm.elements[i];
				if ("text" == oElem.type || "TEXTAREA" == oElem.tagName) {
					if (oElem.value != oElem.defaultValue) {
						return true;
					}
				} else if ("checkbox" == oElem.type || "radio" == oElem.type) {
					if (oElem.checked != oElem.defaultChecked) {
						return true;	
					}
				} else if ("SELECT" == oElem.tagName) {
					var oOptions = oElem.options;
					var iNumOpts = oOptions.length;
					for (var j=0;j<iNumOpts;j++) {
						var oOpt = oOptions[j];
						if (oOpt.selected != oOpt.defaultSelected) {
							return true;
						}
					}
				}// END ELSE												
			}// END FOR :	
		}// END if(bSubmitted)
	}
	
	function isDirtyFormStardard()
	{
		//skip dirty form
		return;
	    // *** Compare Form Element Value with Default Value	
		if (!document.forms[0]) return false;
		var eForm = document.forms[0];
		var iNumElems = eForm.elements.length;		
	//	alert('===>'+iNumElems);
			for(i=0; i< iNumElems; i++) {
				var oElem = eForm.elements[i];
				//alert('aaaaaa');
				if ("text" == oElem.type || "TEXTAREA" == oElem.tagName) {
					// check textarea wysi
					var isWysi = oElem.className;
					
						//normal input is not wys
					if (!isWysi.match(/wproHTML/img)) {
						if (oElem.value != oElem.defaultValue) {
						    //alert('name:'+oElem.name +' v1:'+oElem.value + ' v2:' +oElem.defaultValue);
							//alert('222');
							return true;
						}
					} else {
			            var newValue = document.getElementById('check').value;
						var OldValue = document.getElementById('check').defaultValue;
			            var newValueLink = document.getElementById('checkLink').value;
			            
						var OldValueLink = document.getElementById('checkLink').defaultValue;
						if (newValue != OldValue || newValueLink != OldValueLink) {
							return true;
						}
			        }
					
				} else if ("checkbox" == oElem.type || "radio" == oElem.type) {
					if (oElem.checked != oElem.defaultChecked){
					//alert('333');
						return true;	
					}
				} else if ("SELECT" == oElem.tagName) {
					var oOptions = oElem.options;
					var iNumOpts = oOptions.length;
					for (var j=0;j<iNumOpts;j++) {
						var oOpt = oOptions[j];
						if (oOpt.selected != oOpt.defaultSelected) {
							return true;	
						}
					}
				}// END ELSE												
			}// END FOR :	
	}
	
	function updateDirtyFormStardard()
	{
		//skip dirty form
		return;
	    // *** Compare Form Element Value with Default Value	
		if (!document.forms[0]) return false;
		var eForm = document.forms[0];
		var iNumElems = eForm.elements.length;		
			for(p=0; p< iNumElems; p++) {
				var oElem = eForm.elements[p];
				if ("text" == oElem.type || "TEXTAREA" == oElem.tagName) {
					var isWysi = oElem.className;
					if (isWysi.match(/wproHTML/img)) {
					//oElem.defaultValue =WPro[oElem.id].getValue();
					} else {
					oElem.defaultValue = oElem.value;
					}
				} else if ("checkbox" == oElem.type || "radio" == oElem.type) {
					oElem.defaultChecked =oElem.checked;
				} else if ("SELECT" == oElem.tagName) {
					var oOptions = oElem.options;
					var iNumOpts = oOptions.length;
					for (var j=0;j<iNumOpts;j++) {
						var oOpt = oOptions[j];
						oOpt.defaultSelected = oOpt.selected;
					}
				}// END ELSE											
			}// END FOR :	
			//document.getElementById('taghead').defaultValue = WPro['taghead'].getValue();
			//document.getElementById('tagCss').defaultValue = WPro['tagCss'].getValue();
	}
	

	function isDirtyFormPageStructure()
	{
		//skip dirty form
		return;

	// *** Compare Form Element Value with Default Value	

		if (!document.forms[3]) return false;
		var eForm = document.forms[3]; //alert(eForm.name);
		var iNumElems = eForm.elements.length;		
		
		if(bSubmitted == false) {
			for(i=0; i< iNumElems; i++)
			{
	
				var oElem = eForm.elements[i];
				
				if ("text" == oElem.type || "TEXTAREA" == oElem.tagName)
				{
					if (oElem.value != oElem.defaultValue)return true;
				}
				else if ("checkbox" == oElem.type || "radio" == oElem.type)
				{
					if (oElem.checked != oElem.defaultChecked)return true;
				}
				else if ("SELECT" == oElem.tagName)
				{
					var userPageLength = userPageValue.length;
					var oOptions = oElem.options;
					
					if(userPageLength == oOptions.length)
					{
						var iNumOpts = oOptions.length;
						for (var j=0;j<iNumOpts;j++)
						{
							var oOpt = oOptions[j];
							var lastPageValue = oOpt.value.replace('&amp;' , '&');	
							var defaultPageValue = userPageValue[j].replace('&amp;' , '&');
	
							if (lastPageValue != defaultPageValue) 
							{
								//alert("change=" + j + "/" + oOpt.value + "/" + defaultPageValue) ; 
								return true;
							}
						}					
					
					}
					else if(userPageLength != oOptions.length){
						return true;					
					}

					
				}// END ELSE IF ("SELECT" 
																
			}// END FOR :	
			
		}// END if(bSubmitted)


	}
	

	
	function isDirtyFormNavigator(obj)
	{
		//skip dirty form
		return;
		if (!document.getElementById(obj)) return false;
		var eForm = document.getElementById(obj);
		var iNumElems = eForm.elements.length;		
		for(i=0; i< iNumElems; i++)
		{
			var oElem = eForm.elements[i];
			if (oElem.type == "hidden" || oElem.type == "text"|| oElem.tagName == "TEXTAREA") {
				if (oElem.value != oElem.defaultValue) return true;
				
			} else if (oElem.type == "select-one") {
				for (var j = 0; j < oElem.options.length; j++)
				{
					if (oElem.options[j].selected != oElem.options[j].defaultSelected)
					{
						return true;
					}
				}
			}
		}
		return false;
	}
	

	
	function isDirtyFormSetDefaultValueNavigator(obj)
	{
		//skip dirty form
		return;
		if (!document.getElementById(obj)) return false;
		var eForm = document.getElementById(obj);
		var iNumElems = eForm.elements.length;		
		for(i=0; i< iNumElems; i++)
		{
			var oElem = eForm.elements[i];
			if (oElem.type == "hidden" || oElem.type == "text"|| oElem.tagName == "TEXTAREA")
			{
				oElem.defaultValue = oElem.value;
			} else if (oElem.type == "select-one") {
				for (var j = 0; j < oElem.options.length; j++)
				{
					oElem.options[j].defaultSelected = oElem.options[j].selected;
				}
			}
		}
	}

	
		

		
		function isDirtyFormWYS()
		{
			//skip dirty form
			return;
			if (!document.getElementById('wysiwygproForm')) return false;
			var eForm = document.getElementById('wysiwygproForm');
			var iNumElems = eForm.elements.length;		
		//	if(bSubmitted == false) {
			for(var u=0; u < iNumElems; u++)
			{
				var oElem = eForm.elements[u];
				if ("text" == oElem.type || "TEXTAREA" == oElem.tagName)
				{
					if (WPro[oElem.id].getValue() != oElem.defaultValue) return true;
				}
			}
			//} 
		}
	
	

	function isDirtyHiddenField()
	{
		//skip dirty form
		return;
	// *** Compare Form Element Value with Default Value	

		var aHiddenField = new Array('color_id_hid' , 'color_group_id' , 'colorGroupNavId');
		var iNumElems = aHiddenField.length
				
		if(bSubmitted == false) {
			for(i=0; i< iNumElems; i++)
			{
	
				var oElem = document.getElementById(aHiddenField[i]);
				var oDefault = document.getElementById("default_" + aHiddenField[i]);

				
				if (oElem.value != oDefault.value ) return true;

																
			}// END FOR :	
			
		}// END if(bSubmitted)		
	
	}
	
	
	
	function CheckDirtyForm()
	{
		//skip dirty form
		return;
	// *** Compare Form Element Value with Default Value	

		if (!document.forms[0]) return false;
		var eForm = document.forms[0];
		var iNumElems = eForm.elements.length;		


		if(bSubmitted == false) {
			for(i=0; i< iNumElems; i++)
			{
	
				var oElem = eForm.elements[i];
				if ("text" == oElem.type || "TEXTAREA" == oElem.tagName)
				{
					if (oElem.value != oElem.defaultValue)return lostWarning;
				}
				else if ("checkbox" == oElem.type || "radio" == oElem.type)
				{
					if (oElem.checked != oElem.defaultChecked)return lostWarning;
				}
				else if ("SELECT" == oElem.tagName)
				{
					var oOptions = oElem.options;
					var iNumOpts = oOptions.length;
					for (var j=0;j<iNumOpts;j++)
					{
						var oOpt = oOptions[j];
						if (oOpt.selected != oOpt.defaultSelected) return lostWarning;
					}
					
				}// END ELSE
																
			}// END FOR :	
			
		}// END if(bSubmitted)


	}
	
	function isDirtyFormSetDefaultValueSiteproperty(obj)
	{
		//skip dirty form
		return;
		if (!document.getElementById(obj)) return false;
		var eForm = document.getElementById(obj);
		var iNumElems = eForm.elements.length;		
		for(i=0; i< iNumElems; i++)
		{
			var oElem = eForm.elements[i];

			if (oElem.type == "hidden" || oElem.type == "text"|| oElem.tagName == "TEXTAREA")
			{
				oElem.defaultValue = oElem.value;
			}
			if (obj == 'frmCssSiteProperty') {
				document.getElementById("dirtycssPropertiesDefault").value = WPro['cssSiteproperty'].getValue();
			} else if (obj == 'frmTagCss') {
				document.getElementById("dirtytagcssDefault").value = WPro['tagcss'].getValue();
				document.getElementById("dirtytagcssPageDefault").value = WPro['tagcssPage'].getValue();
			} 
		}
	}
	
	function CheckDirtyFormSiteproperty(obj)
	{
		//skip dirty form
		return;
		if (!document.getElementById(obj)) return false;
		var eForm = document.getElementById(obj);
		var iNumElems = eForm.elements.length;		
		for(i=0; i< iNumElems; i++)
		{
			var oElem = eForm.elements[i];
			//alert('type = ' + oElem.type +'>>>>' + oElem.value + '====='+ oElem.defaultValue);
			if (oElem.tagName == "TEXTAREA") {
				//case wysi เป็น ค่าว่าง
				if (oElem.value == ''  && oElem.defaultValue == '') {
					oElem.defaultValue = oElem.value;
				}
				if (oElem.value != oElem.defaultValue) {
					return true;
				}
			}
			if ((oElem.type == "hidden" || oElem.type == "text" ) && obj != 'frmCssSiteProperty') {
				if (oElem.value != oElem.defaultValue) {
					return true;
				}
			} 
				if (obj == 'frmCssSiteProperty') {
					var defValue = document.getElementById("dirtycssPropertiesDefault").value; 
					if (WPro['cssSiteproperty'].getValue() == ''  && defValue == '') {
						defValue = WPro['cssSiteproperty'].getValue();
					}
					var newvalue = WPro['cssSiteproperty'].getValue();
			    	var defValueck = defValue.replace(/\r|\n|\r\n/g, '');
			    	var newValueck = newvalue.replace(/\r|\n|\r\n/g, ''); 
			    	
					//alert('new === ' + newValueck + '  defValue ==== ' + defValueck);
					if (newValueck !=  defValueck) {
						return true;
					}
					
				} else if (obj == 'frmTagCss') {
					var defValueCss = document.getElementById("dirtytagcssDefault").value; 
					if (WPro['tagcss'].getValue() == ''  && defValueCss == '') {
						defValueCss = WPro['tagcss'].getValue();
					}
					if (WPro['tagcss'].getValue() != defValueCss) {
						return true;
					}
					//css by page
					var defValueCssPage = document.getElementById("dirtytagcssPageDefault").value; 
					if (WPro['tagcssPage'].getValue() == ''  && defValueCssPage == '') {
						defValueCssPage = WPro['tagcssPage'].getValue();
					}
					if (WPro['tagcssPage'].getValue() != defValueCssPage) {
						return true;
					}
				} 
		}
		return false;
	}