$('document').ready(function() {
	 
	 
	$('#menu .menu').mouseover( function(){
		var self = $(this);
		switch(self.attr('id'))
		{
			case 'acc':
				self.animate({width:130,'background-color': '#e21001a' },500 );
				break;
			case 'cinema':
				self.animate({width:110,'background-color': '#e21001a' },300 );
				break;
			case 'tele':
				self.animate({width:120,'background-color': '#e21001a' },400 );
				break;
			case 'qui':
				self.animate({width:150,'background-color': '#e21001a' },400 );
				break;
			case 'contact':
				self.animate({width:100,'background-color': '#e21001a' },400 );
				break;
		}
		
	});	
	
	$('#menu .menu').mouseout( function(){
		var self = $(this);
		switch(self.attr('id'))
		{
			case 'acc':
				self.animate({width:110},500 );
				if( !self.hasClass('cur'))
					self.animate({'background-color': '#71000d'},400);
				
				break;
			case 'cinema':
				self.animate({width:80},400 );
				if( !self.hasClass('cur'))
					self.animate({'background-color': '#a51324' },400);
				break;
			case 'tele':
				self.animate({width:95 },200 );
				if( !self.hasClass('cur'))
					self.animate({ 'background-color': '#73000d' },400);
				break;
			case 'qui':
				self.animate({width:130},200 );
				if( !self.hasClass('cur'))
					self.animate({ 'background-color': '#420008' },400);
				break;
			case 'contact':
				self.animate({width:70 },200 );
				if( !self.hasClass('cur'))
					self.animate({ 'background-color': '#71000d'},400);
				break;
		}
		
	});	
	


	//contact
	$('.nom').click( function(){
		$(this).next('.formulaire').slideToggle();
	});
	
	$('.contact-mail').submit(function () {
		
		var self = $(this);
		var res = self.children('.res')
		res.html('');
		var formValues = self.serializeArray()
		if( !formVerification( formValues) )
		{
			if( $('#texte').hasClass('fr')) {
				res.html("Les champs sont obligatoires");
			}else{
				res.html("All fields are required");
			}
			return false;
		}
		
		$.ajax({
			type: 'POST',
			url: $('#script_url').html(),
			data: self.serialize(),
			success: function (data) {
				console.log(data);
				res.html("Message envoyé");
			},
			 error:function (xhr, ajaxOptions, thrownError){
                    console.log(xhr.status);
                    console.log(thrownError);
              }  
		});
		return false;
	});
	
	
	$('.photo').click( function(){
		var url = $(this).attr('longdesc');
		
	});
	
});

function openSsMenu( menu, ssMenu){
		var cl = ssMenu.attr('class');
		menu.addClass('cur');
		
		$('#ss-menu').animate({width:683},500, function(){
			ssMenu.fadeIn();
			ssMenu.addClass('open');	
			menu.animate({width: parseInt(menu.width()+60)},200);
		});
		
	}
	
	function hideSsMenu(menu, ssMenu){
		var cl = ssMenu.attr('class');
		menu.removeClass('cur');
		ssMenu.hide();
		$('#ss-menu').animate({width:0},500);
		ssMenu.removeClass('open');
		
		
	}

function formVerification(formValues) {
		var isOK = true;
		var verifMail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]{2,}[.][a-zA-Z]{2,3}$/;
		
		if (formValues[2].value == '') isOK = false;
		if (verifMail.exec(formValues[3].value) == null) isOK = false ;
		if (formValues[4].value == '') isOK = false;
		return isOK;
}