

var menu_con = '';
var etat = 'close';

var initmenucon = function(){

	$('.bloc_compte_off').mouseenter(function(){
		if(etat == 'close'){
			$('#connexion-site').show();
			etat = 'open';
		}
		menu_con = 'ephemere';

	}).mouseleave(function(){
		if(menu_con == 'ephemere' && etat == 'open'){
			$('#connexion-site').hide();
			etat = 'close';
		}

	}).click(function(){

		$('#connexion-site').show();
		menu_con = 'persistant';
		etat = 'open';
		bindclose();

	});

};

var etat_pan = 'close';
var initmenupanier = function(){

	$('#cont-panier-header').mouseenter(function(){
		if(etat_pan == 'close'){
			if($('#contenu-panier-header').html() != ''){
				$('#contenu-panier-header').show();
				etat_pan = 'open';
			}
		}

	}).mouseleave(function(){
		if(etat_pan == 'open'){
			$('#contenu-panier-header').hide();
			etat_pan = 'close';
		}

	});

};

var bindclose = function(){

	$('body').unbind().click(function(event) {
	    if (!$(event.target).closest('.bloc_compte_off').length) {
	        $('#connexion-site').hide();
			etat = 'close';
	    };
	});

};

var initwatermark = function(){

	$('#acces_mail').watermark($('#acces_mail').attr('title'));
	$('#acces_password').watermark($('#acces_password').attr('title'));

};

var initpaiementdiv = function(){
	//élément paiement
	if($('div.paiement_div').length>0){
		$('div.paiement_div').click(function(){
			//retrait de l'ancienne sélection
			$('div.paiement_div').each(function(){
				$(this).removeClass('selection_paiement');
			})
			$(this).addClass('selection_paiement');
			//on va cocher le bouton radio
			$($(this).attr('id').replace('div_','')).attr('checked',true);
		});
	}
}

$(document).ready(function(){
	initmenucon();
	initmenupanier();
	initwatermark();
	initpaiementdiv();

   initcarousels();

});

var initcarousels = function(){

   var _carousels = $('.carousel-page');

   if(_carousels.length > 0){

      _carousels.each(function(){

         $(this).carousel({
            theight: "65",
            twidth: "65",
            orientation: $(this).attr('orientation'),
            resize:false,
            limit: 4,
            complete: function(){
               //fiche article
               if($("#div_article_conseille").length > 0){
                  masqueongletfa("#div_article_conseille");
               }

               $(this).css("visibility","visible");
            }
         });
      });
   }
};




function ap_init_photo(){

	$('ul#ap-photos').galerie({
		theight: 75,
		twidth: 75,
		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');
		});

		//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();
		$('#cont-popup-ap').css('visibility', 'visible');
	});




};

function ap_init_vars(){
	if($('#ap-variantes').length > 0){
		if($('#ap-variantes').attr('nodeName').toLowerCase() == 'select'){
			$('#ap-variantes').unbind('change').change(function(){

				var obj = $(this).find('option:selected');
				//on selectionne la phrase de dispo
				//selection_dispo_select();

				//gestion des infos de la variante
				$('#ap_variante').val(obj.val());

				$('#first_load').val(0);
				load_tarifs();
				$('#first_load').val(1);
				ap_init_vars();

				//on grise la qte
				if(obj.hasClass('rupture') || obj.val() == 'A'){
					$('#ap-quantite').attr('disabled', true);
					$('.liste-lot input').attr('disabled', true);
					$('.liste-lot').addClass('off');
				}
				else{
					$('#ap-quantite').attr('disabled', false);
					$('.liste-lot input').attr('disabled', false);
					$('.liste-lot').removeClass('off');
				}
				//gestAlertDispo();
				//tooltip();

			});
		}
		else{
			$('#ap-variantes li').unbind('click');
			$('#ap-variantes li:not(".active")').click(function(){
				//on rends le btn de taille actif
				var cas = $(this).attr('class');
				//alert(cas);
				$('#ap-variantes li').removeClass('active');
				$('#ap-variantes li .cont').removeClass('enstock-active').removeClass('reappro-active').removeClass('rupture-active')
				$(this).addClass('active').find('.cont').addClass(cas.replace(' active', '')+'-active');
				//on selectionne la phrase de dispo
				//selection_dispo();

				//gestion des infos de la variante
				$('#ap_variante').val($(this).attr('id'));
				$('#bouton_panier_gris').remove();
				$('.parent-btn-sub').removeClass('masque');
				$('#first_load').val(0);
				load_tarifs();
				$('#first_load').val(1);
				ap_init_vars();
				//on grise la qte
				if($(this).hasClass('rupture')){
					$('#ap-quantite').attr('disabled', true);
					$('.liste-lot input').attr('disabled', true);
					$('.liste-lot').addClass('off');
				}
				else{
					$('#ap-quantite').attr('disabled', false);
					$('.liste-lot input').attr('disabled', false);
					$('.liste-lot').removeClass('off');
				}
				//gestAlertDispo();
				//tooltip();
			});

			if($('#ap-quantite').attr('disabled')){
				$('.liste-lot').addClass('off');
			}

		}
		//tooltip();
	}
	else{
		$('.liste-lot input').attr('disabled', false);
		$('.liste-lot').removeClass('off');
	}
}

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('##', ' €');
		$('#prix-final').html(prixfinale);

		var prixfinale_total = $(obj).find('#prixfinaletotal').text().replace('##', ' €');
		$('#ap_prix_finale_total').html(prixfinale_total);

		var bouton = $(obj).find('#panier').text();
		$('#bouton-panier').html(bouton);

	}, 'xml');
};
