/* ****************************************************

	@file         global.js
	@description  Comportements globaux
	@author       Remy Savard & Luc-Olivier (ixmedia.com)

***************************************************** */

(function($) {

	$(function() {
	   
	 $('img').mousedown(function(event){
		event.preventDefault();
	});
	$('div#explication-4chiffres').hide();
	$('span#note a').click(function(){
		$('div#explication-4chiffres').slideDown();
	});
/***************************************************************************************
	=> Colorbox
***************************************************************************************/
	/*$('#template-listeProduits .vignette a').colorbox({
		current: 'image {current} de {total}',
		opacity: 0.75,
		onComplete : function(){
			$('img').mousedown(function(event){
				event.preventDefault();
			});
			var h = $('img#cboxPhoto').height();
			$('img#cboxPhoto').wrap('<div class="hoverImg"/>');
			$('<span/>').appendTo('div.hoverImg');
			$('div.hoverImg, div.hoverImg span').height(h);
			if ( $.browser.msie ) {
				$('div#cboxLoadedContent').css({'height':($('div#cboxLoadedContent').height()+15)});
			} else {
				if ( $.browser.mozilla ) {
					$('div#cboxLoadedContent').css({'height':($('div#cboxLoadedContent').height()+15)});
				} else {
					$('div#cboxLoadedContent').css({'height':($('div#cboxLoadedContent').height()+15),'width':($('div#cboxLoadedContent').width()+15)});
				}
			}
		}
	});*/
	
	
/***************************************************************************************
	=> Menu de gauche
***************************************************************************************/

	if($('body').hasClass('dorure') || $('body').hasClass('cadeau') || $('body').hasClass('reguliere') || $('body').hasClass('geante') || $('body').hasClass('porte-billet') || $('body').hasClass('dorure') || $('body').hasClass('grande')){
		$('li.sans-texte').addClass("menuOuvert");
	}
	else if($('body').hasClass('carte-personnalisee')){
		$('li.personnalisees').addClass("menuOuvert");	
	}
	if(false){
		$('li.personnalisees').addClass("menuOuvert");
	}
	
	$('li.enfants a.menu').click(function(e){
		if($(this).parent().hasClass('menuOuvert')){
			$(this).parent().toggleClass('menuOuvert');	
			$(this).parent().children('ul').slideUp('fast',function(){
				//$(this).parent().toggleClass('menuOuvert');									 
			});
		}
		else{
			$(this).parent().toggleClass('menuOuvert');	
			$(this).parent().children('ul').slideDown('fast',function(){
				//$(this).parent().toggleClass('menuOuvert');							 
			});
		}
		e.preventDefault();
	});	  

/***************************************************************************************
	=> Formulaire de recherche
***************************************************************************************/
// Activer le bouton Rechercher seulement lorsqu'un ŽlŽment est selectionnŽ / quelque chose est entrŽ dans le champ texte
	function activerBtnRechercher() {
		var boutonActif = false,
			btnSubmit = $("#btnSubmit");
		
		$('.formRechercheAvance select').each(function(){
			if ( $(this).find('option:selected').val() !== '0' ) {
				boutonActif = true;
			}
		});
		
		if ( $('input#codeTitre').val() !== '' ) { boutonActif = true; }
		
		if ( !boutonActif ) {
			$(btnSubmit).addClass('inactif').attr('disabled', true);
		} else {
			$(btnSubmit).removeClass('inactif').attr('disabled', false);
		}

	}

	activerBtnRechercher();
	$('.formRechercheAvance select').change(function() { activerBtnRechercher(); });
	$('input#codeTitre').keyup(function() { activerBtnRechercher(); });
	$('input#btnReset').click(function(){ setTimeout(activerBtnRechercher,10); });

// Ouvre le bloc de recherche lors du survol sur l'ŽlŽment
	/*$('#enrobage #entete #menuPrincipale li:eq(1)').hover(function() {
		$(this).children('div').show();
		$(this).addClass('active');
	}, function(){
		$(this).children('div').hide();
		$(this).removeClass('active');
	});*/
	var liFirst = $('#enrobage #entete #menuPrincipale li:eq(1)'),
		aFirst = $('#enrobage #entete #menuPrincipale li:eq(1) a'),
		recherche = $('div.recherche');
		
	aFirst.click(function(){
		recherche.slideDown();
		liFirst.addClass('active');
	});
	
	$('a#fermerBox').click(function(){
		recherche.slideUp();
		liFirst.removeClass('active');
	});

	/* Lorsqu'on coche "afficher les reproductions", cacher le choix des cartes et vis-vers-ça */
	// Au load
	if($('div.cartes input:checked').length>0){
	  $('div.reproductions').hide();	
	  $('.reproductions').hide();
	}
	else if($('div.reproductions input:checked').length>0){
		$('div.cartes').hide();
	}
	// au clic
	$("#reproduction").click(
		function(){
			afficherCacherReproductions();
		}
	);
	$("div.cartes input").click(
		function(){
			afficherCacherCartes();
		}
	);

	function afficherCacherReproductions(){
		if($('div.cartes').css('display')=="none"){
			$('div.cartes').show();	
		}
		else{
			$('div.cartes').hide();
			$('div.cartes input').attr('checked', false);
			
		}	
	}
	function afficherCacherCartes(){
		if($('div.reproductions').css('display')=="none" && $("div.cartes input:checked").length==0){
			$('div.reproductions').show();	
			$('.dimensions').show();
			$('div.rubriques').hide();
			$('div.couleurs').show();
			
			
		}
		else{
			$('div.reproductions').hide();	
			$('.dimensions').hide();
			$('div.couleurs').hide();
			$('div.rubriques').show();
			$('div.reproductions input').attr('checked', false);	
		}		
	}
	
	
	
	if(!$('div#recherche form').is('.ouvert')) {
		$('#recherche .formRechercheAvance').hide();
	}
	
	$('#submit-giclee').click(function(){
		$('#form1').submit();
		return false;
	});


/***************************************************************************************
	=> Slideshow des fiches
***************************************************************************************/

	var indexImage = 0;
	var lesImages = $('#slideshow li');
	var nbImages = lesImages.length;
	lesImages.eq(indexImage).css('z-index', 10).siblings().hide();
	updateTexte();
	updateActive();
	
	$('#caption ul li a').click(function() {
		var indexImage2 = lesImages.eq(indexImage);
		var indexClick = $(this).parent().index();
		
		if(nbImages == 1){
		
			return false;
			
		} else {
			
			nouvelleImage = lesImages.eq(indexClick);
			indexImage = indexClick;
							
			updateTexte();
			updateActive();
			indexImage2.hide();
			lesImages.stop();
			nouvelleImage.css('opacity', 0).show().animate({
				opacity: 1
			},{
				duration: 3000,
				easing: 'easeOutExpo'
			});
		
		}
		return false;
	});
	
	function updateTexte() {
		$('#caption p').eq(indexImage).show().siblings('p').hide();
	}
	
	function updateActive() {
		$('#caption li').eq(indexImage).addClass('active').siblings().removeClass('active');
	}
	
	
	// Slideshow automatique ˆ l'accueil
	
	if($('#template-accueil').length > 0){
		
		test = setInterval(
			function () {
				var indexImage2 = lesImages.eq(indexImage);
	
				if(indexImage == nbImages-1){
					nouvelleImage = lesImages.filter(':first');
					indexImage = 0;
				} else {
					nouvelleImage = indexImage2.next();
					indexImage++;
				}
	
				updateTexte();
				updateActive();
				indexImage2.hide();
				lesImages.stop();
				nouvelleImage.css('opacity', 0).show().animate({
					opacity: 1
				},{
					duration: 10000,
					easing: 'easeOutExpo'
				});
			}
		, 10000 );
	}

	
	if ($('body').is('#template-detailProduits') && $('div').is('.meme-contrat')) {
		$('div.meme-contrat ul.groupe li:last strong').remove();
	}
	});

/***************************************************************************************
	=> Hover sur les images FICHE
***************************************************************************************/
	$(window).load(function(){
		if ( $('body').is('.detailProduits') ) {
			$('div.detail div.vignette img:first').each(function(e) {
				var h = $(this).height();
				$(this).wrap('<div class="hoverImg"/>');
				$('<span/>').appendTo('div.hoverImg');
				$('div.hoverImg, div.hoverImg span').height(h);
			});
		} 
	});
	
})(jQuery);



