$(document).ready(function() { 
	
/* This is basic - uses default settings 
$("a.gallery").fancybox(); 
	
Using custom settings 
$("a#inline").fancybox({ 
'hideOnContentClick': true 
}); */
		
$("a.gallery").fancybox({
'zoomOpacity': true, 
'zoomSpeedIn': 300, 
'zoomSpeedOut': 300, 
'overlayShow': true,
'overlayColor': '#333',
'overlayOpacity': 0.6 
}); 
	
var erList = new Array();
// Removing reminder message for 'enabling Javascript' from the page
$('#jscheckmsg').remove();

// Validate fields on blur. 
$('#contact-form form :input').blur(function() { 
$(this).parent().siblings('label').removeClass('warning') 
.find('span.error-message').remove(); 
if ($(this).hasClass('required')) { 
var $listItem = $(this).parent().siblings('label');
if (this.value == '') { 
var errorMessage = $listItem.text() + 'This is a required field'; 
erList.push(errorMessage)
$listItem.addClass('warning'); 
} 
} 
if (this.id == 'email') { 
var $listItem = $(this).parent().siblings('label'); 
if (this.value != '' && 
!/.+@.+\.[a-zA-Z]{2,4}$/.test(this.value)) { 
var errorMessage = $listItem.text() + 'Please use proper e-mail format' 
+ ' (e.g. joe@example.com)'; 
erList.push(errorMessage)
$listItem.addClass('warning'); 
} 
} 
}); 


$('#contact-form .btn-send').bind('click', function() {
$(this).blur();
$('#submit-message').remove();
$('#success').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; ')) 
.insertBefore('#contact-form form'); 
return false; 
}; 

$('<div id="loading">Sending...</div>') 
.insertBefore('#contact-form form')

$.post('contactform.php', $('#contact-form form').serialize(), function(data) { 
var $error = $(data).find('error').text();
var $msg = $(data).find('msg').text();

if($error == 'true'){
var html = '<div class="error">' + $msg + '</div>';
}
else{
var html = '<div id="success">' + $msg + '</div>';
}

// $('#contact-form .btn-send').unbind('click');
$('form')[0].reset();
$('#loading').remove();
$(html).insertBefore('#contact-form form');
});

return false; 
});
}); 
