// JavaScript Document
$(function() {
});
$(function() {
	$("a[rel]").overlay({

		mask: '#000',
		effect: 'apple',

		onBeforeLoad: function() {

			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");

			// load the page specified in the trigger
			wrap.load(this.getTrigger().attr("href"));
		}

	});
});

$(document).ready(function(){
	$("#focus img").reflect({ height: 0.2,	opacity: 0.3});
	$("#similaire li img").reflect({ height: 0.2,	opacity: 0.3});
	$("#clients .scrollable").scrollable({circular: true}).autoscroll(3000);
	$("#clients .scrollable img").reflect({ height: 0.2,	opacity: 0.5});
	$("#outils .scrollable").scrollable({circular: true}).autoscroll(5000);
	$("#outils .scrollable img").reflect({ height: 0.2,	opacity: 0.3});
	
	// rollover sur les images ayant la classe .rollover
	// => on remplace la source de l'image
	// contrainte : 
	// 1. l'image de roolover DOIT EXISTER
	// 2. l'image de rollover doit se trouver dans le même répertoire que l'originale
	// 3. l'image de rollover doit avoir le même nom que l'originale, avec le suffixe '-over'
	// 		=> par exemple : bouton-groupe.gif / bouton-groupe-over.gif
	$('.rollover').hover(function(){
		var src = $(this).attr('src');
		var file_name = src.replace('.', '-over.');
		$(this).attr('src', file_name);

	}, function(){
		var src = $(this).attr('src');
		var file_name = src.replace('-over', '');
		$(this).attr('src', file_name);
	})

	// ============== portfolio ===========
	$("#portfolio .chargeur").click(function(e){
		if(!jQuery.browser.msie){ // exécuté uniquement sur les navigateurs autres que IE
			e.preventDefault();
			var urlacharger = $(this).attr('href');
			$('#loader').fadeTo(
												300, 0,
												function(){	
													document.location.href = urlacharger;
												}
											);
		}
	});
	$('#loader').css('display', 'none');
	$('#loader').fadeTo(300, 1);
	// ============== / portfolio ===========
	
	
	
	
	// ============== fiche projet ===========
	// click sur les boutons suviant | precedent
  $("#fiche .chargeur, #similaire .chargeur").click(function(e){

		if(!jQuery.browser.msie){ // exécuté uniquement sur les navigateurs autres que IE
			e.preventDefault();
			var urlacharger = $(this).attr('href');
			$('#similaire ul').fadeTo(300,0);
			$('#loadfiche').fadeTo(
												300, 0,
												function(){	
													document.location.href = urlacharger;
												}
											);
		}
  });
	if(!jQuery.browser.msie){ // exécuté uniquement sur les navigateurs autres que IE
		$('#loadfiche').css('display', 'none');
		$('#loadfiche').fadeTo(300, 1);
		$('#similaire ul').fadeTo(300, 1);
	}

	// rollover sur l'image pour afficher les vignettes
	$('#fiche #bloc_gauche').hover(
		function(){
			$(this).find('.thumb_fond, .thumb_list').slideDown(tempo);
		},
		function(){
			$(this).find('.thumb_fond, .thumb_list').slideUp(tempo);
	})

	// click sur les vignettes
	$('#fiche li').eq(0).removeClass('off');
	$(".vignette").click(function(){
		$(this).parent().find('.vignette').addClass('off');
		$(this).removeClass('off');
		var newimg = $(this).find('img').attr('src');
		$('.largeimg').fadeOut(300,
				function(){
					$(".largeimg").attr('src', newimg);  
					$('.largeimg').fadeIn(300);	
				});	 	
	});
	// ============== /	fiche projet ===========
	
	
	
	
	// ============== rollover menus ===========
	/*
	$('#menu li').hover(
	function(){
		$(this).animate({marginTop:'35px'}, tempo);
	},
	function(){
		$(this).animate({marginTop:'45px'}, tempo);
	});
	*/
	// ============== / rollover menus ===========
	
	
	
	
	// ============= #actualite .image, #portfolio .image ===========
	/* rollover */
	var tempo = 250;
	var timer = 0;
	var hoveredItem = false;
	function rollover(obj){
		hoveredItem = obj; 
		$('.bloc').each(function(i){
			if(this == hoveredItem){
				$(this).find('.image-off').stop().animate({opacity:0}, tempo, function(){hoveredItem = false;});
				$(this).find('.detail').stop(true, true).slideDown(tempo);
			}
			else{
				$(this).find('.image-off').stop().animate({opacity:0.5}, tempo);
			}
		});
	}
	function rollout(){
		$('.bloc').each(function(i){
			$(this).find('.image-off').stop().animate({opacity:0}, tempo);
			$(this).find('.detail').stop(true, true).slideUp(tempo);
		});
	}
	$('#actualite .image, #portfolio .image').prepend('<span class="image-off"></span>');
	$('#actualite .bloc, #portfolio .bloc').mouseenter(function(){rollover(this)});
	$('#actualite .bloc, #portfolio .bloc').mouseleave(function(){rollout(this)});

	/* click */
	$('#actualite .image, #portfolio .image').click(function(){
		var lien = $(this).find('a').attr('href');
		document.location = lien;
	});
	// ============= / #actualite .image, #portfolio .image ===========
	
	
	
	
	// ============= post newsletter ===========
	$("#valider").click(function(){
		$(this).fadeOut("slow");
		$(".footer_droit").fadeOut("slow");
		$(".newsletter_ok").fadeIn("slow");
		var f = $(this).parent();
		var emailnewsletter = f.children("input.emailnewsletter").val(); 
		var valider = ("valider");
		var dataString = 'emailnewsletter='+ emailnewsletter +'&valider='+ valider;	
		$.ajax({
			type: "POST",
			url: "includes/js/sql/insert.php",
			data: dataString,
			success: function() {
			}
	 });
		return false;		
	});
	// ============= / post newsletter ===========

});