GLOBAL = {} ;
var Bijoux = new Class({
	Implements: [Options, Events],
	quantite: 1,
	prixGravureMedaille: 500,
	prixBijouxGravureOfferte: 65,
	idBreloque:  {},
	prixBreloque:  {},
	medaille: [{},{},{}],
	prix: 0,
	initialize: function(_id, _options){
		this.setOptions(_options);
		this.id = _id ;
	},
	calcPrix: function () {
		var prix = 0;
		var prixBreloque = 0;
		var prixMedaille = 0;
		
		var b ;
		//prix des breloques
		for (b in this.idBreloque) {
			prixBreloque += this.prixBreloque[b].toInt()*this.idBreloque[b].toInt() ;
		};
		prixBreloque*= this.quantite ;
		prix = $('inputPrixBijoux').get('value').toInt();
		//prix des médailles
		var size = this.medaille.length ;
		for (var i =0;i<size;i++) {
			if (typeof(this.medaille[i].id) != "undefined") {
				prixMedaille += this.medaille[i].p.toInt();
				if (this.medaille[i].r != ""){
					prixMedaille += this.prixGravureMedaille;
				}
				if (this.medaille[i].v != ""){
					prixMedaille += this.prixGravureMedaille;
				}
			}
		};
		prixMedaille*= this.quantite ;		
		var prixTotal = prix+prixBreloque+prixMedaille;
		prixTotal *= this.quantite ;
		var aff = "" ;
		if (prixBreloque>0) {
			aff +='Breloque : '+(prixBreloque/100)+'€<br />' ;
		}
		if (prixMedaille>0) {
			aff += 'Medaille : '+(prixMedaille/100)+'€<br />';
		}
		$('prixBijoux').set('html', aff+'<strong>Prix total : '+(prixTotal/100)+'€</strong>'); 
		return prixTotal ;
	},
	getId: function () {
		return this.id.toInt() ;
	},
	setQuantite: function (_q) {
		this.quantite = _q ;
	},
	getQuantite: function () {
		return this.quantite.toInt();
	},
	getIdBreloque: function () {
		return this.idBreloque ;
	},
	setBreloque: function (_idBreloque, _quantite, _prix) {
		if (_quantite ==0) {
			delete this.idBreloque[_idBreloque] ;
			delete this.prixBreloque[_idBreloque] ;
		}
		else {
			this.idBreloque[_idBreloque]=_quantite;			
			this.prixBreloque[_idBreloque]=_prix;			
		}
	},
	enleveBreloque: function () {
		this.idBreloque = {} ;
		this.prixBreloque = {} ;
		$('nombreBreloque').set('html', "&nbsp;&nbsp;&nbsp;(0 breloque)");
	},
	afficheNombreBreloque: function () {
		var b ;
		var qte = 0 ;
		for (b in this.idBreloque) {
			qte += this.idBreloque[b].toInt() ;
		};
		if ($('nombreBreloque') != null) {
			$('nombreBreloque').set('html', "&nbsp;&nbsp;&nbsp;("+qte+" breloques)");
		}
	},
	ajouteMedaille: function (_recto, _verso, _num, _id, _prix) {
		this.medaille[_num] = {
			r:_recto,
			v:_verso,
			id:_id,
			p:_prix
		} ;		
	},
	getMedaille: function () {
		return this.medaille;
	},
	enleveMedaille: function (_num) {
		this.medaille[_num] = {};
	},
	enleveTouteMedaille: function () {
		this.medaille = [{},{},{}];
	},
	getNombreMedaille: function () {
		var size = this.medaille.length ;
		var qte = 0 ;
		for (var i =0;i<size;i++) {
			if (typeof(this.medaille[i].id) != "undefined") {
				qte ++ ;
			}
		};
		return qte;
	},
	afficheNombreMedaille: function () {
		if ($('nombreMedaille') != null) {
			$('nombreMedaille').setProperty('html', "&nbsp;&nbsp;&nbsp;("+this.getNombreMedaille()+" médailles)"); 
		}
	},
	getMedailleVerso: function (_num) {
		return this.medaille[_num].v;
	},
	getMedailleRecto: function (_num) {
		return this.medaille[_num].r;
	},
	getMedailleId: function (_num) {
		return this.medaille[_num].id;
	}
});

var ListBijoux = new Class({
	Implements: [Options, Events],
	bijoux: {},
	idCurrentBijoux: null, 
	initialize: function(_options){
		this.setOptions(_options);
	},
	getCurrentBijoux: function () {
		return this.bijoux[this.idCurrentBijoux] ;
	},
	setQuantiteCurrentBijoux: function (_q) {
		this.getCurrentBijoux().setQuantite(_q) ;
	},
	setQuantiteBreloqueCurrentBijoux: function (_id, _quantite, _prix) {
		this.getCurrentBijoux().setBreloque(_id.substr(("quantityBreloque").length, _id.length), _quantite, _prix);
	},
	calcPrixCurrentBijoux: function () {
		this.getCurrentBijoux().calcPrix() ;
	},
	setCurrentBijouxId: function (_id) {
		this.idCurrentBijoux = _id ;
		if (typeof (this.bijoux[this.idCurrentBijoux]) == "undefined") 
			this.bijoux[this.idCurrentBijoux] = new Bijoux (_id);
		return this.bijoux[this.idCurrentBijoux] ;
	},
	getBijoux: function (_id) {
		return this.bijoux[_id] ;
	},
	//retire le bijoux du cookie
	removeBijoux: function (_id) {	
		var cookie = Cookie.read('bijoux');
		if (cookie != null && cookie != [] && _id <= cookie.length) {
			cookie = JSON.decode(cookie);
			cookie.splice(_id,1) ;
			Cookie.write('bijoux', JSON.encode(cookie), {duration: 30});
		}
	},
	addQuantityBijoux: function (_id, _nombre) {
		var cookie = Cookie.read('bijoux');
		if (cookie != null && cookie != [] && _id <= cookie.length) {
			cookie = JSON.decode(cookie);
			if (cookie[_id].q+_nombre<=0) {
				this.removeBijoux(_id);
			}
			else {
				cookie[_id].q+=_nombre  ;
				Cookie.write('bijoux', JSON.encode(cookie), {duration: 30});
			}
		}
	},
	addCurrentBijouxCookie: function () {
		var currentBijoux = this.getCurrentBijoux();
		var cookie = Cookie.read('bijoux');
		if (cookie != null && cookie != []) {
			cookie = JSON.decode(cookie);
			/*
			var sizeCookie = cookie.length ;
			for (var i=0;i<sizeCookie;i++) {
				if (cookie[i].i==currentBijoux.getId())
					cookie.splice(i,1);
			}*/
		} else {
			cookie = [];
		}
		//recupere la couleur du fil :
		var couleurs = document.getElementsByName('couleur') ;
		var size = couleurs.length ;
		var idCouleur = null ;
		for (var i =0;i<size;i++) {
			if (couleurs[i].checked==true) {
				idCouleur = i; 
			}
		}
		if (idCouleur != null) {
			cookie.push({f:couleurs[idCouleur].value,i:currentBijoux.getId(),q:currentBijoux.getQuantite(),b:currentBijoux.getIdBreloque(),m:currentBijoux.getMedaille()}) ;
		}
		else {
			cookie.push({i:currentBijoux.getId(),q:currentBijoux.getQuantite(),b:currentBijoux.getIdBreloque(),m:currentBijoux.getMedaille()}) ;
		}
		Cookie.write('bijoux', JSON.encode(cookie), {duration: 30});
	}
});
var listBijoux = new ListBijoux () ;

var PopUp = new Class({
	Implements: [Options, Events],
	fadeOut: false,
	options: {},
	initialize: function(_el, _options){
		this.el = _el ;		
		var level = _el.getProperty('level') == null ? "" : _el.getProperty('level') ;
		
		this.popup = $('popup'+level);
		this.popupContent = $('popupContent'+level);
		this.url = _el.getProperty('link');
		this.el.addEvent('click', this.openUrl.bindWithEvent(this));
		this.setOptions(_options);
		this.request = new Request({
			method: 'get',
			evalScripts: false,
			link: 'cancel'
		}) ;
		this.request.addEvent('onSuccess', this.appear.bindWithEvent(this));
	},
	openUrl: function () {
		this.request.send({url: this.url}) ;
		this.popup.setStyles({display: 'block'});
		this.popup.morph('.popupIn');
	},
	appear: function (_page) {
		this.popupContent.set('html', _page);
		
		this.popupContent.getElements('.openPopup').each(function(el){
			GLOBAL.menu.popups[GLOBAL.menu.popups.length] = new PopUp(el);
		}, this);
/**********afficheBijoux************/
		if (this.url.substr(0,("ficheBijoux").length) == 'fichebijoux') {
			var idBijoux = this.url.substr('fichebijoux/'.length, this.url.length) ;
			var currentBijoux = listBijoux.setCurrentBijouxId(idBijoux);
			currentBijoux.afficheNombreBreloque();
			currentBijoux.afficheNombreMedaille();
			$('quantityBijoux').setProperty('value', currentBijoux.getQuantite());
			new Zoomer('imgBijoux');
			$('ajouterAuPanier').addEvent('click',function(e){
				e.stop();
				//on rajoute le cookie correspondant au bijoux.
				listBijoux.addCurrentBijouxCookie();
				new MooDialog.Confirm('Le bijoux a été rajouté au Panier.',function(){					
						$('popup').morph('.popupOut'); 
						$('popup2').morph('.popupOut'); 						
					},function(){
						GLOBAL.menu.goTo('panier') ;
					},{
						okText: '<span>Continuer mes achats</span>',
						cancelText: '<span>Acceder à mon panier</span>',
						focus: true
					}
				);
			});
			listBijoux.getCurrentBijoux().calcPrix();
		}
/**********breloque************/
		else if (this.url.substr(0,"breloques".length) == 'breloques') {
				$$('#listBreloque select').each(function (el) {
					el.addEvent('click', function () {
						var id = this.get('id').substr("quantityBreloque".length, this.get('id').length);
						//on met l'image a jour si une breloque est selectionnée
							$('imgBreloque').set('src','./upload/images/'+id+'g.jpg'); 
					});
				});
		
			$('validerBreloque').addEvent('click', function () {
				$$('#listBreloque select').each(function (el) {					
					listBijoux.setQuantiteBreloqueCurrentBijoux(el.getProperty('id'), el.getProperty('value'), el.getProperty('prix')) ;
				});
				 
				listBijoux.getCurrentBijoux().afficheNombreBreloque(); 
				listBijoux.getCurrentBijoux().calcPrix(); 
				$('popup2').morph('.popupOut'); 
			});
			$('annulerBreloque').addEvent('click', function () { listBijoux.getCurrentBijoux().enleveBreloque(); listBijoux.getCurrentBijoux().calcPrix(); $('popup2').morph('.popupOut'); });
			var b, breloque;
			breloque = listBijoux.getCurrentBijoux().getIdBreloque() ;
			for (b in listBijoux.getCurrentBijoux().getIdBreloque()) {
				$('quantityBreloque'+b).set('value', breloque[b]);
			};
		}
/**********medaille************/
		else if (this.url.substr(0,"medaille".length) == 'medaille') {
			$$('#popup2 .boutonBreloque').each(function (el) {
				el.addEvent('click', function (e) {
					listBijoux.getCurrentBijoux().setIdBreloque(this.getProperty('idBreloque'));					
				})
			});
			var currentBijoux = listBijoux.getCurrentBijoux() ;
			var nbMedaille = currentBijoux.medaille.length ;
			//evenement lorsque'on change la selection médaille
			for (var i=0 ;i<nbMedaille;i++) {
				$('medaille'+i).addEvent('change', function () {
					//on met l'image a jour si une medaille est selectionnée
					if (this.value != -1){
						$('imgMedaille').set('src','./upload/images/'+this.value+'p.jpg'); 
						$('nomMedaille').set('html', 'Médaille selectionnée : <br />'+$(this.options[this.selectedIndex]).get('html'));
					} else {
						//sinon on reset les champts de saisie
						var id = this.get('id').substr("medaille".length, this.get('id').length);
						$('medailleVerso'+id).setProperty('value', '');
						$('medailleRecto'+id).setProperty('value', '');
					}
				});
			}
			//Si un medaille existe déjà, on met les champs à jour.
			for (var i=0 ;i<nbMedaille;i++) {
				$('medailleVerso'+i).setProperty('value', currentBijoux.getMedailleVerso(i));
				$('medailleRecto'+i).setProperty('value', currentBijoux.getMedailleRecto(i));
				for (var j=0;j<$('medaille'+i).options.length;j++) {
					if ($('medaille'+i).options[j].value == currentBijoux.getMedailleId(i)) {
						$('medaille'+i).options[j].selected = true ;
					}
				}
			};
			
			$('validerMedaille').addEvent('click', function () {
				for (var i=0 ;i<nbMedaille;i++) {
					//Si une médaille est selectionnée, on l'ajoute
					if ($('medaille'+i).value != -1) {
						listBijoux.getCurrentBijoux().ajouteMedaille($('medailleRecto'+i).getProperty('value'), $('medailleVerso'+i).getProperty('value'), i, $('medaille'+i).getProperty('value'), $($('medaille'+i).options[$('medaille'+i).selectedIndex]).getProperty('prix'));
					} else { //sinon on l'enleve
						listBijoux.getCurrentBijoux().enleveMedaille(i);
					}
				}
				$('popup2').morph('.popupOut');				
				listBijoux.getCurrentBijoux().calcPrix();
				currentBijoux.afficheNombreMedaille();
			});
			$('annulerMedaille').addEvent('click', function () { 
				listBijoux.getCurrentBijoux().enleveTouteMedaille(); 
				$('popup2').morph('.popupOut'); 
				$('nombreMedaille').setProperty('html', "&nbsp;&nbsp;&nbsp;(Aucune médaille)"); 
				listBijoux.getCurrentBijoux().calcPrix();
			});
		}	
	},
	destroy: function () {
		this.el.removeEvents('click');
	}
});

var Menu = new Class({
	Implements: [Options, Events],
	fadeOut: false,
	lastPageDisplayed: null,
	options: {
		accueil: {
			x: 35,
			color: '#ff51b3',
			nom: 'accueil'
		},
		boutiqueBordelaise: {
			x: 55,
			color: '#f30878',
			nom: 'boutiqueBordelaise'
		},
		boutiqueEnLigne: {
			x: 90,
			color: '#bb0e6b',
			nom: 'boutiqueEnLigne'
		},
		bijoux: {
			x: 90,
			color: '#bb0e6b',
			nom: 'bijoux'
		},
		personnalisez: {
			x: 70,
			color: '#ff43a8',
			nom: 'personnalisez'
		},
		actualite: {
			x: 58,
			color: '#e12e6b',
			nom: 'actualite'
		},	
		contact: {
			x: 68,
			color: '#e12e6b',
			nom: 'contact'
		},	
		compte: {
			x: 68,
			color: '#e12e6b',
			nom: 'compte'
		},	
		panier: {
			x: 27,
			color: '#e12e6b',
			nom: 'panier'
		},	
		condition: {
			x: 30,
			color: '#e12e6b',
			nom: 'condition'
		},	
		recapitulatif: {
			x: 35,
			color: '#e12e6b',
			nom: 'recapitulatif'
		},	
		moncompte: {
			x: 54,
			color: '#e12e6b',
			nom: 'moncompte'
		},	
		pratique: {
			x: 45,
			color: '#e12e6b',
			nom: 'pratique'
		},
		legale: {
			x: 35,
			color: '#e12e6b',
			nom: 'legale'
		}
	},
	popups: [],
	viewerAccueil: null,
	viewerBoutique: null,
	initialize: function(_idMenuGauche, _idFondGauche, _idConteneur, _mooSrcoll, _options){
		this.setOptions(_options);
		this.popup = $('popup');
		this.mooSrcoll = _mooSrcoll ;
		this.menuGauche = $(_idMenuGauche) ;
		this.fondMenuGauche = $(_idFondGauche) ;
		this.conteneur = $(_idConteneur) ;
		this.menuGauche.set('morph', {
			duration: 1000,
			transition: Fx.Transitions.Quad.easeOut,
			link: 'cancel'
		});
		this.fondMenuGauche.set('morph', {
			duration: 1000,
			transition: Fx.Transitions.Quad.easeOut,
			link: 'cancel'
		});
		this.fondMenuGauche.set('morph', {
			duration: 1000,
			transition: Fx.Transitions.Quad.easeOut,
			link: 'cancel'
		});
		this.fxConteneur = new Fx.Morph(this.conteneur,{
			duration: 500,
			transition: Fx.Transitions.Quad.easeOut,
			link: 'chain'
		});
		this.fxConteneur.addEvent('complete', function () {
			this.fadeOut = false ;
			if (this.contentToDisplay != null) {
				if (this.conteneur.getStyle('opacity')<1) {
					try {
						this.fxConteneur.start({
							'opacity': 1
						});
					} catch (e) {}
				}
				this.setContent(this.contentToDisplay);
				this.contentToDisplay = null ;
			}
		}.bind(this));
		this.request = new Request({
			method: 'get',
			evalScripts: false,
			link: 'cancel'
		}) ;
		this.request.addEvent('onSuccess', this.appear.bindWithEvent(this));
				
		//Si c'est le retour du paiement, on affiche la page moncompte et on supprime les cookies du panier
		var pos=location.href.indexOf("retourPaiement") ;
		if (pos>=0){
			Cookie.dispose('bijoux');
			Cookie.dispose('port');
			location.href = '/?retourCompte';
		} else if (location.href.indexOf("retourCompte")>=0){
			this.goTo('moncompte');
		} else {
			this.goTo('accueil');
		}

	},
	goTo: function (_nomPage, _variables) {
		if (typeof (_variables) == "undefined" || _variables == null)
			_variables = ""
		this.popups.each(function (el) {
			el.destroy() ;
		});
		this.popups = [];
		this.popup.morph('.popupOut');
		if ((_nomPage == "moncompte") || this.pageDisplayed  != _nomPage) {
			if (this.pageDisplayed == 'accueil') {
				this.viewerAccueil.stop()
				this.viewerAccueil = null;
				this.viewerAccueilAmaya.stop()
				this.viewerAccueilAmaya = null;				
			} else if (this.pageDisplayed == 'boutiqueBordelaise') {
				this.viewerBoutique.stop()
				this.viewerBoutique = null;
			}
			
			this.lastPageDisplayed = this.pageDisplayed ;
			this.pageDisplayed = _nomPage ;
			this.contentToDisplay = null;
			this.fxConteneur.cancel();
			this.fadeOut = true ;
			this.fxConteneur.start({
				'opacity': 0
			});
			this.menuGauche.morph({
				'marginLeft': this.options[_nomPage].x
			});
			this.fondMenuGauche.morph({
				'backgroundColor': this.options[_nomPage].color
			});
			this.request.send({url: './'+this.options[_nomPage].nom+'/'+_variables}) ;
		}
		//Cas spécial pour la suppression des items dans le panier
		else if (_nomPage == "panier") {
			this.request.send({url: './'+this.options[_nomPage].nom+'/'+_variables}) ;
		}
	}, 
	appear: function(_page) {
		this.fxConteneur.start({
			'opacity': 1
		});
		//fadeout en cours
		if (this.fadeOut) {
			this.contentToDisplay = _page ;
		}
		else  {
			this.setContent(_page);
		}
	},
	setContent: function (_page) {
		this.conteneur.set('html', _page);
		this.mooSrcoll.update();	
/**********Accueil************/
		if (this.pageDisplayed == 'accueil') {
			this.viewerAccueil = new viewer($$('#box1 img)'),{
				modes: ['alpha','left','bottom','alpha','right','alpha','top'],
				interval: 2300
			});
			this.viewerAccueil.play();
			this.viewerAccueilAmaya = new viewer($$('#boxAmaya img)'),{
				mode: 'alpha',
				interval: 5000
			});
			this.viewerAccueilAmaya.play(true);
		}
/**********Boutique Bordelaise************/
		if (this.pageDisplayed == 'boutiqueBordelaise') {
			this.viewerBoutique = new viewer($$('#box1 img)'),{
				modes: ['alpha','left','bottom','alpha','right','alpha','top'],
				interval: 2300
			});
			this.viewerBoutique.play();
		}		
/**********boutiqueEnLigne************/
		else if (this.pageDisplayed == 'boutiqueEnLigne') {
			var maxH = 130*1.1;
			var maxW = 75*1.1 ;
			var top = -120 ;
			var left = 0 ;
			$$('#categorieBijoux img').each(function(el, index){
				//saut de ligne toutes les 5 images
				if (index % 4 == 0) {
					top += 140 ;
					left = 50 ;
				}
				left += 100 ;
				el.setStyle('left', left);
				el.setStyle('top', top);
				var w = el.getStyle('width').toInt();
				var h = el.getStyle('height').toInt();
				var t = el.getStyle('top').toInt();
				var l = el.getStyle('left').toInt();
				el.set('morph', {
					fps: 60,
					duration: 300,
					transition: Fx.Transitions.Quad.easeOut,
					link: 'cancel'
				});
				el.addEvents({
					'mouseenter': function (ev) {
						this.morph({
							'width': maxW,
							'height': maxH,
							'top': t -(maxH-h)/2,
							'left': l -(maxW-w)/2
						});
					},
					'mouseleave': function (ev) {
						this.morph({
							'height': h,
							'width': w,
							'top': t,
							'left': l
						});
					},
					'click': function (ev) {
						GLOBAL.menu.goTo('bijoux', this.getProperty('rel')) ;
					}
				});
			});
		}
/**********bijoux************/
		else if (this.pageDisplayed == 'bijoux') {
			var bijoux = $$('#bijoux div');
			bijoux.each(function(el, index){
				el.set('morph', {
					fps: 10,
					duration: 300,
					transition: Fx.Transitions.Quad.easeOut,
					link: 'cancel'
				});
				el.addEvents({
					'mouseenter': function (ev) {
						bijoux.each(function (el) {
							if(el.getElement('img').getProperty('src') != this.getElement('img').getProperty('src')) {
								el.morph({
									'opacity': 0.6
								});
							}
						}.bind(this));
						this.morph({
							'opacity': 1
						});
					},
					'mouseleave': function (ev) {
						bijoux.each(function (el) {
							el.morph({
								'opacity': 0.9
							});
						}.bind(this));
					}
				});
			});
		}
/**********contact************/
		else if (this.pageDisplayed == 'contact') {
			$('envoyerMail').addEvent('click', function () {
				if ($('nom').get('value') == "")
					new MooDialog.Alert('Veuillez saisir votre nom.', {pClass: 'MooDialogError'});
				else if ($('email').get('value') == "")
					new MooDialog.Alert('Veuillez saisir votre email.', {pClass: 'MooDialogError'});
				else if ($('sujet').get('value') == "")
					new MooDialog.Alert('Veuillez saisir un sujet.', {pClass: 'MooDialogError'});
				else if ($('renseignement').get('value') == "")
					new MooDialog.Alert('Veuillez entrer un message.', {pClass: 'MooDialogError'});
				else {
					var request = new Request({
						method: 'post',
						url: './Contact?pPj_traitement=Contact',
						evalScripts: false,
						link: 'cancel',
						onSuccess: function () {
							new MooDialog.Alert('Votre message a bien été envoyé.');
							$('nom').set('value', '');
							$('email').set('value', '');
							$('sujet').set('value', '');
							$('renseignement').set('value', '');
						},
						onFailure: function () {
							new MooDialog.Alert('Erreur, votre message n\'a pas été envoyé. Veuillez recommencer', {pClass: 'MooDialogError'});
						}
					}).post({nom:$('nom').get('value'), email:$('email').get('value'), sujet:$('sujet').get('value'), renseignement:$('renseignement').get('value')});
				}
			});
		}
/**********personnalisez************/
		else if (this.pageDisplayed == 'personnalisez') {
			this.viewerPersonnaliser = new viewer($$('#box1 img)'),{
				modes: ['alpha','left','bottom','alpha','right','alpha','top'],
				interval: 2300
			});
			this.viewerPersonnaliser.play(true);
		}
/**********recapitulatif************/
		else if (this.pageDisplayed == 'recapitulatif') {
			$('boutonPayer').addEvent('click', function () {
				if ($('recapPrenom').get('value') == "")
					new MooDialog.Alert('Veuillez saisir un prénom.', {pClass: 'MooDialogError'});
				else if ($('recapNom').get('value') == "")
					new MooDialog.Alert('Veuillez saisir un nom.', {pClass: 'MooDialogError'});
				else if ($('recapRue').get('value') == "")
					new MooDialog.Alert('Veuillez entrer une rue.', {pClass: 'MooDialogError'});
				else if ($('recapCP').get('value') == "")
					new MooDialog.Alert('Veuillez entrer un CP.', {pClass: 'MooDialogError'});
				else if ($('recapVille').get('value') == "")
					new MooDialog.Alert('Veuillez entrer une ville.', {pClass: 'MooDialogError'});
				else {
					//alert('Le paiement par CB sera très bientôt disponible, merci de votre compréhension.');
					$('formPaiement').submit();
				}
			});
			$('payerCheque').addEvent('click', function () {
				if ($('recapPrenom').get('value') == "")
					new MooDialog.Alert('Veuillez saisir un prénom.', {pClass: 'MooDialogError'});
				else if ($('recapNom').get('value') == "")
					new MooDialog.Alert('Veuillez saisir un nom.', {pClass: 'MooDialogError'});
				else if ($('recapRue').get('value') == "")
					new MooDialog.Alert('Veuillez entrer une rue.', {pClass: 'MooDialogError'});
				else if ($('recapCP').get('value') == "")
					new MooDialog.Alert('Veuillez entrer un CP.', {pClass: 'MooDialogError'});
				else if ($('recapVille').get('value') == "")
					new MooDialog.Alert('Veuillez entrer une ville.', {pClass: 'MooDialogError'});
				else {
					$('formPaiement').action='Cheque';
					$('formPaiement').target='_blank';
					$('formPaiement').submit();
					//on vire les cookies
					Cookie.dispose('bijoux');
					Cookie.dispose('port');
					GLOBAL.menu.goTo('accueil');
				}
			});
		}
		else if (this.pageDisplayed == "actualite") {
			var box = new multiBox('mb', {
				overlay: new overlay()
			});	
		}
		
/**********login************/
		else if (this.pageDisplayed == 'compte' || this.pageDisplayed == 'moncompte') {
			if ($('createLogin') != null) {
				$('createLogin').addEvent('click', function () {
					var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/
					if ($('emailCreate').get('value') == "")
						new MooDialog.Alert('Veuillez saisir une adresse email.', {pClass: 'MooDialogError'});
					else if ((reg.exec($('emailCreate').get('value'))==null))
						new MooDialog.Alert('Veuillez saisir une adresse email valide.', {pClass: 'MooDialogError'});
					else if ($('pass2Create').get('value') == "")
						new MooDialog.Alert('Veuillez saisir un mot de passe.', {pClass: 'MooDialogError'});
					else if ($('passCreate').get('value').length < 5)
						new MooDialog.Alert('Veuillez entrer un mot de passe de 5 caractères.', {pClass: 'MooDialogError'});
					else if ($('passCreate').get('value') == "")
						new MooDialog.Alert('Veuillez confirmer le mot de passe.', {pClass: 'MooDialogError'});
					else if ($('pass2Create').get('value') != $('passCreate').get('value'))
						new MooDialog.Alert('Les deux mots de passe ne sont pas égaux.', {pClass: 'MooDialogError'});
					else if ($('prenomCreate').get('value') == "")
						new MooDialog.Alert('Veuillez entrer votre prénom.', {pClass: 'MooDialogError'});
					else if ($('nomCreate').get('value') == "")
						new MooDialog.Alert('Veuillez entrer votre Nom.', {pClass: 'MooDialogError'});
					else {
						var request = new Request({
							method: 'post',
							url: './Inscription',
							evalScripts: false,
							link: 'cancel',
							onSuccess: function (answer) {
								if (answer == "ok") {
									$('emailCreate').set('value', '');
									$('pass2Create').set('value', '');
									$('passCreate').set('value', '');
									$('pass2Create').set('value', '');
									$('prenomCreate').set('value', '');
									$('nomCreate').set('value', '');		
									$('telephoneCreate').set('value', '');											
									new MooDialog.Alert('Votre compte a été créé. Vous êtes maintenant connectée.');
									if(GLOBAL.menu.lastPageDisplayed == "panier") {
										GLOBAL.menu.goTo('recapitulatif');
									}
									else {
										GLOBAL.menu.goTo('moncompte');
									}
								}
								else if (answer == "ko") {
									new MooDialog.Alert('Erreur, une personne ayant déjà cette email existe. Utilisez "mot de passe perdu".', {pClass: 'MooDialogError'});
								}
							},
							onFailure: function () {
								new MooDialog.Alert('Erreur, votre compte n\'a pas été créé. Veuillez recommencer.', {pClass: 'MooDialogError'});
							}
						}).post({tel:$('telephoneCreate').get('value'),nom:$('nomCreate').get('value'), prenom:$('prenomCreate').get('value'), email:$('emailCreate').get('value'), pass:$('passCreate').get('value')});
					}
				});
				
				$('login').addEvent('click', function () {
					var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,3}$/
					if ($('emailLogin').get('value') == "")
						new MooDialog.Alert('Veuillez saisir une adresse email.', {pClass: 'MooDialogError'});
					else if ((reg.exec($('emailLogin').get('value'))==null))
						new MooDialog.Alert('Veuillez saisir une adresse email valide.', {pClass: 'MooDialogError'});
					else if ($('passLogin').get('value') == "")
						new MooDialog.Alert('Veuillez saisir un mot de passe.', {pClass: 'MooDialogError'});
					else {
						var request = new Request({
							method: 'post',
							url: './login/ajax?pPj_traitement=Login',
							evalScripts: false,
							link: 'cancel',
							onSuccess: function (answer) {
								if (answer == "ok") {
									new MooDialog.Alert('Vous êtes maintenant connectée.');
									if(GLOBAL.menu.lastPageDisplayed == "panier") {
										GLOBAL.menu.goTo('recapitulatif');
									}
									else {
										GLOBAL.menu.goTo('moncompte');
									}
								}
								else if (answer == "ko")
									new MooDialog.Alert('Mauvais mot de passe ou email.', {pClass: 'MooDialogError'});
							},
							onFailure: function () {
								new MooDialog.Alert('Impossible de vous connecter. Veuillez recommencer.', {pClass: 'MooDialogError'});
							}
						}).post({login:$('emailLogin').get('value'), pass:$('passLogin').get('value')});
					}
				});
				$('passePerdu').addEvent('click', function () {
					if ($('email').get('value') == "")
						new MooDialog.Alert('Veuillez saisir une adresse email à laquelle vous sera renvoyé votre mot de passe.', {pClass: 'MooDialogError'});
					else {
						var request = new Request({
							method: 'post',
							url: './Motdepasseperdu?pPj_traitement=Motdepasseperdu',
							evalScripts: false,
							link: 'cancel',
							onSuccess: function (answer) {
								if (answer == "ok") {
									new MooDialog.Alert('Un email contenant votre nouveau mot de passe vous a été envoyé à l\'adresse : '+$('email').get('value'));
								}
								else if (answer == "ko")
									new MooDialog.Alert('Cet email est inconnu. Veuillez créer un nouveau compte.', {pClass: 'MooDialogError'});
							},
							onFailure: function () {
								new MooDialog.Alert('Erreur interne. Veuillez recommencer.', {pClass: 'MooDialogError'});
							}
						}).post({email:$('email').get('value')});
					}
				});
			} else {
				$('redefinirPassword').addEvent('click', function () {
					if ($('password1').get('value') != $('password2').get('value'))
						new MooDialog.Alert('Vos deux mots de passe ne sont pas identiques.', {pClass: 'MooDialogError'});
					else if ($('password1').get('value').length < 5)
						new MooDialog.Alert('Veuillez saisir un mot de passe d\'au moins 5 charactères.', {pClass: 'MooDialogError'});
					else {
						var request = new Request({
							method: 'post',
							url: './Moncompte?pPj_traitement=Moncompte',
							evalScripts: false,
							link: 'cancel',
							onSuccess: function (answer) {
								if (answer == "ok") {
									new MooDialog.Alert('Votre mot de passe a été redéfinit.');
								}
								else if (answer == "ko")
									new MooDialog.Alert('Erreur - Impossible de changer le mot de passe.', {pClass: 'MooDialogError'});
							},
							onFailure: function () {
								new MooDialog.Alert('Impossible de se connecter au serveur. Veuillez recommencer.', {pClass: 'MooDialogError'});
							}
						}).post({pass:$('password1').get('value')});
					}
				});
			}	
		}
		$$('#content .openPopup').each(function(el){
			this.popups[this.popups.length] = new PopUp(el);
		}, this);
	}
});