var data = null;
var confirmationHTML = "";
var formValid = false;
var emailValidator = null;

$(document).ready(addListeners);

function addListeners() {	
	$('body').append('<div id="data"></div>');
	data = $('#data');
	setTimer();
}

function loadModal() {
	var cookieExists	=  $.cookie('modal_Cookie');
	// alert('cookieExists =' + cookieExists);
	if (cookieExists == null) {	
		//Get Form Data
		$('#basicModalContent').load('/popups/subscribe #modal',loadModalRH);
		$.get('/popups/subscribe-confirmation',function(data){confirmationHTML = data;});
	}
}

function loadModalRH() {
	//Add class for validation.
	var f = $('input[name=field3074]');
	f.addClass('required');
	f.addClass('email');

	//Add Form Rules
	var messageOpts = {field3074:{required:"Please enter your E-Mail address",email:"Please enter a valid E-Mail Address."}};
	
	//Add validator
	emailValidator = $('#modalForm').validate({onkeyup: false,
										  onclick: false,
										  onfocusout: false, 
										  onsubmit:true,
										  submitHandler:postModalForm,
										  messages:messageOpts,
										  showErrors:showErrors});
	
	//Show Modal									  
	$('#basicModalContent').modal();
	$.cookie('modal_Cookie','true',{path:'/', expires: 365});//Set cookie
	
}

function highlightError(element)
{
	$(element).addClass('errorBorder');
	$('#modalError').show();
}

function unhighlightError(element)
{
	 $(element).removeClass('errorBorder');
	 $('#modalError').hide();
}

function showErrors(errorMap,errorList)
{
	var validElements = emailValidator.validElements();

	for(var j=0;j<validElements.length;j++)
	{
		unhighlightError(validElements[j]);
	}

	for (var i = 0; i < errorList.length; i++) 
	{
		highlightError(errorList[i].element);
		$('#modalError').html(errorList[0].message);
	}
	
	if (errorList.length > 0) 
	{
		formValid= false;
	}
	else{
		formValid = true;
	}
}


function postModalForm() {
	var postObject = {	"jsaction":'act_forms_upd',
						"formID":$('input[name=formID]').val(),
						"current_contentID":$('input[name=current_contentID]').val(),
						"form_pageaddressID":$('input[name=form_pageaddressID]').val(),
						"projectID":$('input[name=projectID]').val(),
						"websiteID":$('input[name=websiteID]').val(),
						"timestamp":$('input[name=timestamp]').val(),
						"field3074":$('input[name=field3074]').val()};
	
	
	if(formValid == true)
	{
		$.post('/',postObject,postModalRH);
	}
	
}

function postModalRH() {
	//Show Confirmation
	var  mc = $('#basicModalContent');
	mc.html(confirmationHTML);
	
	//Reset form vars
	emailValidator = null;
	formValid = false;
	}

function setTimer() {
	setTimeout(loadModal,3000);	
	}