// JavaScript Document

$(document).ready(function() {
	//Code goes here
	//When you click on a link with class of poplight and the href starts with a # 
$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Get Popup href to define size

    //Pull Query & Variables from href URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value

    //Fade in the Popup and add close button
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="images/close.png" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Apply Margin to Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies 

    return false;
});

//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(); //fade them both out
    $('#fade').remove();
    return false;
});


$('#submit_contact').live('click', function() {
	error_form = false;
	// $('#error_message').show();
	// validation formulaire
	
	$('#error_message').hide();
	$('#empty_message').hide();
	$('#empty_name').hide();
	$('#empty_email').hide();
	$('#invalid_email').hide();
	$('input').removeClass('error-validation');
	
	email = $('#email').val();
	name = $('#name').val();
	message = $('#message').val();
	var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if (message=="") { error_form = true; $('#empty_message').show(); $('#message').addClass('error-validation'); }
	if (email=="") { error_form = true;  $('#empty_email').show();  $('#email').addClass('error-validation'); }
	if (name=="") { error_form = true;  $('#empty_name').show();  $('#name').addClass('error-validation'); }
	if (!filter.test(email) && email!='') { error_form = true; $('#invalid_email').show();  $('#email').addClass('error-validation'); }
	if (error_form) {
		$('#error_message').show();

	} else {
		$('#form_list_input').hide();
		$('#progress').show();
		$.post("mail.php", { name: name, email: email, message: message },
   		function(data) {
			$('#progress').hide();
			$('#send_message').show();
   		});
	}
       	

});



});