var G_fichier_action='actions.php';
var G_palette=true;

$(document).ready(function()
{
	if ($("#home").length==1)
	{
		$('#fk_categories').change(function()
		{
			document.location.href='stickers,'+$(this).val();
		})
	}
	else
	if ($("#page-categories").length==1)
	{
		
	}
	else
	if ($("#details").length==1)
	{
		pro_w_min=	$("#produit_w_min").val()-0;
		pro_h_min=	$("#produit_h_min").val()-0;
		pro_w_max=	$("#produit_w_max").val()-0;
		
		pro_w=	$("#produit_w").val()-0;
		pro_h=	$("#produit_h").val()-0;
		
		ratio=pro_w_min/pro_h_min;
	
		px_base=	$("#produit_px_base").val()-0;
		px_cm=		$("#produit_px_cm").val()-0;
		
		var Tsupports=		$("input[type='hidden'][name^='support_']").length;
		var Supports= new Array();
		
		for (var i=0; i<Tsupports; i++)
		{
			Supports[i]=new Array();
			
			sup = $("input[type='hidden'][name^='support_']:eq("+i+")");
			supName=sup.attr('name');
			supName=supName.split('_');
			
			Supports[i][0]=$("span", $("#supports input[id='"+supName[1]+"']").parent('p'));
			Supports[i][1]=sup.val();
		}

		$("#supports li a")
		.click(function(event)
		{
			if (G_palette)
			{
				//obliger de cibler img avec title car une image 'v' va être ajouté entre le a et la couleur
				var color= $("img[title]", $(this)).attr('alt');
				var color2= $("img[title]", $(this)).attr('title');
				
				$("#illus img").css('background-color', color);
				$("#illus span").text(color2);
				$("#total em:eq(1)").text(color2);
				$("#color").val(color);
				
				$("#supports li a").removeClass('selected'); //s'applique à tous
				$("#supports li a img[src*='v.png']").remove();
				
				$(this).addClass('selected');
				$('<img alt="" src="_images/global/couleurs/v.png" />').insertBefore($("img", $(this)));
				
				//entre le <a> et l'image de la couleur
			}
			
			event.preventDefault();
		})
		
		$("#supports li a:eq(9)")
		.each(function()
		{// img[title='Mist Grey']
			var color= 	$("img[title]", $(this)).attr('alt');
			var color2= $("img[title]", $(this)).attr('title');
			
			$("#illus img").css('background-color', color);
			$("#illus span").text(color2);
			$("#total em:eq(1)").text(color2);
			$("#color").val(color);
			
			$("#supports li a").removeClass('selected'); //s'applique à tous
			$("#supports li a img[src*='v.png']").remove();
			
			$(this).addClass('selected');
			$('<img alt="" src="_images/global/couleurs/v.png" />').insertBefore($("img", $(this)));
			
			//entre le <a> et l'image de la couleur
		})
	
		$("#scale").slider(
		{
			min:pro_w_min,
			max:pro_w_max,
			animate: true,
			slide: function(e, ui)
			{
				var w= ui.value;
				var h= Math.round(w/ratio);
				
			//mesures
				$("#info-dim strong:first").text(w);
				$("#info-dim strong:eq(1)").text(h);
				
				$("#total em:first").text(w + 'cm (L) et ' + h + 'cm (h)');
			
			//
				$("#produit_w").val(w);
				$("#produit_h").val(h);
				
				for (var i=0; i<Tsupports; i++)
				{
					Supports[i][0].text('+'+format_nbre(w*h*Supports[i][1], 2));
				}

				affiche_prix();
			}
		});
		
		$("#taille a:first")
		.click(function(event)
		{
			var p=		$(this).parent("p");
			var img3= $('#image_gauche3').val();
			var img4= $('#image_gauche4').val();
			
			if (p.hasClass('droite'))
			{//gauche
				p.removeClass('droite');
				p.addClass('gauche');
				
				var langue=$("#langue").val();
				
				if (langue=='fr')
					vers='vers la gauche';
				else
				if (langue=='nl')
					vers='naar links richten';
				else
					vers='to the left';
				
				$(this).text(vers);
				
				$('#direction').val('d');
				$("#taille img:first").attr('src', '_includes/images_generer.php?file=../'+img3);
				$("#illus img:first").attr('src', '_includes/images_generer.php?file=../'+img4);
			}
			else
			{
				p.removeClass('gauche');
				p.addClass('droite');
				
				var langue=$("#langue").val();
				
				if (langue=='fr')
					vers='vers la droite';
				else
				if (langue=='nl')
					vers='naar rechts richten';
				else
					vers='to the right';
				
				$(this).text(vers);
				
				$('#direction').val('g');
				$("#taille img:first").attr('src', img3);
				$("#illus img:first").attr('src', img4);
			}
			
			event.preventDefault();
		})

/*
	Supports sous form de select
*/	
		if ($('#newsupport').length==1)
		{
			$('#newsupport').change(function()
			{
				$('#support').val($(this).val());
				
				affiche_prix();
			})
			
			$('#support').val($('#newsupport').val());
		}
	
	
		$("input:radio[name='support']")
		.click(function()
		{
			if ($($(this)+":checked").val()=='col')
			{
				//$("#illus").fadeTo('fast', 1);
				$("#illus img").fadeTo('fast', 1);
				$("#illus span").fadeTo('fast', 1);
				$("#supports ul").fadeTo('fast', 1);
				G_palette=true;
				
				var color= $("#supports li a[class] img[title]").attr('title');
				$("#total em:eq(1)").text(color);
				
				var txt= $("#total p:first");
				if (txt.text().indexOf('en couleur')==-1)
					txt.html(txt.html().replace('<br>', '<br> en couleur'));
			}
			else
			{
				//$("#illus").fadeTo('fast', 0.2);
				$("#illus img").fadeTo('fast', 0.2);
				$("#illus span").fadeTo('fast', 0.2);
				$("#supports ul").fadeTo('fast',0.2);
				G_palette=false;

				$("#total em:eq(1)").html('&nbsp;');

				var txt= $("#total p:first");
				txt.html(txt.html().replace('en couleur', ''));
			}
			
			affiche_prix();
		})
		
		affiche_prix();
	}
	else
	if ($("#panier").length==1)
	{
		$("input[name^='quant_']")
		.keyup(function(event)
		{
			var ind= 	$("input[type='hidden'][id*='num_']", $(this).parent("p").parent("li"));
			var qu=		$("#quant_"+ind.val());
			var prix=	$("#prix_"+ind.val());
			var id=		$("#id_"+ind.val());
			id=	id.val();
			
			if (qu.val()-0<=0 || isNaN(qu.val()))
				qu.val(1);

			$("strong", $(this).parent("p")).html(format_nbre(prix.val()*qu.val(), 2) + "<abbr title='euros'> €</abbr>");
			
			ajax_post(G_fichier_action, 'action=panier_update&id='+id+'&num='+ind.val()+'&quant='+qu.val());
		
			panierTotal();
			
		})
		
		$("img[alt='-']").parent("a")
		.click(function(event)
		{
			var ind= 	$("input[type='hidden'][id*='num_']", $(this).parent("p").parent("li"));
			var qu=		$("#quant_"+ind.val());
			var prix=	$("#prix_"+ind.val());
			var id=		$("#id_"+ind.val());
			id=	id.val();
			
			if (qu.val()-0>1)
				qu.val(qu.val()-1);
			
			$("strong", $(this).parent("p")).html(format_nbre(prix.val()*qu.val(), 2) + "<abbr title='euros'> €</abbr>");
			
			ajax_post(G_fichier_action, 'action=panier_update&id='+id+'&num='+ind.val()+'&quant='+qu.val());
		
			panierTotal();
			
			event.preventDefault();
		})
			
		$("img[alt='+']").parent("a")
		.click(function(event)
		{
			var ind= 	$("input[type='hidden'][id*='num_']", $(this).parent("p").parent("li"));
			var qu=		$("#quant_"+ind.val());
			var prix=	$("#prix_"+ind.val());
			var id=		$("#id_"+ind.val());
			id=	id.val();
			
			if (qu.val()-0<99)
				qu.val(qu.val()-0+1);
			
			$("strong", $(this).parent("p")).html(format_nbre(prix.val()*qu.val(), 2) + "<abbr title='euros'> €</abbr>");
			
			ajax_post(G_fichier_action, 'action=panier_update&id='+id+'&num='+ind.val()+'&quant='+qu.val());
			
			panierTotal();
			
			event.preventDefault();
		})
		
		$("#promocode input[type='image']").click(function()
		{
			var code = $("#promo").val();
			
			ajax_post(G_fichier_action, 'action=code&code='+code);
			
			return false;
		})
		
		inputFocusBlur($("#promo"), 'Code:');
		
		if ($("#commande #pays.paysHide").length==1)
		{
			$('#commande #pays')
				.fadeTo('fast', 0.35)
				.attr('disabled', 'true');
		}
			
		$("#commande #pays").change(function()
		{
			panierTotal();
			
			ajax_post(G_fichier_action, 'action=panier_update_transport&pays='+$(this).val());
		})
		
		//if ($("#caddy").length==1 && $("#commande #pays").length==1)
		if ($("#commande #pays").length==1)
		{
			panierTotal();
			mettreColor();
		}
	}
	else
	if ($("#contact").length==1)
	{
		frmSubmit($('#formulaire'), G_fichier_action, 'contact');
		
		emails();
	}
	else
	if ($("#order").length==1)
	{
		frmSubmit($('#order #formulaire'), G_fichier_action, 'order');

		var langue=$("#header_lg").val();
		
		if (langue=='fr')
			votre_login='Votre login';
		else
		if (langue=='nl')
			votre_login='Uw login';
		else
			votre_login='User name';
	
		inputFocusBlur($('#commande_login'), votre_login+':');
		inputFocusBlur($('#commande_password'), '#123456789#');

		$("#frm_commande_clients a")
		.click(function(event)
		{
			testR3();
	
			event.preventDefault();
		})
		
		function testR3()
		{//devient reminder
			//var div=	$("#frm_commande_clients a").parent('p').parent('form').parent('div');
			var div=	$("#frm_commande_clients");
			
			//div
			//.removeClass('connexion')
			//.addClass('reminder');
			
			$("p:eq(1)", div).html("Envoyez moi un nouveau password:");
			$("p:eq(2)", div).html("<input id='email_reminder' name='email_reminder' type='text' value='Votre login:' />");
			$("p:eq(4)", div).html("<a href=''>Retour à l'accès client</a><br>&nbsp;");
			
			inputFocusBlur($('#email_reminder'), 'Votre login:');
			
			testR4();
		}
		
		function testR4()
		{
			$("#frm_commande_clients a")
			.click(function(event)
			{
				var div=	$(this).parent('p').parent('form');//.parent('div');
				
				//div
				//.removeClass('reminder')
				//.addClass('connexion');
				
				$("p:eq(1)", div).html("<input id='login' name='login' type='text' value='Votre login:' />");
				$("p:eq(2)", div).html("<input id='password' name='password' type='password' value='#123456789#' />");
				$("p:eq(4)", div).html("Vous avez <a href=''>oublié</a> votre<br/>login ou mot de passe?");
		
				inputFocusBlur($('#login'), 'Votre login:');
				inputFocusBlur($('#password'), '#123456789#');
	
				$("#frm_commande_clients a")
				.click(function(event)
				{
					testR3();
			
					event.preventDefault();
				})
			
				event.preventDefault();
			})
		}
		
		
		
		frmSubmit($('#frm_commande_clients'), G_fichier_action, 'commande_clients');
		
		ajax_post(G_fichier_action, 'action=verif_client');

/*		
		if ($("#promo_revendeur").val()-0>0)
		{//rend disabled si promo revendeur
			$("#order-left p:lt(8)").fadeTo('fast', 0.35);
			$("#order-left :input:lt(8)").attr('disabled', 'true');
		}
*/
		
		var orderR=				$('#order-right');
		var isRevendeur=	$('#promo_revendeur').val();
		
		if (isRevendeur>0)
		{
			$('p', orderR).fadeTo('fast', 0.35);
			$(':input', orderR).attr('disabled', 'true');
			$('#zPays').hide();
		}
		else
		{
			$('p:gt(0)', orderR).fadeTo('fast', 0.35);
			$(':input:gt(0)', orderR).attr('disabled', 'true');
		}
		
		
		$("#factu")
		.click(function()
		{
			if (this.checked)
			{//dégrise
				$('p', orderR).fadeTo('fast', 1);
				$(':input:gt(0)', orderR).removeAttr('disabled');
	
				if ($("#tva0").attr('checked'))
				{
					$("#tva").attr('disabled', 'true').parent('p').fadeTo('fast', 0.35);
				}
			}
			else
			{
				$('p:gt(0)', orderR).fadeTo('fast', 0.35);
				$(':input:gt(0)', orderR).attr('disabled', 'true');
			}
		})
			
		$("#donnees")
		.click(function()
		{
			if (this.checked)
			{
				$('p:gt(4)', orderR).fadeTo('fast', 0.35);
				$(':input:gt(4)', orderR).attr('disabled', 'true');
			}
			else
			{//grise
				$('p', orderR).fadeTo('fast', 1);
				$(':input:gt(4)', orderR).removeAttr('disabled');
			}
		})
		
		$("#tva0")
		.click(function()
		{
			if (this.checked)
				$("#tva").attr('disabled', 'true').parent('p').fadeTo('fast', 0.35);
			else
				$("#tva").removeAttr('disabled').parent('p').fadeTo('fast', 1);
		})
		
		//$("#money-method p:gt(2)").fadeOut('fast');
		//
		//$("#money-method input:radio[name='payement']")
		//.click(function()
		//{
		//	if ($(this).val()=='paypal')
		//		$("#money-method p:gt(2)").fadeOut('fast');
		//	else
		//		$("#money-method p:gt(2)").fadeIn('normal');
		//})
	}
	
//footer form accès clients
	var langue=$("#footer_lg").val();
	
	if (langue=='fr')
		votre_login='Votre login';
	else
	if (langue=='nl')
		votre_login='Uw login';
	else
		votre_login='User name';

	inputFocusBlur($('#login'), votre_login+':');
	inputFocusBlur($('#password'), '#123456789#');
	
	frmSubmit($('.connexion form'), G_fichier_action, 'login');
	frmSubmit($('.reminder form'), G_fichier_action, 'reminder');
	
	
	//inputFocusBlur($('#email_reminder'), 'Votre adresse email:');


//click sur le lien reminder

	$("#loginbox:not(.logok) a")
	.click(function(event)
	{
		testR0();

		event.preventDefault();
	})


	function testR0()
	{//devient reminder
		var div=	$("#loginbox a").parent('p').parent('form').parent('div');
		
		div
		.removeClass('connexion')
		.addClass('reminder');
		
		$("p:eq(1)", div).html("Envoyez moi un nouveau password:");
		$("p:eq(2)", div).html("<input id='email_reminder' name='email_reminder' type='text' value='"+votre_login+":' />");
		$("p:eq(4)", div).html("<a href=''>Retour à l'accès client</a><br>&nbsp;");
		
		inputFocusBlur($('#email_reminder'), votre_login+':');
		
		testR1();
	}
	
	function testR1()
	{
		$("#loginbox a")
		.click(function(event)
		{
			var div=	$(this).parent('p').parent('form').parent('div');
			
			div
			.removeClass('reminder')
			.addClass('connexion');
			
			$("p:eq(1)", div).html("<input id='login' name='login' type='text' value='"+votre_login+":' />");
			$("p:eq(2)", div).html("<input id='password' name='password' type='password' value='#123456789#' />");
			$("p:eq(4)", div).html("Vous avez <a href=''>oublié</a> votre<br/>login ou mot de passe?");
	
			inputFocusBlur($('#login'), votre_login+':');
			inputFocusBlur($('#password'), '#123456789#');

			$("#loginbox a")
			.click(function(event)
			{
				testR0();
		
				event.preventDefault();
			})
		
			event.preventDefault();
		})
	}
	
	$("#searchbar")
	.attr('autocomplete', 'off')
	.blur(function()
	{
		$("#loader").remove();
		setTimeout(function(){$("#teas").remove()}, 450);
		$(this).val('');
	})
	.keydown(function(e)
	{
		if ($("#teas").length==1 && $(".searchEmpty").length==0)
		{
			if (e.keyCode==38)
			{
				Tsearch=$("#teas li").length;
				
				$("#searchbar").val($("#teas li:eq("+(Tsearch-1)+")").text());
			}
			else
			if (e.keyCode==40)
			{
				$("#searchbar").val($("#teas li:eq(0)").text());
			}
		}
	})
	.keyup(function()
	{
		if ($(this).val()=='')
		{
			$("#loader").remove();
			$("#teas").remove();
		}
		else
		{
			if ($("#loader").length==0)
			{
				$("<p id='loader'><img alt='' src='_images/global/teas-loading.gif' /></p>").insertBefore("#menu form");
			}
			
			if ($("#teas").length==0)
			{
				$("#menu form").append("<div id='teas'></div>");
			}
			
		//	setTimeout(function(){$("#loader").remove()}, 350);
			submit_form($("#menu form"), G_fichier_action, 'search', 0);
		}
	})
	
	$('#annonce a').attr('href', 'mailto:info@bubblestick.com');
})

function mettreColor()
{//utiliser ds le panier
	$("#caddy input[type='hidden'][id*='num_']")
	.each(function()
	{
		ind=$(this).val();
		
		color=		$("#color_"+ind).val();
		
		if (color==0 || color=='' || color=='none')
			color='#000000';
		
		$("img.img_color", $(this).parent("li")).css('background-color', color);
	})
}

function panierTotal()
{
	var total=0;
	
	$("#caddy input[type='hidden'][id*='num_']")
	.each(function()
	{
		ind=$(this).val();
		
		qu=		$("#quant_"+ind).val()-0;
		prix=	$("#prix_"+ind).val()-0;
		
		total+=qu*prix;
	})
	
	var isEchantillon = $("#isEchantillon").val();
	var promo_prix = 		$("#promo_prix").val()-0;
	var promo_type = 		$("#promo_type").val();
	var promo_revendeur =$("#promo_revendeur").val()-0;
	
	if (isEchantillon==1 || promo_revendeur>0)
		pays=0;
	else
	{	
		var pays=$("#commande #pays").val();
		pays=pays.split('_');
		pays=pays[1]-0;
	}

//la promo ne s'applique qu'au produits, pas au transport

	if (promo_type=='r')
		total=total*(1-promo_prix/100);
	else
		total-=promo_prix;

	if (total<0)
		total=0;
	
	$("#commande strong").html(format_nbre(total+pays, 2) + '<abbr title="euros"> €</abbr>');
}

function affiche_prix()
{
	var w= $("#produit_w").val()-0;
	var h= $("#produit_h").val()-0;

//somme
	var somme= px_base + px_cm * w * h;
	
	if (w<=pro_w_min)
		somme=Math.round(somme);
	else
		somme=Math.round(somme*100)/100;
	
	$("#taille p span:eq(1)").html(format_nbre(somme, 2) + ' <abbr title="Euros">€</abbr>');	
	
	if ($('#newsupport').length==1)
		var rSupport=$('#newsupport').val();
	else
		var rSupport=$("input:radio[name='support']:checked").val();
	
	if (rSupport=='col')
		total= somme;
	else
	{
		var support=	$("#support_"+rSupport).val()-0;
		var total=		somme + support * w * h;
	}
	
	var ref= $("#produit_reference").val();
	if (ref=='echantillon')
		total=1;
		
		
	if ($('#newsupport').length==1)
		$("#taille p span:eq(1)").html(format_nbre(total, 2) + ' <abbr title="Euros">€</abbr>');	
	else
		$("#total strong").html(format_nbre(total, 2) + '<abbr title="Euros">€</abbr>');
}

function contact_erreur(page, index)
{
	$('#'+page+' #formulaire p:eq('+index+')').addClass('error');
}

function affiche_alert(input)
{
	$('#'+input).parent('p').addClass('error');
}