var _PageCourante = "";
var _TAttributSelection = "";
var _timer = "";

$(function() {

	// Fonction pour l'affichage des infos au survol des miniature photos
	$('.miniature_photo').hover(function(){
		$(this).css("border", "1px solid #898989");
		var tmp = $(this).attr("id");
		AfficherInfos(tmp);
	}, function(){
		$(this).css("border", "1px solid #DEDEDE");
	});
	
	// Fonction pour l'affichage des infos au survol des miniature photos
	$('.MeilleurVenteRayon').hover(function(){
		$(this).css("background-color", "#DEDEDE");
		var tmp = $(this).attr("id");
		AfficherInfos(tmp);
	}, function(){
		$(this).css("background-color", "#FFFFFF");
	});
	
	// Affichage du descriptif au survol du bouton fiche produit
	
	$('.BtnFicheProduit').hover(function(){
		$(this).parents('div').parents('div').children('.Descriptif').show();
	}, function(){
		$(this).parents('div').parents('div').children('.Descriptif').hide();
	});
	
	// Permet d'afficher un cadre autour du produit au survol de la souris
	$(".Produit").hover(function(){	
		$(this).css("border", "1px solid #898989");
	}, function(){
		$(this).css("border", "1px solid #DEDEDE");
	});
				
	// DEBUT Slider
	var Min = 0;
	var Max = Math.floor($('#PrixMaxGamme').val());
	var SelectionPriceMin = $('#SelectionPriceMin').val();
	var SelectionPriceMax = $('#SelectionPriceMax').val();
	
	if(document.getElementById('slider-range')){
			$("#slider-range").slider({
				range: true,
				min: Min,
				max: Max,
				values: [SelectionPriceMin, SelectionPriceMax],
				slide: function(event, ui) {
					clearTimeout(_timer);
					$("#amount").html( '<b>'+ui.values[0] + '</b> € - <b>' + ui.values[1] + '</b> €');
				},
				stop: function(event, ui) {
					$('#SelectionPriceMin').val(ui.values[0]);
					$('#SelectionPriceMax').val(ui.values[1]);
					_timer = setTimeout(function(){
						fn_afficher_resultat();
					}, 1000);
				}
		
			});
			$("#amount").html( $("#slider-range").slider("values", 0) + ' € - ' + $("#slider-range").slider("values", 1)+ '€');
			// FIN Slider
	}

});


// Afficher les infos du produit au survol de la vignette
function AfficherInfos(Id){
	// On recupere le liens vers la fiche produit
	var Link = $('#'+Id).children('a').attr('href');

	// On recupere les infos dans le hidden	
	var tmp = Id.split('_');
	tmp = '#Hidden_Produit_' + tmp[2] + "_" + tmp[3];
	
	var Infos = $(tmp).val();
	Infos = Infos.split(';;');
	
	
	// On change la photo
	$('#Gamme_'+Infos[0]+' .Detail .Image img').attr('src', Infos[1]);
	$('#Gamme_'+Infos[0]+' .Detail .Image img').attr('width', Infos[2]);
	$('#Gamme_'+Infos[0]+' .Detail .Image img').attr('height', Infos[3]);
	$('#Gamme_'+Infos[0]+' .Detail .Image a').attr('href', Link);
	$('#Gamme_'+Infos[0]+' .Detail .Image .Promo').html('');
	$('#Gamme_'+Infos[0]+' .Detail .Descriptif').html(Infos[8]);

	// On modifie le titre du produit
	var NomProduit = Infos[4];
	var PrixVente = Infos[5];
	var Promotion = Infos[6];
	var NomGamme = Infos[7];
	
	if (Promotion != "0,00"){
		var AffichagePrixVente = PrixVente +" &euro;<br> <span style='font-size:11px;color: #333333'>au lieu de "+Infos[9]+" &euro;</span>";
	}
	else {
		var AffichagePrixVente = PrixVente +" &euro;";
	}

	var html = "<h3><a href=\""+Link+"\" title=\"Voir "+NomGamme+"\">"+NomProduit+"</a><br /><span style=\"font-size:12px; font-weight:normal;\">"+NomGamme+"</span><br /><br /><span class=\"prix\">"+AffichagePrixVente+"</span>";
	html += "<br /><a href=\""+Link+"\" title=\"Voir "+NomProduit+"\"><img src=\"/images/bt_ficheProduit.png\" class=\"BtnFicheProduit\" border=\"0\" /></a></h3>";
	
	$('#Gamme_'+Infos[0]+' .Detail .Image .Promo').html("- "+Promotion+" %"); 
	$('#Gamme_'+Infos[0]+' .Detail .Infos').html(html);
	
	/*
	$('.BtnFicheProduit').hover(function(){
		$(this).parents('div').parents('div').children('.Descriptif').show();
	}, function(){
		$(this).parents('div').parents('div').children('.Descriptif').hide();
	});
	*/
	
}



// Création de la paggination
function paggination(){

	var Paggination = "";
	var PageCourante = Number($('#PageCourante').val());
	var NbPageMax = Number($('#MaxPage').val()) - 1;
	var P;
	var NbPage = 0;
	NbPageMax = NbPageMax == 1 ? 0 : NbPageMax;
	
	// Ajout du precedent
	P = PageCourante - 1
	if( P < 1 ){
		Paggination += "<span class=\"bt_navigation_large\">« Prec </span>";
	} else {
		Paggination += "<a href=\"javascript:fn_changerPage("+P+");\" alt=\"\" title=\"\" class=\"bt_navigation_large\">« Prec </a>";
	}	
	
	// Numerotation des pages
	for(var i=1; i<=NbPageMax; i++){
		NbPage ++;
		if( i == PageCourante ){
			Paggination += "<span class=\"bt_navigation\" style=\"font-weight: normal;\">"+i+"</span>";
		} else {
			Paggination += "<a href=\"javascript:fn_changerPage("+i+");\" alt=\"\" title=\"\" class=\"bt_navigation\">"+i+"</a>";
		}
		
	}

	// Ajout du suivant
	P = PageCourante + 1;
	if( P > NbPageMax ){
		Paggination += "<span class=\"bt_navigation_large\"> Suiv »</span>";
	} else {
		Paggination += "<a href=\"javascript:fn_changerPage("+P+");\" alt=\"\" title=\"\" class=\"bt_navigation_large\"> Suiv »</a>";
	}
	
	if( NbPage == 0 ){
		$('#bt_navigation').html("");
	} else {
		$('#bt_navigation').html(Paggination);
	}
}

// On affiche le block page
function fn_changerPage(Page){

	// On recupere la page courante, en cours de visualisation
	var PageCourante = $('#PageCourante').val();

	// On cache la page en cours de visualisation
	$('#page_'+PageCourante).css("display","none");
	
	// On affiche la page en cours
	$('#page_'+Page).fadeIn("slow");

	// On change le numero de la page courante
	$('#PageCourante').val(Page);
	
	// On creer la paggination
	paggination();

}

// Tri des prix croissant ou decroissant
function fn_trier(Table, Sens){
	
	clearTimeout(_timer);

	$('#Order').val(Sens)
	
	_timer = setTimeout(function(){
		fn_afficher_resultat();
	}, 1000);
	
}

// Selection d'un attribut pour affiner la recherche
function fn_selectioner_valeur(IdAttribut, Select){

	clearTimeout(_timer);
	
	var ListeSelection = "";
	
	$('#LigneAttribut div').children('select').each(function(i){
	
		var IdAttribut = $(this).attr('id');
		IdAttribut = IdAttribut.split('_');
		IdAttribut = IdAttribut[1];
	
		$(this).children('option').each(function(i){
			if( $(this).attr('selected') === true ){
				if($(this).val() != "null"){
					ListeSelection += "|" + IdAttribut + ";;" + $(this).val() + "|";
				}
			}
		});
		
	});
	
	$('#TAttribut').val(ListeSelection);
	
	_timer = setTimeout(function(){
		fn_afficher_resultat();
	}, 1000);
	
}

// Affiche le resultat demandé par l'internaute
function fn_afficher_resultat(){
	
	$('#DivSlider').hide();
	$('#DivSliderInfo').show();
	
	// On desactive les select
	$('#LigneAttribut div').children('select').each(function(i){
		$(this).attr('disabled', 'disabled');	
	});	
	
	
	var SelectionPriceMin 	= $('#SelectionPriceMin').val();
	var SelectionPriceMax 	= $('#SelectionPriceMax').val();
	var TAttribut 			= $('#TAttribut').val();
	var IdGamme 			= $('#IdGamme').val();
	var T_IdGamme 			= $('#T_IdGamme').val();
	var Order 				= $('#Order').val();

	var Data = "SelectionPriceMin="+SelectionPriceMin;
	Data += "&SelectionPriceMax="+SelectionPriceMax;
	Data += "&TAttribut="+TAttribut;
	Data += "&IdGamme="+IdGamme;
	Data += "&Order="+Order;
	Data += "&T_IdGamme="+T_IdGamme;
	
	var AfficherResultat2 = new Ajax();
	    AfficherResultat2.SetElementById('ListeProduit');
	    AfficherResultat2.SetData(Data);
	    AfficherResultat2.SetNumFonctionRetour(9);
	    AfficherResultat2.EnvoiRequete('REQ_AfficherResultat.php');
				
}

// Retour de fn_afficher_resultat
function Affichage9(retourAjax, elementId){
	
	$('#DivSliderInfo').hide();
	$('#DivSlider').show();

	// On active les select
	$('#LigneAttribut div').children('select').each(function(i){
		$(this).attr('disabled', '');	
	});	
	
	
	var tmp = retourAjax.split('||');
		
	$('#ListeProduit').html(tmp[0]);
	$('#MaxPage').val(tmp[1]);
	$('#PageCourante').val(1);
	
	// Nombre de produit
	var NbProduit = Number(tmp[2]) <= 1 ? tmp[2] + " produit" : tmp[2] + " produits";
	$('#NombreProduitSelection').html(NbProduit);
	
	if( tmp[2] == "0" ){
		$('#ListeProduit').html("Aucun produit ne correspond à vos critères de sélection.");
	} 
		
	// Permet d'afficher un cadre autour du produit au survol de la souris
	$(".Produit").hover(function(){	
		$(this).css("border", "1px solid #898989");
	}, function(){
		$(this).css("border", "1px solid #DEDEDE");
	});
		
	// On creer la paggination
	paggination();

}

function fn_AllerVersProduit(URL){
	window.location.href=URL;
}