var isHash = false;
var emailistrue = false;
var emailistrue = false;
var encoded_params = '';
var ajax_error = 0;
var clicked_code = 0;

function onSubmitValidation(myform,mode)
	{
	var me = myform.elements;
	var is_error = 0;
	var theme='';
	for(i=1;i<=7;i++)
		if(document.getElementById('theme'+i).checked==true)
			{
			theme = 'theme'+i;break;
			}
	if(theme=='')
		{
		alert('Please select a theme');
		return false;
		}
	is_error += validateEmail(me["email"])?0:1;
	is_error += validateBackColor(me["rgb2"])?0:1;
	if(is_error==0)
		{
		$('preview_area').innerHTML = '';	
		params = 'adminemail='+$('email').value+'&themecolor='+$('rgb2').value+'&phone='+$('phone').value+'&theme='+theme+"&website="+$('website').value;	
		//alert(params);
		ajax_error = 0;
		if (clicked_code == 1 && mode=='preview')
			mode='getcode';
		getAJAXData('preview_area',params,'encode_data.php',mode);
		}
	}
function textfieldOnfocus(src)
	{
	src.style.backgroundColor="#EEEEEE";
	src.style.borderColor="#000000";
	}
function textfieldOnfocusOut(src)
	{
	src.style.backgroundColor="#FFFFFF";
	src.style.borderColor="#666666";
	}
function $(src)
	{
	return document.getElementById(src);
	}
function validateEmail(obj) {

	textfieldOnfocusOut(obj);
	src	= obj.value;	
  	var regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
	isVal = regex.test(src);
	if(src=='')
		{
		$('email_err').innerHTML = "Required";
		return false;
		}
	if(!isVal)
		{
		$('email_err').innerHTML = "is not a valid email address";
		return false;
		}
	else 
		{
		$('email_err').innerHTML = "";
		return true;
		}
  }

function validateBackColor(obj)
	{
	textfieldOnfocusOut(obj);
	src	= obj.value;
	if(src=='')
		{
		$('color_err').innerHTML = "Required";
		return false;
		}
	else 
		{
		$('color_err').innerHTML = "";
		return true;
		}
	}  	
function onlyColorCode(e)
	{
	var keynum;
	var keychar;
	var numcheck;
	
	if(window.event) // IE
	  {
	  keynum = e.keyCode;
	  }
	else if(e.which) // Netscape/Firefox/Opera
	  {
	  keynum = e.which;
	  }
	
	keychar = String.fromCharCode(keynum);
	numcheck = /\d/;
	//return true;
	if(isHash==false && keychar=="#")
		{
		isHash=true;
		return !numcheck.test(keychar);	
		}
	else
		return numcheck.test(keychar);
	}
function onlyNumbers(e)
	{
	var keynum;
	var keychar;
	var numcheck;
	
	if(window.event) // IE
	  {
	  keynum = e.keyCode;
	  }
	else if(e.which) // Netscape/Firefox/Opera
	  {
	  keynum = e.which;
	  }
	
	keychar = String.fromCharCode(keynum);
	numcheck = /\d/;
	return numcheck.test(keychar);
	}
function loadCurrent(resultDivName,mode)
	{
	resultDiv = document.getElementById(resultDivName);
	resultDiv.innerHTML = '';
	iframe = '<iframe id="widgetbox_widget_iframe_0" width="320" scrolling="no" frameborder="0" name="widgetbox_widget_iframe_0" border="0" src="" marginwidth="0" marginheight="0" height="528" vspace="0" hspace="0" allowtransparency="true" ></iframe>';	
	var newDiv = document.createElement('div');	
	resultDiv.appendChild(newDiv);
	newDiv.innerHTML = iframe;
	ifr = document.getElementById('widgetbox_widget_iframe_0');
	ifr.style.display="block";
	ifr.style.visibility="visible";	
	ifr.src = 'http://vacationrealtywidgets.com/contactformwidget/widget.php?params='+encoded_params+"&preview=yes";
	
	if(mode=='getcode')
		{
		clicked_code = 1;	
		document.getElementById('middle-4b-1').style.display = "block";
		
		html = "<div align=\"center\">\<script src=\"http://vacationrealtywidgets.com/contactformwidget/js/widget.js?appId="+encoded_params+"\"></\script>"+'<div class="powered" style="margin-top:-50px; z-index:1000;color:#000000; font-size:12px;font-weight:normal;"><a target="_blank" href="http://vacationrealtywidgets.com/" style="color:#000000;">Get This Widget</a> | Powered by <a target="_blank" href="http://www.vacationrealty.com" style="color:#000000;">VacationRealty.com</a></div></div>';
		document.getElementById('codearea').value = html;	
		}
	}	
function getAJAXData(resultDivName,params,requrl,mode)
	{
	if (window.XMLHttpRequest){
		var xmlhr = new XMLHttpRequest();
		} 
	else{
		var xmlhr = new ActiveXObject('MSXML2.XMLHTTP.3.0');
		}
	xmlhr.open('POST',requrl, true);
	xmlhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
	xmlhr.onreadystatechange = function() {
		var resultDiv = document.getElementById(resultDivName);
		if (xmlhr.readyState == 1) {
			resultDiv.innerHTML = '<img src="./images/ajax-loader.gif" />'; 
			} 
		else if (xmlhr.readyState == 4 && xmlhr.status == 200){
			if (xmlhr.responseText) 
				{
				if(xmlhr.responseText == 0)
					{
					ajax_error = 1;
					resultDiv.innerHTML = ('Invalid request. Please Check your input.');
					encoded_params = '';
					}
				else 
					{
					encoded_params = (xmlhr.responseText);	
					//resultDiv.innerHTML = encoded_params;
					
					loadCurrent("preview_area",mode)
					
					}
				} 
			}
		else if (xmlhr.readyState == 4)	{
			resultDiv.innerHTML = "Unknown Error";
			ajax_error = 1;
			}
		}
	xmlhr.send(params);
	}
function closeDiv()
	{
	document.getElementById('codearea').value = '';
	document.getElementById('middle-4b-1').style.display = "none";
	}

function copy(text2copy) {
  if (window.clipboardData) {
    window.clipboardData.setData("Text",text2copy);
  } else {
    var flashcopier = 'flashcopier';
    if(!document.getElementById(flashcopier)) {
      var divholder = document.createElement('div');
      divholder.id = flashcopier;
      document.body.appendChild(divholder);
    }
    document.getElementById(flashcopier).innerHTML = '';
    var divinfo = '<embed src="_clipboard.swf" FlashVars="clipboard='+escape(text2copy)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
    document.getElementById(flashcopier).innerHTML = divinfo;
  }
}
