function ap_init_photo(){

	$('ul#ap-photos').galerie({
		theight: 80,
		twidth: 160,
		bheight: 250,
		bwidth: 460,
		container: '#big-ap-photo'
	});
}

var init_apercu = function(id_article, gabarit,groupe_lot){
	//$id_article
	$.post('../ajax/ajax.apercu.php', {
		id_article: id_article , 
		groupe_lot: groupe_lot
	}, function(html){
		//on intégre le html
		$('#ap-cont').html(html);

		$('#ap-close').click(function(){
			$('#cont-popup-ap').css('visibility', 'hidden');
		});

		$('#cont-popup-ap').removeAttr('class');
		if($('.apercu-article').hasClass('variante')){
			//dans le cas d'un apercu d'un article avec variante, on redimentionne la popup
			$('#cont-popup-ap').addClass('variante');
		}

		//on place la popup correctement
		var width = $(window).width();
		var height = $(window).height();

		var margin_l = (width - $('#cont-popup-ap').width()) / 2;
		var margin_t = (height - $('#cont-popup-ap').height()) / 2;

		//alert(width + ' '+ $('#cont-popup-ap').width()+ '  '+margin_l);

		$('#cont-popup-ap').css({
			left : margin_l+'px',
			top : margin_t+'px'
		})
		ap_init_photo();
		ap_init_vars();
		if(parseInt(groupe_lot)==0)
			load_tarifs();		
		init_desc();
		variantes();
		$('#cont-popup-ap').css('visibility', 'visible');
		
		if(groupe_lot>0){		    
		    $('#ap-typeFlocageNumero').click(function(){
		      $('#ap-personnalisationNumero1').val('');
		      $('#ap-personnalisation').val('');
		      $('#ap-personnalisationNom').val('');	
		       $("#ap-prixFlocage").val($('#ap-typeFlocageNumero').val());
		       $('#ap-personnalisationNom').val('');
		       $('#ap-numero').show();
		       $('#ap-numeroNom').hide();
		       $('#ap-perso').hide();
		    });
		    $('#ap-typeFlocageNumNom').click(function(){
			$('#ap-personnalisationNumero1').val('');
			$('#ap-personnalisation').val('');
			$("#ap-prixFlocage").val($('#ap-typeFlocageNumNom').val());
			$('#ap-numero').hide();
			$('#ap-numeroNom').show();
			$('#ap-perso').hide();
		    });
		    $('#ap-typeFlocagePerson').click(function(){
			$('#ap-personnalisationNom').val('');			    
			$('#ap-personnalisationNumero').val('');			    
			$('#ap-personnalisationNumero1').val('');
			$("#ap-prixFlocage").val($('#ap-typeFlocagePerson').val());
			$('#ap-numero').hide();
			$('#ap-numeroNom').hide();
			$('#ap-perso').show();
		    });
		    $('#ap-typeFlocageAucun').click(function(){
			$("#ap-prixFlocage").val(0);			
			$('#ap-personnalisationNom').val('');			    
			$('#ap-personnalisationNumero').val('');			    
			$('#ap-personnalisationNumero1').val('');
			$('#ap-personnalisation').val('');
			$('#ap-numero').hide();
			$('#ap-numeroNom').hide();
			$('#ap-perso').hide();
		    });		    
		    
		}
	});


};

var largeur_defil = 0;
var nb_pages = 0;

var init_desc = function(){
	//on init que si on a plus de 2 colonnes
	if($('.cont-desc').length > 2){
		var _liste = $('#ap-infos');
		var nb_col = $('.cont-desc').length;
		var largeur_li = $('.cont-desc:first').outerWidth();

		largeur_defil = largeur_li * 2;

		nb_pages = Math.ceil(nb_col / 2); //on a 2 colonne de visible
		//	alert(nb_pages);
		var largeur_totale = largeur_li * nb_col;

		//on dimensionne correctement la liste
		_liste.width(largeur_totale);
		//alert($('#ap-infos').offset().left);

		if(!nb_pages > 1){
			$('.cont-global-info .nav').hide();
		}

		events_nav();


	}

};


var events_nav = function(){

	//on vire les evenements
	$('#cont-global-info .nav').unbind('click');      
	//on check si on est sur la derniere
	var left = cleanpx($('#ap-infos').css('left'));

	//on recupere la page
	var page = Math.abs((left / largeur_defil) - 1);

	if(page < nb_pages){
		$('#cont-global-info .nav.next').show();
		//events
		$('#cont-global-info .nav.next').click(function(){
			$(this).unbind('click');

			var new_left = left - largeur_defil;

			//on avance
			$('#ap-infos').animate({left: new_left+'px'}, 500, function(){
				events_nav();
			});

		});
	}
	else{
		$('#cont-global-info .nav.next').hide();
	}


	if(page > 1){
		$('#cont-global-info .nav.prev').show();
		//events
		$('#cont-global-info .nav.prev').click(function(){
			$(this).unbind('click');

			var new_left = left + largeur_defil;

			//on avance

			$('#ap-infos').animate({left: new_left+'px'}, 500, function(){
				events_nav();
			});


		});
	}
	else{
		$('#cont-global-info .nav.prev').hide();
	}



};

var cleanpx = function(string){

	return parseInt(string.replace('px', ''));

};


function ap_init_vars(){
	if($('.entry-var').length > 0){

		
		$('.entry-var').click(function(){
			
			$('.entry-var').removeClass('active');
			$(this).addClass('active');
			
			$('#ap_variante').val($(this).find('.id-var').val());
			
			$.post('../ajax/ajax.apercu_var.php', {
				id_article: $('#ap_article').val(),
				variante: $('#ap_variante').val()
			}, function(html){
				//on intégre le html
				$('#apercu-photo').html(html);
				
				ap_init_photo();
				//ap_init_vars();
				//load_tarifs();
				init_desc();
				//$('#cont-popup-ap').css('visibility', 'visible');
			});

		});

	}
}

var load_tarifs = function(){
	$.post('../ajax/ajax_calculfichearticle.php', {
		article: $('#ap_article').val(),
		variante: $('#ap_variante').val(),
		qte: $('#ap-quantite').val()
	}, function(obj){
		affiche_info_fiche_article(obj,"mini_fiche");
	},'json');
};