$(document).ready(function() { 

// lightbox settings and initialization		
$("a.mb").fancybox({
'zoomSpeedIn': 300, 
'zoomSpeedOut': 300, 
'overlayShow': true,
'overlayColor': '#333',
'overlayOpacity': 0.6, 
'frameWidth': 600,
'frameHeight': 750,
'centerOnScroll': false
}); 


// Removing reminder message for 'enabling Javascript' from the page
$('#jscheckmsg').remove();
$('#formcontainer #submit').removeAttr('disabled')


//Form Validation 
var erList = new Array();
var fName = $('#formcontainer form').attr('name');
$('input[name=Form_Name]').val(fName);

$('form #amount').val('household items from 1800 sq ft home,  I have a two bedroom apartment I need to store for three months, seasonal decorations or 15 boxes of medical records')
.end()
.css('color','#666666');

$('form #amount').focus(function() { 
if(this.value == 'household items from 1800 sq ft home,  I have a two bedroom apartment I need to store for three months, seasonal decorations or 15 boxes of medical records')
{
this.value = '';
$(this).css('color','#000000');
}
});

// Validate fields on blur. 
$('#formcontainer form :input').blur(function() { 
$(this).parent().find('.req').removeClass('warning') 
.find('span.error-message').remove(); 
if ($(this).hasClass('required')) { 
var $listItem = $(this).parent().parent();
if (this.value == '') { 
var errorMessage = '<span class="errfld">' + $listItem.find('.label').text() + '</span> This is a required field'; 
erList.push(errorMessage)
$listItem.find('.req').addClass('warning'); 
} 
} 

if (this.id == 'email') { 
var $listItem = $(this).parent().parent(); 
if (this.value != '' && 
!/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value)) { 
var errorMessage = '<span class="errfld">' + $listItem.find('.label').text() + '</span> Please use proper e-mail format'; 
erList.push(errorMessage);
$listItem.find('.req').addClass('warning'); 
}
}

if (this.id == 'phone') { 
var $listItem = $(this).parent().parent(); 
if (this.value != '' && 
!/^[\s0-9]+$/.test(this.value)) { 
var errorMessage = '<span class="errfld">' + $listItem.find('.label').text() + '</span> Only digits and spaces are accepted';
erList.push(errorMessage);
$listItem.find('.req').addClass('warning'); 
}
} 

if (this.id == 'amount') { 
var $listItem = $(this).parent().parent(); 
if (this.value == '')
this.value = "household items from 1800 sq ft home,  I have a two bedroom apartment I need to store for three months, seasonal decorations or 15 boxes of medical records";

if(this.value == "household items from 1800 sq ft home,  I have a two bedroom apartment I need to store for three months, seasonal decorations or 15 boxes of medical records")
{
$(this).css('color','#666666'); 
var errorMessage = '<span class="errfld">' + $listItem.find('.label').text() + '</span> Plese fill this field with your requirement other than the default text';
erList.push(errorMessage);
$listItem.find('.req').addClass('warning'); 
}
}

}); 


$('#formcontainer form').submit(function() {
$('#captchabox').removeClass('captchaboxclr');
$('#submit-message').remove();
$('#success').remove();  
$('#sbterr').remove();
erList = [];
$(':input.required').trigger('blur'); 
// var numWarnings = $('.warning', $('#contact-form form')).length; 
if (erList.length > 0){ 
$('<div></div>') 
.attr({ 
'id': 'submit-message', 
'class': 'error' 
}) 
.append('Please correct errors with the following ' + 
erList.length + ' fields:<br />') 
.append('&bull; ' + erList.join('<br />&bull; ')) 
.insertAfter('#formcontainer form'); 
return false; 
}; 


$('<div id="loading">Sending...</div>') 
.insertAfter('#formcontainer form');


// AJAX Call to submit form on succssful validation 
var formData = $('#formcontainer form').serialize();
$.ajax({
type: 'POST',
url: '../form_processor.php',
data: formData,
dataType: 'xml',
success: function(data){
var $error = $(data).find('error').text();
var $msg = $(data).find('msg').text();
var $fn = $(data).find('formname').text();

if($error == 'false'){
var html = '<div id="success">' + $msg + '</div>';
$('form')[0].reset();
$('#submit').attr('disabled', 'disabled');
}
else{
if($error == 'captcha')  $('#captchabox').addClass('captchaboxclr');
var html = '<div class="error" id="sbterr">' + $msg + '</div>';
// $("#captchaimg").attr("src", "../common/captcha.php");
}


$('#loading').remove();
$(html).insertAfter('#formcontainer form');

//downloading coupon after ajax call over incase of 'online-coupon' form.
if($error == 'false' && $fn == "Online-Coupon"){
var $cpn = $(data).find('cpn').text();
var $cpnhr = $(data).find('cpnhr').text();
var $loc = $(data).find('loc').text();
var $filename = $(data).find('filename').text();

var $dlstr = $('<span></span>')
$dlstr.append('Download start automatically, if not ') 

$('<a></a>') 
.attr('href', $filename) 
.append('click here')
.appendTo($dlstr) 

$('#success').append($dlstr);

$('#dl_cpn').attr('action', $filename);
$('input[name=cpn]').val($cpn);
$('input[name=cpnhr]').val($cpnhr);
$('input[name=loc]').val($loc);

$('#dl_cpn').submit();
}

},
error:function (xhr, ajaxOptions, thrownError){
$('#loading').remove();
alert("Error with the Ajax Page Request due to a technical Problem. Please refresh the page and submit form again");
}
});

return false; 
});
});