$(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 = 0;
			}
			
			$(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,
				affiche = 3,
				nbLi = li.length;
			
			var btn = '<div class="car_prec" style="width:50px;height:200px;background:#00FF00;position:absolute;left:0;bottom:0;background:url(./include/prec.png) center center no-repeat;cursor:pointer;"></div>                                    <div class="car_suiv" style="width:50px;height:200px;background:#00FF00;position:absolute;right:0;bottom:0;background:url(./include/suiv.png) center center no-repeat;cursor:pointer;"></div>';
			
			// li.filter(':first').css({ 'borderLeft' : '1px solid black' });
			
			// li.filter(':first').before(li.slice(-nbLi).clone().addClass('clone'));
			// li.filter(':last').after(li.slice(0,nbLi).clone().addClass('clone'));
			
			// ICONES
			// iconDiv = '<div class="icon">';
			// li.each(function(i){
				// iconDiv += '<div class="icone_'+i+'"></div>';
			// });
			// iconDiv += '</div>';
			// div.after(iconDiv);
			
			//SUITE
			li.css({'float':'left','padding-left':0});
			
			var	marginRight = (div.width() - (visible * 137))/visible;
				
			div.css({ 'overflow' : 'hidden','height':"200px"}).before(btn);
			li.css({ 'marginRight' : marginRight });
			li.filter(':first').css({ 'marginLeft' : 0});
			
			ul.width(nbLi*li.outerWidth(true)+marginRight)+50;
			
			var slide = li.outerWidth(true);
			
			div.scrollLeft(0);
			var sens = 1;
			function slider()
			{
				if(scroll)
				{	
					if(affiche == nbLi) sens = -1;
					else if(affiche == visible) sens = 1;
					
					div.filter(':not(:animated)').animate({scrollLeft : '+='+ sens*slide},2000,function(){
						affiche += sens;
						scroll = false;
					});
				}
			}	
			            
            $(this).bind('suivant', function () {
				sens = 1;
				scroll = true;
				slider();
            });
			
            $(this).bind('precedant', function () {
				sens = -1;
				scroll = true;
				slider();
            });
			$(this).bind('scroll', function () {
				slider();
            });
		}
	});
	
	// 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 () {
		scroll = true
		$('.caroussel').trigger('scroll');
	},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'});
		
	});
});