jQuery(document).ready(function() {
if (($.cookie('emailSignup')) != 'showed') { //if cookie is set then not showing popup
timeDelay();
}
function timeDelay() {
setTimeout(emailSignupPopup, 100);
}
function setCookie() {
$.cookie('emailSignup', 'showed', { expires: 180 });
}
function removePOPup() {
$('#emailPOP').fadeOut(1000, function() {
$(this).remove();
});
}
function closePOPup() {
$('#emailPOP').fadeOut(1000, function() {
$(this).remove();
});
}
function emailSignupPopup() {
$('body').append(getFormHTML());
docWidth = $('body').width();
docHeight = $('body').height();
//$('#emailPOP').css({ left: docWidth / 2 - 75 , top: docHeight / 2 +75});
$('#emailPOP').css({ left: docWidth / 2 - 75 , top: 75});
//alert( $('#emailPOP').css ("left"));
$('#emailPOP a#close').css ( { align: 'center'} );
$('#emailPOP a#close').click(function() { //show popup again tmr if closing by cross
$.cookie('emailSignup', 'showed', { expires: 1 });
closePOPup();
return false;
});
$('#nothanks').click(function() {
setCookie();
closePOPup();
return false;
});
$('#mc-embedded-nothanks').click(function() {
setCookie();
closePOPup();
return false;
});
var options = {
target: '#error', // target element(s) to be updated with server response
beforeSubmit: showRequest,
success: showResponse // post-submit callback
};
$('#emailFORM').ajaxForm(options);
/*
$('#subscribe').click(function() { //do supscribe
isFormGood = validate();
if (isFormGood == true) {
// bind form using 'ajaxForm'
$('#subscribe').unbind('click');
var data = $("#emailFORM :checkbox").fieldValue();
setCookie();
subscriberName = $('#emma_member_name_first').val();
subscriberSurname = $('input#emma_member_name_last').val();
subscriberEmail = $('input#emma_member_name_email').val();
//newSubscriber(subscriberName, subscriberSurname, subscriberEmail);
}
});
*/
function showRequest(formData, jqForm, options) {
// formData is an array; here we use $.param to convert it to a string to display it
// but the form plugin does this for you automatically when it submits the data
var queryString = $.param(formData);
// jqForm is a jQuery object encapsulating the form element. To access the
// DOM element for the form do this:
//var formElement = jqForm[0];
var isFormGood = validate();
//alert('About to submit: \n\n' + queryString);
// here we could return false to prevent the form from being submitted;
// returning anything other than false will allow the form submit to continue
// validate the form here.
return isFormGood ;
}
// post-submit callback
function showResponse(responseText, statusText) {
// for normal html responses, the first argument to the success callback
// is the XMLHttpRequest object's responseText property
// if the ajaxForm method was passed an Options Object with the dataType
// property set to 'xml' then the first argument to the success callback
// is the XMLHttpRequest object's responseXML property
// if the ajaxForm method was passed an Options Object with the dataType
// property set to 'json' then the first argument to the success callback
// is the json data object returned by the server
$('#emailPOP').html(responseText);
setCookie();
setTimeout(removePOPup, 3000);
//alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + '\n\nThe output div should have already been updated with the responseText.');
}
function validate() {//check on emtpy fields
i = 0; //count for errors if 0 then all fields are field and check for email
var err = 0;
$('#emailPOP input').each(function() {
if (($(this).val()) == '') {
thisID = $(this).parent();
++i; //count errors
showErrorMsg(thisID);
err = 1; //if error then 1
} else {
$(this).parent().css({ color: '#535252' });
if ($(this).attr('id') == 'email') {
fieldValue = $(this).val();
if (!fieldValue.match(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i)) {
$('p#error').text('Email address is invalid!').css({ color: '#CF1925' });
$('input#email').parent().css({ color: '#CF1925' }); //email title make red
err = 1;
} else {
err = 0; //if email is ok then err empty (0)
}
}
}
});
if ((err == 0) && (i == 0)) { //if no empty and email is correct then return true
return true;
}
return false;
}
function showErrorMsg(ID) {
$('p#error').text('Some information is missing or invalid!');
$('p#error').css({ color: '#CF1925' });
$(ID).css({ color: '#CF1925' });
}
$('#emailPOP').fadeIn(500); //show popup
}
} );
function getIFrameHTML()
{
var html =
'
'
+ '