$(document).ready(function(){
	
	
	//////////////////////////////////////////////////////////////////////////////////////
	//						Function d'agrandissement des images 						//
	//////////////////////////////////////////////////////////////////////////////////////
	var i = 0;
	
	$('img.detail_image').click(function(){
		
		var margintop = parseFloat(52 - 112 * ($(this).attr('id').substring(7)-1));
		
		if($.browser.msie)
		{
			var marginleft_retour = -70;
			var marginleft_aller = 90;
			var marginleft_css = 0;
		}
		else
		{
			var marginleft_retour = 10;
			var marginleft_aller = 170;
			var marginleft_css = 6;
		}
		
		if($(this).width()<= 389 && $(this).width()> 137)
		{
			$(this)
				.animate({ 'width':137,'margin-left':marginleft_retour,'margin-top':-50 },300,function(){
					$(this).css({ 'position':'relative','z-index':0,'margin-top':0,'margin-left':marginleft_css })
				})
				.removeClass('imgout');
		}	
		else
		{

			$(this)
				.css({ 'position':'absolute','z-index':i,'margin-left':11,'margin-top':-50 })
				.animate({ 'width':389,'margin-left':marginleft_aller,'margin-top':margintop },300,function(){$(this).addClass('imgout');})
				
			
			$('img.detail_image[alt!='+$(this).attr('id')+']').each(function(){
				
				if($(this).width()<= 389 && $(this).width() > 137)
				{	
					$(this)
						.animate({ 'width':137,'margin-left':marginleft_retour,'margin-top':-50 },300,function(){
							$(this).css({ 'position':'relative','z-index':0,'margin-top':0,'margin-left':marginleft_css })
						})
						.removeClass('imgout');
				}
			});
			
		}
		i++;
	});	
	
	 $('body').click(function(){
	 
		$('img.imgout').each(function(){
			
			if($.browser.msie)
			{
				var marginleft_retour = -70;
				var marginleft_css = 0;
			}
			else
			{
				var marginleft_retour = 10;
				var marginleft_css = 6;
			}
			
			$(this)
				.animate({'width':137,'margin-left':marginleft_retour,'margin-top':-50},300,function(){
					$(this).css({'position':'relative','z-index':0,'margin-top':0,'margin-left':marginleft_css})
					
				}).removeClass('imgout');
			
		});
	 
	 });	
	
	//////////////////////////////////////////////////////////////////////////////////////
	//								Function caroussel		 							//
	//////////////////////////////////////////////////////////////////////////////////////
	$(function()
	{
		$.fn.caroussel = function(){
			
			var div = this;
				ul = div.find('> ul'),
				li = ul.find('> li'),
				visible = 3,
				afficher = 3,
				nbLi = li.length;
			
			// li.filter(':first').css({ 'borderLeft' : '1px solid black' });
			
			li.filter(':first').before(li.slice(-visible).clone().addClass('clone'));
			li.filter(':last').after(li.slice(0,visible).clone().addClass('clone'));
			li = ul.find('> li');
			
			// var	marginRight = (div.width() - (visible * li.outerWidth()))/visible,
			var	marginRight = -13.3333,
				ulWidth = li.length * marginRight + li.length * li.outerWidth(),
				slide = (li.width() + marginRight) * visible;
				
			div.css({ 'overflow' : 'hidden' });
			li.css({ 'marginRight' : marginRight });
			li.filter(':first').css({ 'marginLeft' : marginRight/2});
			
			ul.width(ulWidth);
			div.scrollLeft(slide);
			
			function slider(sens)
			{
				
				if(scroll)
				{
					
					div.filter(':not(:animated)').animate({scrollLeft : '+='+ sens*slide},1500,function(){			
						
						afficher += sens*visible;
					
						if(afficher >= nbLi)
						{
							div.scrollLeft(div.scrollLeft() - ( slide / visible * nbLi ));	
							afficher = afficher - nbLi;
						}	
						else
						if(afficher < visible)
						{
							div.scrollLeft(div.scrollLeft() + ( slide / visible * nbLi ));	
							afficher = afficher + nbLi;
						}
						
					});
				}
			}	
			            
            $(this).bind('suivant', function () {
				slider(1);
            });
			
            $(this).bind('precedant', function () {
				slider(-1);
            });
		}
	});
	
	// Assignation du caroussel //
	
	var scroll = true;
	$('.caroussel').caroussel();
	$('.caroussel').mouseenter(function(){scroll = false}).mouseleave(function(){scroll = true});
	$('.car_suiv').click(function(){$('.caroussel').trigger('suivant')});
	$('.car_prec').click(function(){$('.caroussel').trigger('precedant')});
	
	setInterval(function () {
		$('.caroussel').trigger('suivant');
	},4500);
	
	//////////////////////////////////////////////////////////////////////////////////////
	//								Function Verif Form Contact							//
	//////////////////////////////////////////////////////////////////////////////////////
	$('.submit_contact').click(function(){
		
		var not = 0;
		var required = 0;

		$('input[name*=required_contact],textarea[name*=required_contact]').each(function(){
			
			if($(this).val() == "")
			{
				$(this).css({ 'backgroundColor' : '#EE0000', 'border':'1px solid #CCCCCC'});
				not++;
			}
			else
			{
				$(this).css({ 'backgroundColor' : '#FFFFFF', 'border':'1px solid #CCCCCC'});
				not = 0;
			}
			required++;
		});
		
		if(!$('input[name=required_contact_email]').val().match(/\b[\w\.-]+@[\w\.-]+\.\w{2,4}\b/i))
		{
			$('.form_contact:not(:contains(Email non valide))').append('Email non valide<br/>');
			$('input[name=required_contact_email]').css({ 'backgroundColor' : '#EE0000', 'border':'1px solid #CCCCCC'});
			not++;
		}
		else
			$('span').not('.error');
		
		if(not > 0) $('.form_contact:not(:contains(Veuillez remplir correctement le formulaire))').append('Veuillez remplir correctement le formulaire');
		
		else
			$('#form_contact').submit();
	});
	
	$('input[name*=required_contact],textarea[name*=required_contact]').keyup(function(){
	
		$(this).css({ 'backgroundColor' : '#FFFFFF', 'border':'1px solid #CCCCCC'});
		
	});
});