$(function(){

	// Popup en cas de commande effectuée avec succès
	if($(".success_commande").length>0){
	
		var contenu_popup = 	'<p class="center strong">'
							+	'	<span class="rouge">Votre commande a bien été prise en compte.</span>'
							+	'	<br/>Vous recevrez un email de confirmation à l\'adresse suivante :'
							+	'	<br/>'+$("#email_client").html()
							+	'	<br/>'
							+	'	<br/>Merci de votre confiance.'
							+	'</p>'
							+	'<a style="margin-top:10px;" href="#" class="btn_small noir centre messageService_close" title="Ok">Ok</a>';
		
		$.messageService({
			title: 			'Confirmation de la commande',
			type:			'html',
			html:			contenu_popup,
			width:			585,
			onClose:		function(){ /*window.location.replace(URL_SITE);*/ }
		});
	}
	
	// Popup en cas de commande erronnée
	if($(".erreur_commande").length>0){
	
		var contenu_popup = 	'<p class="center strong">'
							+	'	<span class="rouge">Une erreur s\'est produite dans la prise en compte de votre commande.</span>'
							+	'	<br/>Veuillez réessayer ultérieurement.'
							+	'	<br/>'
							+	'	<br/>Merci de votre confiance.'
							+	'</p>'
							+	'<a style="margin-top:10px;" href="#" class="btn_small noir centre messageService_close" title="Ok">Ok</a>';
		
		$.messageService({
			title: 			'Confirmation de la commande',
			type:			'html',
			html:			contenu_popup,
			width:			585,
			onClose:		function(){ /*window.location.replace(URL_SITE);*/ }
		});
	}
	
	//tpr
	$('#tpr').nivoSlider({
		// effect: 		'sliceUp',
		// slices: 		10,
		effect: 		'slideInRight',
		slices: 		8,
		animSpeed: 		500,
		pauseTime: 		4000,
		directionNav: 	false,
		keyboardNav: 	false
	});
	
	
	//top des ventes - nouveautés - promotions - bonnes affaires
	/* slidershow tops */
	
	var positionCourante = 0;
	var nbSlideAffiche = 4; //nb slides affichés à l'écran
    var slideWidth = 225;  //px
	initSlidershow();
	
	var rand = Math.random();
	if (rand<=0.25){
		var indexOnglet = 0;
	}else{ 
		if(rand<=0.50){
			var indexOnglet = 1;
		}else{
			if(rand<=0.75){
				var indexOnglet = 2;
			}else{
				var indexOnglet = 3;
			}
		}
	}
	indexOnglet=4;
	
	//alert($('#barre_onglets li').eq(indexOnglet).find('a p').html());
	switch(indexOnglet){
		//couleur de fond de l'onglet et du footer du slideshow adéquates
		case 0:{ //top des ventes
			$('#barre_onglets li').eq(indexOnglet).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -839px repeat-x');
			$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -839px repeat-x');
			$('#libelle_lien_listing').html('Voir tous les tops des ventes');
			$('#footer_top_vente a').attr('title','Voir tous les tops des ventes');
			$('#footer_top_vente a').attr('href',URL_SITE+'top-des-ventes.php');
			break;
		}
		case 1:{ //promotions
			$('#barre_onglets li').eq(indexOnglet).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -806px repeat-x');
			$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -806px repeat-x');
			$('#libelle_lien_listing').html('Voir toutes les '+$('#onglet_promotion a').attr('title'));
			$('#footer_top_vente a').attr('title','Voir toutes les '+$('#onglet_promotion a').attr('title'));
			$('#footer_top_vente a').attr('href',URL_SITE+'promotions.php');
			break;
		}
		case 2:{ //nouveautés
			$('#barre_onglets li').eq(indexOnglet).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -872px repeat-x');
			$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -872px repeat-x');
			$('#libelle_lien_listing').html('Voir toutes les nouveautés');
			$('#footer_top_vente a').attr('title','Voir toutes les nouveautés');
			$('#footer_top_vente a').attr('href',URL_SITE+'nouveautes.php');
			break;
		}
		case 3:{ //bonnes affaires
			
			$('#barre_onglets li').eq(indexOnglet).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -905px repeat-x');
			$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -905px repeat-x');
			if ($('#barre_onglets li').eq(indexOnglet).find('a p').html() =='Bonnes affaires'){ 
				$('#libelle_lien_listing').html('Voir toutes les bonnes affaires');
				$('#footer_top_vente a').attr('title','Voir toutes les bonnes affaires');
				$('#footer_top_vente a').attr('href',URL_SITE+'bonnes-affaires.php');
			}else{ 
				$('#libelle_lien_listing').html('Voir tout les soldes');
				$('#footer_top_vente a').attr('title','Voir tout les soldes');
				$('#footer_top_vente a').attr('href',URL_SITE+'soldes.php');
			}
		
			break;
		}
		
		case 4:{ //falsh
		
			$('#barre_onglets li').eq(indexOnglet).css('background','url('+URL_SITE+'img/interface/backgroundflash.png) repeat-x');
			$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/backgroundflash.png) repeat-x');
			$('#libelle_lien_listing').html('Voir toutes les ventes Flash');
			$('#footer_top_vente a').attr('title','Voir toutes les ventes Flash');
			$('#footer_top_vente a').attr('href',URL_SITE+'ventes-flash.php');
			break;
		}
	}


	//chargement de la page : récupère les tops des ventes
	$.ajax({
		type: "POST",
		url: URL_SITE+"ajax/get_top_produit.xhr.php",
		data: "onglet="+indexOnglet,
		success: function(contenu_top_produit){
			$("#slide_container .loader_48").fadeOut(200,function(){
				$('#slide_container').html(contenu_top_produit);
				initSlidershow();
			});
			
		}
	});

	//écouteur sur le clic des onglets
	$('#barre_onglets li').live('click',function(){ //clic sur un des onglets
		var id_onglet = $(this).attr('id');
		var index = $(this).index();
		if(id_onglet != $('#barre_onglets li:last').attr('id')){
			
			$('#slide_container').empty();
			$('#slide_container').append('<div class="loader_48" style="display:none;"></div>');
			$('#slide_container .loader_48').fadeIn(200);
			
			$.ajax({
				type: "POST",
				url: URL_SITE+"ajax/get_top_produit.xhr.php",
				data: "onglet="+index,
				success: function(contenu_top_produit){
					$("#slide_container .loader_48").fadeOut(200,function(){
						$('#slide_container').html(contenu_top_produit);
						initSlidershow();
					});
				}
			});
		
			$('#barre_onglets li:not(:last)').each(function(){
				$(this).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -773px repeat-x');
			});
			switch(index){
				//couleur de fond de l'onglet et du footer du slideshow adéquates
				case 0:{ //top des ventes
					$('#barre_onglets li').eq(index).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -839px repeat-x');
					$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -839px repeat-x');
					$('#libelle_lien_listing').html('Voir tous les tops des ventes');
					$('#footer_top_vente a').attr('title','Voir tous les tops des ventes');
					$('#footer_top_vente a').attr('href',URL_SITE+'top-des-ventes.php');
					break;
				}
				case 1:{ //promotions
					$('#barre_onglets li').eq(index).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -806px repeat-x');
					$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -806px repeat-x');
					$('#libelle_lien_listing').html('Voir toutes les '+$('#onglet_promotion a').attr('title'));
					$('#footer_top_vente a').attr('title','Voir toutes les '+$('#onglet_promotion a').attr('title'));
					$('#footer_top_vente a').attr('href',URL_SITE+'promotions.php');
					break;
				}
				case 2:{ //nouveautés
					$('#barre_onglets li').eq(index).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -872px repeat-x');
					$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -872px repeat-x');
					$('#libelle_lien_listing').html('Voir toutes les nouveautés');
					$('#footer_top_vente a').attr('title','Voir toutes les nouveautés');
					$('#footer_top_vente a').attr('href',URL_SITE+'nouveautes.php');
					break;
				}
				case 3:{ //bonnes affaires
					$('#barre_onglets li').eq(index).css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -905px repeat-x');
					$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/sprite_background.png) 0px -905px repeat-x');
					
					if ($('#barre_onglets li').eq(index).find('a p').html() =='Bonnes affaires'){ 
						$('#libelle_lien_listing').html('Voir toutes les bonnes affaires');
						$('#footer_top_vente a').attr('title','Voir toutes les bonnes affaires');
						$('#footer_top_vente a').attr('href',URL_SITE+'bonnes-affaires.php');
					}else{ 
						$('#libelle_lien_listing').html('Voir tout les soldes');
						$('#footer_top_vente a').attr('title','Voir tout les soldes');
						$('#footer_top_vente a').attr('href',URL_SITE+'soldes.php');
					}
					/*$('#libelle_lien_listing').html('Voir toutes les bonnes affaires');
					$('#footer_top_vente a').attr('title','Voir toutes les bonnes affaires');
					$('#footer_top_vente a').attr('href',URL_SITE+'bonnes-affaires.php');*/
					break;
				}
				case 4:{ //flash
					$('#barre_onglets li').eq(index).css('background','url('+URL_SITE+'img/interface/backgroundflash.png) repeat-x');
					$('#footer_top_vente').css('background','url('+URL_SITE+'img/interface/backgroundflash.png)  repeat-x');
					$('#libelle_lien_listing').html('Voir toutes les ventes Flash');
					$('#footer_top_vente a').attr('title','Voir toutes les ventes Flash');
					$('#footer_top_vente a').attr('href',URL_SITE+'ventes-flash.php');
					break;
				}
			}
		}
		return false;
		
	});
	
    //écouteur sur le clic des boutons de défilement
    $('.controle').live('click', function(){
        var id_controle = $(this).attr('id');
		switch(id_controle){
			case 'controle_gauche':{
				if(positionCourante > 0){positionCourante = positionCourante-nbSlideAffiche;}
				else desactiverControle('controle_gauche');
				if(nbSlides > nbSlideAffiche+1){activerControle('controle_droit');}
				if(positionCourante == 0){desactiverControle('controle_gauche');}
				break;
			}
			case 'controle_droit':{
				if(positionCourante < nbSlides-nbSlideAffiche){positionCourante = positionCourante+nbSlideAffiche;}
				else desactiverControle('controle_droit');
				activerControle('controle_gauche');
				if(nbSlides <= nbSlideAffiche*(positionCourante/2)){desactiverControle('controle_droit');}
				break;
			}
			default:{
				break;
			}
		}
        //défilement des slides avec un effet
        $('#slideInner').animate({'marginLeft' : slideWidth*(-positionCourante)},1200);
    });
	
	
	/**************/
	/* catégories */
	/**************/
	
	$('div.menu_categorie').eq(3).css('margin-right','0');
	$('div.menu_categorie').eq(7).css({
		'margin-right':'0',
		'margin-bottom':'0'
	});
	
	$('div.menu_categorie').eq(4).css('margin-bottom','0');
	$('div.menu_categorie').eq(5).css('margin-bottom','0');
	$('div.menu_categorie').eq(6).css('margin-bottom','0');
	
	
	//clic sur une élément d'un select
	$('.menu_categorie select').live('change',function(){
		
		var sg_id = $(this).find('option:selected').val();
		
		$.ajax({
			type: "POST",
			url: URL_SITE+"ajax/get_url_sous_groupe.php",
			data: "sg_id="+sg_id,
			success: function(url_retournee){
				$(location).attr('href',url_retournee);
			}
		});
	});


	//Ouverture du bloc Assistance multimédia par défaut
	//$('#contenu_gauche div:not(.bloc_supplementaire) .cgb_contenu:eq(1)').hide();
	//$('#contenu_gauche div:not(.bloc_supplementaire) .cgb_contenu:eq(4)').show();
	
	
	
	
	
	
	// decompte timer
	var minute = 60;
	var heure = 60*minute;
	var jour = 24*heure;
		
	setInterval(function updateTimer(){
		if($('.timer span.contenu_timer').length){	
		
			$('.timer span.contenu_timer').each(function(){
				
				var contenu = $(this).html();
				if(contenu.length>0 ){
					//Jour
					var nbJour = $(this).find('.jour').html();
					
					//heure
					var nbHeure = $(this).find('.heure').html();
					 
					//Minute
					var nbMinute = $(this).find('.minute').html();
					
					//Seconde
					var nbSeconde = $(this).find('.seconde').html();
					
					//contenu = contenu.replace(/([0-9]*)j/i, "trouvé");
					
					var duree = parseInt(nbMinute*minute,10) + parseInt(nbHeure*heure,10) + parseInt(nbJour*jour,10)+ parseInt(nbSeconde,10)-1;
					
					if(duree>0){
						var nb_jour = Math.floor(duree/jour);
						var nb_heure = Math.floor((duree%jour)/heure);
						var nb_minute = Math.floor((duree%heure)/minute);
						var nb_seconde = Math.floor(duree%minute);
						
							
						if(nb_jour>0){
							$(this).find('.jour').html(nb_jour);
						}else{
							$(this).find('.jour').hide();
							$(this).find('.unitejour').hide();
						}
						
						if(nb_heure>0){
							$(this).find('.heure').html(nb_heure);
						}else{
							if (nb_heure+nb_jour==0){
								$(this).find('.heure').hide();
								$(this).find('.uniteheure').hide();
							}
						}
						
						if(nb_minute>0){
							$(this).find('.minute').html(nb_minute);
						}else{
							if (nb_heure+nb_jour+nb_minute==0){
								$(this).find('.minute').hide();
								$(this).find('.uniteminute').hide();
							}
						}
						
						
						$(this).find('.seconde').html(nb_seconde);
						
						
					}else{
						$(this).parent().html('');
					}
					
				}
			});		
		}
	}, 1000);		
	
	
	
});  


function initSlidershow(){
	
    positionCourante = 0;
	nbSlideAffiche = 4; //nb slides affichés à l'écran
    slideWidth = 225;  //px
    slides = $('.slide');
    nbSlides = slides.length;
	
	//par defaut on désactiver le controleur gauche
	desactiverControle('controle_gauche');
	activerControle('controle_droit');
	
	if(nbSlides < nbSlideAffiche+1){desactiverControle('controle_droit');}
   
    slides.wrapAll('<div id="slideInner"></div>');
    //div de la largeur égale à la somme des largeurs des slides
    $('#slideInner').css('width',nbSlides*slideWidth+'px');

	RetirerMarginRight();
}


function desactiverControle(id_controleur){
	$('#'+id_controleur).css({
		'opacity':'0.3',
		'cursor':'default'
	});
}

function activerControle(id_controleur){
	$('#'+id_controleur).css({
		'opacity':'1',
		'cursor':'pointer'
	});
}

//enlever marge pointillée droite sur le dernier slide
function RetirerMarginRight(){
	$('.promotion_contenu:last').css({
		'border-right':'none',
		'width':'208px'
	});
	
	$('.promotion_contenu').eq(3).css({
		'border-right':'none',
		'width':'208px'
	});
}