$(document).ready(function(){

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

});


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){
	//$id_article
	$.post('../ajax/ajax.apercu.php', {
		id_article: id_article
	}, 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();
		load_tarifs();
		init_desc();
		$('#cont-popup-ap').css('visibility', 'visible');
	});


};

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){

		var prixfinale = $(obj).find('#prixfinale').text().replace(/##/g, ' €');
		$('#prix-final').html(prixfinale);

		var prixfinale_total = $(obj).find('#prixfinaletotal').text().replace('##', ' €');
		$('#ap_prix_finale_total').html(prixfinale_total);

		var dollar_value = $(obj).find('#dollar_value').text();
		$('#dollar_value').html(dollar_value);

		var dollar_txt = $(obj).find('#dollar_txt').text();
		$('#dollar_txt').html(dollar_txt);

		var bouton = $(obj).find('#panier').text();
		$('#bouton-panier').html(bouton);

	}, 'xml');
};