// when the DOM is ready...
$(document).ready(function () {

	/* references */
	
	if(document.getElementById("vignettes-references"))
	{
		for(var i=1;i<17;i++)
		{
			$("#vignettes-references li#ref"+i).hover(function(){
				$(this).find('.desc').fadeIn('slow');
			},
			function(){
				$(this).find('.desc').fadeOut('slow');
			});
		}
	}
	
	/**************/
	
	/* Contact */
	
	$('#btnSendContact').click(function() {

		if(($('#nom').val().length > 0 && $('#nom').val() != "Votre nom *") && ($('#prenom').val().length > 0 && $('#prenom').val() != "Votre prénom *") && ($('#email').val().length > 0 && $('#email').val() != "Votre email *") && ($('#message').val().length > 0 && $('#message').val() != "Message *") && $('#captcha').val() == $('#val_total').val())
		{
			$.post('sendMail.php', {email: $('#email').val(), message: $('#message').val(), nom: $('#nom').val(), prenom: $('#prenom').val(), objet: $('#objet').val(), societe: $('#societe').val() }, function(data) {
				if(data == "OK")
				{	

					$('#messageEnvoiOk').fadeIn('normal');
					$('#nom').css({backgroundColor:'#fff', color:'#747474'});
					$('#prenom').css({backgroundColor:'#fff', color:'#747474'});
					$('#email').css({backgroundColor:'#fff', color:'#747474'});
					$('#message').css({backgroundColor:'#fff', color:'#747474'});
					$('#captcha').css({backgroundColor:'#fff', color:'#747474'});
					setTimeout("$('#messageEnvoiOk').fadeOut('normal');",5000);

				} else {
					
				}
			});
		} else {
		
			if($('#nom').val().length <= 0 || $('#nom').val() == "Votre nom *")
				$('#nom').css({backgroundColor:'#C80808', color:'#fff'});
			else
				$('#nom').css({backgroundColor:'#fff', color:'#747474'});
			
			if($('#prenom').val().length <= 0 || $('#prenom').val() == "Votre prénom *")
				$('#prenom').css({backgroundColor:'#C80808', color:'#fff'});
			else
				$('#prenom').css({backgroundColor:'#fff', color:'#747474'});
				
			if($('#email').val().length <= 0 || $('#email').val() == "Votre email *")
				$('#email').css({backgroundColor:'#C80808', color:'#fff'});
			else
				$('#email').css({backgroundColor:'#fff', color:'#747474'});
			
			if($('#message').val().length <= 0 || $('#message').val() == "Message *")
				$('#message').css({backgroundColor:'#C80808', color:'#fff'});
			else
				$('#message').css({backgroundColor:'#fff', color:'#747474'});
				
			if($('#captcha').val() != $('#val_total').val())
				$('#captcha').css({backgroundColor:'#C80808', color:'#fff'});
			else
				$('#captcha').css({backgroundColor:'#fff', color:'#747474'});
		}
	});
	
	/***********/
	

	var menu_slided = false;

	$('#img-mini-competence-mobile').hover(function(){
		$(this).attr("src","images/competences-survol-mobile-actif.png")
	},
	function(){
		$(this).attr("src","images/competences-survol-mobile.png");
	});
	
	$('#img-mini-competence-crea').hover(function(){
		$(this).attr("src","images/competences-survol-crea-actif.png")
	},
	function(){
		$(this).attr("src","images/competences-survol-crea.png");
	});
	
	$('#img-mini-competence-conseil').hover(function(){
		$(this).attr("src","images/competences-survol-conseil-actif.png")
	},
	function(){
		$(this).attr("src","images/competences-survol-conseil.png");
	});
	
	$('#img-mini-competence-internet').hover(function(){
		$(this).attr("src","images/competences-survol-internet-actif.png")
	},
	function(){
		$(this).attr("src","images/competences-survol-internet.png")
	});
	
	$('#img-mini-competence-ecommerce').hover(function(){
		$(this).attr("src","images/competences-survol-ecommerce-actif.png")
	},
	function(){
		$(this).attr("src","images/competences-survol-ecommerce.png");
	});
	
	$('#img-mini-competence-reseaux').hover(function(){
		$(this).attr("src","images/competences-survol-reseaux-actif.png")
	},
	function(){
		$(this).attr("src","images/competences-survol-reseaux.png");
	});
	
	$('#img-mini-competence-hebergement').hover(function(){
		$(this).attr("src","images/competences-survol-hebergement-actif.png")
	},
	function(){
		$(this).attr("src","images/competences-survol-hebergement.png");
	});
	
	$('#img-mini-competence-competences').hover(function(){
		$(this).attr("src","images/competences-survol-competences-actif.png")
	},
	function(){
		$(this).attr("src","images/competences-survol-competences.png");
	});
	
	$('#img-mini-competence-referencement').hover(function(){
		$(this).attr("src","images/competences-survol-referencement-actif.png")
	},
	function(){
	$(this).attr("src","images/competences-survol-referencement.png");
	});

	$("#content-competences img").click(function() {
		
		console.log($(this).attr('id'));
		var startPage = 0;
		
		switch($(this).attr('id'))
		{
			case "img-competente-mobile":
				startPage = 1;
				$('#img-mini-competence-mobile').attr("src","images/competences-survol-mobile-actif.png")
			break;
			case "img-competente-crea":
				startPage = 2;
				$('#img-mini-competence-crea').attr("src","images/competences-survol-crea-actif.png")
			break;
			case "img-competente-conseil":
				startPage = 3;
				$('#img-mini-competence-conseil').attr("src","images/competences-survol-conseil-actif.png")
			break;
			case "img-competente-internet":
				startPage = 4;
				$('#img-mini-competence-internet').attr("src","images/competences-survol-internet-actif.png")
			break;
			case "img-competente-ecommerce":
				startPage = 5;
				$('#img-mini-competence-ecommerce').attr("src","images/competences-survol-ecommerce-actif.png")
			break;
			case "img-competente-reseaux":
				startPage = 6;
				$('#img-mini-competence-reseaux').attr("src","images/competences-survol-reseaux-actif.png")
			break;
			case "img-competente-hebergement":
				startPage = 7;
				$('#img-mini-competence-hebergement').attr("src","images/competences-survol-hebergement-actif.png")
			break;
			case "img-competente-referencement":
				startPage = 8;
				$('#img-mini-competence-referencement').attr("src","images/competences-survol-referencement-actif.png")
			break;
		}
		
		if(menu_slided == false)
		{
			menu_slided = true;
			$("#mini-vignettes-competences").fadeIn('fast', function() {
			});
			$("#img-competente-mobile").animate({marginLeft: '-15px',marginTop: '-150px', opacity : '0', width: '50%', width: '50%'}, 200, function() {
				$("#img-mini-competence-mobile").fadeIn('fast');
				$("#img-competente-crea").animate({marginLeft: '-123px',marginTop: '-150px', opacity : '0', width: '50%'}, 200, function() {
					$("#img-mini-competence-crea").fadeIn('fast');
					$("#img-competente-conseil").animate({marginLeft: '-15px', marginTop: '-261px', opacity : '0', width: '100px'}, 200, function() {
						$("#img-mini-competence-conseil").fadeIn('fast');
						$("#img-competente-internet").animate({marginLeft: '-126px',marginTop: '-261px', opacity : '0', opacity : '0', width: '100px'}, 200, function() {
							$("#img-mini-competence-internet").fadeIn('fast');
							$("#img-competente-ecommerce").animate({marginLeft: '-235px',marginTop: '-260px', opacity : '0', opacity : '0', width: '100px'}, 200, function() {
								$("#img-mini-competence-ecommerce").fadeIn('fast');
								$("#img-competente-reseaux").animate({marginLeft: '532px',marginTop: '-451px', opacity : '0', opacity : '0', width: '100px'}, 200, function() {
									$("#img-mini-competence-reseaux").fadeIn('fast');
									$("#img-competente-hebergement").animate({marginLeft: '421px',marginTop: '-451px', opacity : '0', opacity : '0', width: '100px'}, 200, function() {
										$("#img-mini-competence-hebergement").fadeIn('fast');
										$("#img-competente-referencement").animate({marginLeft: '311px',marginTop: '-451px', opacity : '0', opacity : '0', width: '100px'}, 200, function() {
												$("#img-mini-competence-referencement").fadeIn('fast'); 
												$("#explications-competences").fadeIn('fast', function(){ 
													
													$("#vignettes-ligne1").remove();
													$("#vignettes-ligne2").remove();
													$("#vignettes-ligne3").remove();
													
													$('#coda-slider-1').codaSlider({
														dynamicArrows: false,
														dynamicTabs: false,
														firstPanelToLoad: startPage
													});
												
												}); 
										}
										)})})})})})})});
		}
	})

});