function popup( href, name, h, l ) {
	var hauteur = Math.round( ( screen.availHeight - h ) / 2 );
	var largeur = Math.round( ( screen.availWidth - l ) / 2 );
	var popup = window.open( href, name, 'toolbar=0,location=0,directories=0,status=0, scrollbars=1,resizable=1,menubar=0,top='+hauteur+',left='+largeur+',width='+l+',height='+h);
	popup.focus();	
}

function fDelete(){
	$$('.fDelete').each(function(el){
		el.addEvent('click', function(e){
			e = new Event(e);
			if( !confirm(el.title ? el.title : 'Etes vous sűr de vouloir supprimer cet élément ?')){
				e.stop();
			}
		});
	});
}
window.addEvent('domready', fDelete);

function fPopupOrder(){
	$$('.fPopupOrder').each(function(el){
		el.addEvent('click', function(e){
			e = new Event(e);
			popup(el.href, 'order', 620, 780);
			e.stop();
		});
	});
}
window.addEvent('domready', fPopupOrder);

function fFlashMessage() {
	new mooFlashMessage($$('.flash'));
}
window.addEvent('domready', fFlashMessage);

function fProduct(){
	if($('fProduct')){
		if($('situation')){
			$('situation').setOpacity(0);
			$('situation').setStyles({
				visibility: 'hidden'
			});
			var situationFx = new Fx.Style($('situation'), 'opacity',{duration: 700, transition: Fx.Transitions.Sine.easeInOut});
			$('showSituation').addEvent('click', function(e){
				e = new Event(e);
				situationFx.start(1);
				e.stop();
			});
			$('hideSituation').addEvent('click', function(e){
				e = new Event(e);
				situationFx.start(0);
				e.stop();
			});
		}
	}
}
window.addEvent('domready', fProduct);

//scroll

var SliderLipault = new Class({

	options: {
		onChange: Class.empty,
		onComplete: Class.empty,
		onTick: function(pos){
			this.knob.setStyle(this.p, pos);
		},
		mode: 'horizontal',
		steps: 100,
		offset: 0
	},

	initialize: function(el, knob, options){
		this.element = $(el);
		this.knob = $(knob);
		this.setOptions(options);
		this.previousChange = -1;
		this.previousEnd = -1;
		this.step = -1;
		this.element.addEvent('mousedown', this.clickedElement.bindWithEvent(this));
		var mod, offset;
		switch(this.options.mode){
			case 'horizontal':
				this.z = 'x';
				this.p = 'left';
				mod = {'x': 'left', 'y': false};
				offset = 'offsetWidth';
				break;
			case 'vertical':
				this.z = 'y';
				this.p = 'top';
				mod = {'x': false, 'y': 'top'};
				offset = 'offsetHeight';
		}
		this.max = this.element[offset] - this.knob[offset] + (this.options.offset * 2) - 20;
		this.half = this.knob[offset]/2;
		this.getPos = this.element['get' + this.p.capitalize()].bind(this.element);
		this.knob.setStyle('position', 'relative').setStyle(this.p, - this.options.offset);
		var lim = {};
		lim[this.z] = [- this.options.offset, this.max - this.options.offset];
		this.drag = new Drag.Base(this.knob, {
			limit: lim,
			modifiers: mod,
			snap: 0,
			onStart: function(){
				this.draggedKnob();
			}.bind(this),
			onDrag: function(){
				this.draggedKnob();
			}.bind(this),
			onComplete: function(){
				this.draggedKnob();
				this.end();
			}.bind(this)
		});
		if (this.options.initialize) this.options.initialize.call(this);
	},

	set: function(step){
		this.step = step.limit(0, this.options.steps);
		this.checkStep();
		this.end();
		this.fireEvent('onTick', this.toPosition(this.step));
		return this;
	},

	clickedElement: function(event){
		var position = event.page[this.z] - this.getPos() - this.half;
		position = position.limit(-this.options.offset, this.max -this.options.offset);
		this.step = this.toStep(position);
		this.checkStep();
		this.end();
		this.fireEvent('onTick', position);
	},

	draggedKnob: function(){
		this.step = this.toStep(this.drag.value.now[this.z]);
		this.checkStep();
	},

	checkStep: function(){
		if (this.previousChange != this.step){
			this.previousChange = this.step;
			this.fireEvent('onChange', this.step);
		}
	},

	end: function(){
		if (this.previousEnd !== this.step){
			this.previousEnd = this.step;
			this.fireEvent('onComplete', this.step + '');
		}
	},

	toStep: function(position){
		return Math.round((position + this.options.offset) / this.max * this.options.steps);
	},

	toPosition: function(step){
		return this.max * step / this.options.steps;
	}

});

SliderLipault.implement(new Events);
SliderLipault.implement(new Options);

// product change color
function changeColor() {
	// var i;
	// for( i=1;i<=5;i++ ) {
	// }
	var ids = [];
	var refs = [];
	var colors = [];
	
	
	if( $$('.getid') ) {
		$$('.getid').each(function(el, index){
			ids.push(parseInt(el.getText()));
		});
	}
	if( $$('.getref') ) {
		$$('.getref').each(function(el, index){
			refs.push(parseInt(el.getText()));
		});
	}
	if( $$('.getcolor') ) {
//		el2.removeClass('selecttaille');

		$$('.getcolor').each(function(el, index){
			colors.push(parseInt(el.getText()));
		});
	}
	if( $$('.colorpictures') ) {
		$$('.colorpictures').each(function(el, index){
			el.addEvent('click', function(e){
				var e = new Event(e);
				e.stop();
				var id = ids[index];
				var ref = refs[index];
				var color = colors[index];
				
				//ajout du spinner de loading des autres photos
				var loadphotos = $('changepictures').empty().addClass('ajax-loading-photos');
				//ajout du spinner de loading des tailles
				var loadtailles = $('changetailles').empty().addClass('ajax-loading-tailles');
				//ajout du spinner de loading des compatibles
				//var loadcross = $('changecrossselling').empty().addClass('ajax-loading-cross');
				//ajout du spinner de loading de l'image principale
				//var loadmainview = $('imagelightbox').empty().addClass('ajax-loading-mainview');
				//requete ajax (  modification désignations  + dimension)
				$$('.selectcolor').each(function(bc, index){
					 bc.removeClass('selectcolor');
				});
				var getProductProperties = new Ajax('getproperties.php', {
					method: 'get',
					data: 'id='+id+'&ref='+ref+'&color='+color,
					//update: $('designationstest'),
					onComplete: function() {
						// suppression des spinner
						loadphotos.removeClass('ajax-loading-photos');
						loadtailles.removeClass('ajax-loading-tailles');
						//loadcross.removeClass('ajax-loading-cross');
					
						var productProperties = eval('('+getProductProperties.response.text+')');
						
						//disponibilite
						var disponibilite = parseInt(productProperties.proprietes[0].disponible);
						if( disponibilite == 0 ) {
							if( $('save') ) {
								$('save').setStyles({'display':'none'});
								$('tempdispo').setStyles({'display':''});
							}
						}
						else{
							if( $('save') ) {
								$('save').setStyles({'display':''});
								$('tempdispo').setStyles({'display':'none'});
							}
						}
						$('designationproduct').setText(productProperties.proprietes[0].ref);
						//$('designationbproduct').setText(productProperties.proprietes[0].designationb);
						
						var designationbproduct = productProperties.designationb;
						//designationbproduct = html_entity_decode(designationbproduct);
						$('designationbproduct').setHTML(designationbproduct);
						//change main view
						$('imagelightbox').setProperties({
							src: productProperties.referencefile[0].directorymediumfile,
							alt: productProperties.proprietes[0].designation,
							width: productProperties.referencefile[0].mediumfilewidth,
							height: productProperties.referencefile[0].mediumfileheight
						});
						$('lienzoomlightbox').setProperties({
							href: productProperties.referencefile[0].directoryfile,
							title: productProperties.proprietes[0].ref+' '+productProperties.couleur
						});
						$('designationphoto').setText(productProperties.proprietes[0].ref);
						$('colorphoto').setHTML(productProperties.couleur);

						$('colorproduct').setHTML(productProperties.couleur);
						$('productHeight').setText(productProperties.proprietes[0].height);
						$('productWidth').setText(productProperties.proprietes[0].width);
						$('productDepth').setText(productProperties.proprietes[0].depth);
						if ($('productWeight')) $('productWeight').setText(productProperties.proprietes[0].weight);
						$('productBulk').setText(productProperties.proprietes[0].bulk);
						
						var promoprice = parseFloat(productProperties.promoprice);
						if( promoprice > 0 ) {
							$('price').setText(productProperties.proprietes[0].promoprice+' €');
							if( !$('oldprice') ) {
							var spanoldprice = new Element('span', {'id': 'oldprice'}).injectAfter($('price'));
							spanoldprice.setText(productProperties.proprietes[0].price+' €');
							}
						}
						else{
							$('price').setText(productProperties.proprietes[0].price+' €');
							if( $('oldprice') ) {
								$('oldprice').remove();
							}
						}
						
						
						// suppression du spinner de loading
						//loadmainview.removeClass('ajax-loading-mainview');
						
						//change form product
						$('getcolorreference').setText(productProperties.referencefile[0].name);
						$('formproductname').setProperty('value', productProperties.proprietes[0].designation);
						//$('formdesignationb').setProperty('value', productProperties.proprietes[0].designationb);
						$('formdesignationb').setProperty('value', productProperties.designationb);
						$('formproductref').setProperty('value', productProperties.proprietes[0].colorreference);
						$('formproductid').setProperty('value', id);
						$('formreferenceid').setProperty('value', ref);
						$('formcolorid').setProperty('value', color);
						$('formproductcolorname').setProperty('value', productProperties.couleur);
						$('formproducttva').setProperty('value', productProperties.proprietes[0].tva);
						
						//change pictures

						var tabpictures = [];
						tabpictures = productProperties.pictures;
						tabpictures.each(function(el, index){
							var divselectvue = new Element('div', {'class': 'pictures'}).injectInside('changepictures');
							var img = new Element('img', {'src': el.directoryfilethumbnaila, 'width': el.filewidththumbnaila, 'height': el.fileheightthumbnaila}).injectInside(divselectvue);
                            var spannumimage = new Element('span', {'class':'numimage', 'style':'display:none'}).injectInside(divselectvue);
                            spannumimage.setText(el.id);
							if( index == 0 ) {
								divselectvue.addClass('selectvue');
							}
						});
						
						//change tailles
						var tabtailles = [];
						tabtailles = productProperties.tailles;
						tabtailles.each(function(el, index){
							var divunetaille = new Element('div', {'class': 'unetaille'}).injectInside('changetailles');
							var getidtaille = new Element('div', {'class': 'getidtaille'}).injectInside(divunetaille);
							getidtaille.setText(el.idproduct).setStyle('display','none');
							var getreftaille = new Element('div', {'class': 'getreftaille'}).injectInside(divunetaille);
							getreftaille.setText(el.idref).setStyle('display','none');
							var getcolortaille = new Element('div', {'class': 'getcolortaille'}).injectInside(divunetaille);
							getcolortaille.setText(el.idcolor).setStyle('display','none');
							var divselecttaille = new Element('div', {'class': 'taillespictures'}).injectInside(divunetaille);
							//var img = new Element('img', {'src': el.directoryfilethumbnailb, 'width': el.filewidththumbnailb, 'height': el.fileheightthumbnailb}).injectInside(divselecttaille);
							var img = new Element('img', {'src': el.directoryfilethumbnailb, 'width': '47px', 'height': el.fileheightthumbnailb}).injectInside(divselecttaille);
							var taillehauteur = new Element('span', {'class': 'taillehauteur'}).injectAfter(divselecttaille);
							var imghack = new Element('img', {'src': 'images/puce/hack.gif'}).injectInside(taillehauteur);
							var taillehauteur2 = new Element('span', {'class': 'taillehauteur2'}).injectAfter(imghack );
							taillehauteur2.setText(el.height);
							var cabine = new Element('span', {'class': 'cabine'}).injectAfter(taillehauteur);
							var imghack2 = new Element('img', {'src': 'images/puce/hack.gif'}).injectInside(cabine);
							var cabine2 = new Element('span', {'class': 'cabine2'}).injectAfter(imghack2);
							cabine2.setText(el.iscabine);
							if( ref == el.idref ) {
								divselecttaille.addClass('selecttaille');
							}
						});
						
						//change compatibles
						// var tabcompatibles = [];
						// tabcompatibles = productProperties.compatibles;
						// tabcompatibles.each(function(el, index){
							// var a = new Element('a', {'href': el.link}).injectInside('changecrossselling');
							// var img = new Element('img', {'src': el.directoryfilethumbnailc, 'width': el.filewidththumbnailc, 'height': el.fileheightthumbnailc }).injectInside(a);
							// var compatibledesignationb = new Element('span', {'class': 'compatibledesignationb'}).injectAfter(a);
							// compatibledesignationb.setText(el.designationb);
						// });
						
						changePicture();
						changeTailles();
                        if( $('avoircoll') ) {
                            $('avoircoll').setProperty('href','collection-'+productProperties.proprietes[0].categoryid+'-'+color+'.html');
                        }
						if ($('lientrousse')) {
							if( productProperties.proprietes[0].categoryid == '21' ) {
								$('lientrousse').setProperty('href','toilette-13-'+color+'.html');
							}
							else{
								$('lientrousse').setProperty('href','toilette-'+productProperties.proprietes[0].categoryid+'-'+color+'.html');
							}
						}
						// slimbox
						window.addEvent('domready', Lightbox.init.bind(Lightbox));
					}
				}).request();
				
				
				//requete ajax ( chargement des autres photos )
				// var loadphotos = $('photos').empty().addClass('ajax-loading-photos');
				// new Ajax('getpictures.php', {
					// method: 'get',
					// data: 'id='+id+'&ref='+ref+'&color='+color,
					// update: $('photos'),
					// onComplete: function() {
						// loadphotos.removeClass('ajax-loading-photos');
					// }
				// }).request();
				
				
				//requete ajax (  chargement des tailles )
				// var loadtailles = $('affichetailles').empty().addClass('ajax-loading-tailles');
				// new Ajax('gettailles.php', {
					// method: 'get',
					// data: 'id='+id+'&ref='+ref+'&color='+color,
					// update: $('affichetailles'),
					// onComplete: function() {
						// loadtailles.removeClass('ajax-loading-tailles');
						
					// }
				// }).request();
				
				//requete ajax (  chargement des compatibles )
				var loadcross = $('affichecrossselling').empty().addClass('ajax-loading-cross');
				new Ajax('getcompatible.php', {
					method: 'get',
					data: 'id='+id+'&ref='+ref+'&color='+color,
					update: $('affichecrossselling'),
					onComplete: function() {
						loadcross.removeClass('ajax-loading-cross');
					}
				}).request();
				$(el.parentNode).addClass('selectcolor');
			});
		});
	}
}

window.addEvent('domready', function() {
	if( $$('.colorpictures') ) {
	changeColor();
	}
});

// product change tailles
function changeTailles() {
	var ids = [];
	var refs = [];
	var colors = [];
	if( $$('.getidtaille') ) {
		$$('.getidtaille').each(function(el, index){
			ids.push(parseInt(el.getText()));
		});
	}
	if( $$('.getreftaille') ) {
		$$('.getreftaille').each(function(el, index){
			refs.push(parseInt(el.getText()));
		});
	}
	if( $$('.getcolortaille') ) {
		$$('.getcolortaille').each(function(el, index){
			colors.push(parseInt(el.getText()));
		});
	}
	if( $$('.taillespictures') ) {
		$$('.taillespictures').each(function(el, index){
			el.addEvent('click', function(e){
				$$('.taillespictures').each(function(el2, index2){
					el2.removeClass('selecttaille');
				});
				el.addClass('selecttaille');
				var e = new Event(e);
				e.stop();
				var id = ids[index];
				var ref = refs[index];
				var color = colors[index];
				//alert('id='+id+'ref='+ref+'color='+color);
				
				//ajout du spinner de loading des autres photos
				var loadphotos = $('changepictures').empty().addClass('ajax-loading-photos');
				//ajout du spinner de loading de l'image principale
				//var loadmainview = $('imagelightbox').empty().addClass('ajax-loading-mainview');
				
				//requete ajax (  chargement des couleurs )
				var loadcolors = $('affichecouleurs').empty().addClass('ajax-loading-couleurs');
				new Ajax('getcolors.php', {
					method: 'get',
					data: 'id='+id+'&ref='+ref+'&color='+color,
					update: $('affichecouleurs'),
					onComplete: function() {
						loadcolors.removeClass('ajax-loading-couleurs');
						//changePicture();
					}
				}).request();
				
				//requete ajax (  chargement des compatibles )
				var loadcross = $('affichecrossselling').empty().addClass('ajax-loading-cross');
				new Ajax('getcompatible.php', {
					method: 'get',
					data: 'id='+id+'&ref='+ref+'&color='+color,
					update: $('affichecrossselling'),
					onComplete: function() {
						loadcross.removeClass('ajax-loading-cross');
					}
				}).request();
				
				//requete ajax (  modification désignations  + dimension)
				var getProductProperties = new Ajax('getproperties.php', {
					method: 'get',
					data: 'id='+id+'&ref='+ref+'&color='+color,
					//update: $('designationstest'),
					onComplete: function() {
						
						// suppression des spinner
						loadphotos.removeClass('ajax-loading-photos');
						
						var productProperties = eval('('+getProductProperties.response.text+')');
						
						//disponibilite
						var disponibilite = parseInt(productProperties.proprietes[0].disponible);
						if( disponibilite == 0 ) {
							if( $('save') ) {
								$('save').setStyles({'display':'none'});
								$('tempdispo').setStyles({'display':''});
							}
						}
						else{
							if( $('save') ) {
								$('save').setStyles({'display':''});
								$('tempdispo').setStyles({'display':'none'});
							}
						}
						$('designationproduct').setText(productProperties.proprietes[0].ref);
						
						var designationbproduct = productProperties.designationb;
						//designationbproduct = html_entity_decode(designationbproduct);
						$('designationbproduct').setHTML(designationbproduct);
						$('sizeproduct').setText(productProperties.proprietes[0].taille);
						$('colorproduct').setHTML(productProperties.couleur);
						$('productHeight').setText(productProperties.proprietes[0].height);
						$('productWidth').setText(productProperties.proprietes[0].width);
						$('productDepth').setText(productProperties.proprietes[0].depth);
						if ($('productWeight')) $('productWeight').setText(productProperties.proprietes[0].weight);
						$('productBulk').setText(productProperties.proprietes[0].bulk);
						
						var productdescriptifext = productProperties.descriptifext;
						$('productdescriptifext').setHTML(productdescriptifext);
						
						var productdescriptifint = productProperties.descriptifint;
						$('productdescriptifint').setHTML(productdescriptifint);
						
						var promoprice = parseFloat(productProperties.promoprice);
						if( promoprice > 0 ) {
							$('price').setText(productProperties.proprietes[0].promoprice+' €');
                            $('price').setStyles({ 'color':'#FF0000' });
							if( !$('oldprice') ) {
							var spanoldprice = new Element('span', {'id': 'oldprice'}).injectAfter($('price'));
							spanoldprice.setText(productProperties.proprietes[0].price+' €');
                            //alert(productProperties.proprietes[0].price);
                            spanoldprice.setStyles({ 'text-decoration':'line-through' });
							}
                            else{
                                $('oldprice').remove();
                                var spanoldprice = new Element('span', {'id': 'oldprice'}).injectAfter($('price'));
                                spanoldprice.setText(productProperties.proprietes[0].price+' €');
                                spanoldprice.setStyles({ 'text-decoration':'line-through' });
                            }
						}
						else{
							$('price').setText(productProperties.proprietes[0].price+' €');
                            $('price').setStyles({ 'color':'#7B9615' });
							if( $('oldprice') ) {
								$('oldprice').remove();
							}
						}
						
						//change main view
						$('imagelightbox').setProperties({
							src: productProperties.referencefile[0].directorymediumfile,
							alt: productProperties.proprietes[0].designation,
							width: productProperties.referencefile[0].mediumfilewidth,
							height: productProperties.referencefile[0].mediumfileheight
						});
						// suppression du spinner de loading
						//loadmainview.removeClass('ajax-loading-mainview');
						
						$('lienzoomlightbox').setProperties({
							href: productProperties.referencefile[0].directoryfile,
							title: productProperties.proprietes[0].ref+' '+productProperties.couleur
						});
						//$('designationbphoto').setText(productProperties.proprietes[0].designationb);
						$('designationbphoto').setHTML(designationbproduct);
						$('designationphoto').setText(productProperties.proprietes[0].ref);
						$('colorphoto').setHTML(productProperties.couleur);
						$('sizephoto').setText(productProperties.proprietes[0].taille);
						
						//change form product
						$('getcolorreference').setText(productProperties.referencefile[0].name);
						$('formproductname').setProperty('value', productProperties.proprietes[0].designation);
						//$('formdesignationb').setProperty('value', productProperties.proprietes[0].designationb);
						$('formdesignationb').setProperty('value', productProperties.designationb);
						$('formproductref').setProperty('value', productProperties.proprietes[0].colorreference);
						$('formproductid').setProperty('value', id);
						$('formreferenceid').setProperty('value', ref);
						$('formcolorid').setProperty('value', color);
						$('formproductcolorname').setProperty('value', productProperties.couleur);
						$('formproducttva').setProperty('value', productProperties.proprietes[0].tva);
						
						//change pictures
						var tabpictures = [];
						tabpictures = productProperties.pictures;
						tabpictures.each(function(el, index){
							var divselectvue = new Element('div', {'class': 'pictures'}).injectInside('changepictures');
							var img = new Element('img', {'src': el.directoryfilethumbnaila, 'width': el.filewidththumbnaila, 'height': el.fileheightthumbnaila }).injectInside(divselectvue);
                            var spannumimage = new Element('span', {'class':'numimage', 'style':'display:none'}).injectInside(divselectvue);
                            spannumimage.setText(el.id);
							if( index == 0 ) {
								divselectvue.addClass('selectvue');
							}
						});
						
						//change compatibles
						// var tabcompatibles = [];
						// tabcompatibles = productProperties.compatibles;
						// tabcompatibles.each(function(el, index){
							// var a = new Element('a', {'href': el.link}).injectInside('changecrossselling');
							// var img = new Element('img', {'src': el.directoryfilethumbnailc, 'width': el.filewidththumbnailc, 'height': el.fileheightthumbnailc }).injectInside(a);
							// var compatibledesignationb = new Element('span', {'class': 'compatibledesignationb'}).injectAfter(a);
							// compatibledesignationb.setText(el.designationb);
						// });
						
						changePicture();
						changeColor();
						// slimbox
						window.addEvent('domready', Lightbox.init.bind(Lightbox));
					}
				}).request();
				
				//requete ajax ( chargement des autres photos )
				// var loadphotos = $('photos').empty().addClass('ajax-loading-photos');
				// new Ajax('getpictures.php', {
					// method: 'get',
					// data: 'id='+id+'&ref='+ref+'&color='+color,
					// update: $('photos'),
					// onComplete: function() {
						// loadphotos.removeClass('ajax-loading-photos');
					// }
				// }).request();
				
				
			});
		});
	}
}

window.addEvent('domready', function() {
	if( $$('.taillespictures') ) {
	changeTailles();
	}
});

// product change picture ( changement de l'image principal au passage de la souris sur les autres photos )
function changePicture() {
    var numimages = [];
	if( $$('.numimage') ) {
		$$('.numimage').each(function(el, index){
			numimages.push(parseInt(el.getText()));
		});
	}
    //alert(numimages);
	$$('.pictures').each(function(el, index){
		el.addEvent('mouseenter', function(e){
			$$('.pictures').each(function(el2, index){
				 el2.removeClass('selectvue');
			});
			el.addClass('selectvue');
			var url = 'content/references/';
			var colorreference = $('getcolorreference').getText();
            var numimage = (numimages[index]);
            //alert(numimage);
			//var colorreference.replace('%', ''); 
			//$('imagelightbox').setProperty('src', url+'reference_medium_'+colorreference+'_'+(index+1)+'.jpeg');
			//$('lienzoomlightbox').setProperty('href', url+'reference_'+colorreference+'_'+(index+1)+'.jpeg');
            $('imagelightbox').setProperty('src', url+'reference_medium_'+colorreference+'_'+(numimage)+'.jpeg');
			$('lienzoomlightbox').setProperty('href', url+'reference_'+colorreference+'_'+(numimage)+'.jpeg');
		});
		// el.addEvent('mouseleave', function(e){
			// el.removeClass('selectvue');
		// });
	});
}

window.addEvent('domready', function() {
	if($$('.pictures')){
	changePicture();
	}
});


// register
// choix particulier/professionnel
function initFormRegister() {
	if( $('ispro-0' ) && $('ispro-1' ) ) {
		$('ispro-0').addEvent('click', function(e){
			e = new Event(e);
			$('formpro').style.display = 'none';
		});
		$('ispro-1').addEvent('click', function(e){
			e = new Event(e);
			$('formpro').style.display = 'block';
		});
	}
}
window.addEvent('domready',function(){
		initFormRegister();
});

//panier
//check chronopost
function checkChronopost() {
	if( $('checkchronopost') ) {
		//var input = $('checkchronopost').getElements('checkchronopost input')
		if( $('checkboxchronopost') ) {
			$('checkboxchronopost').addEvent('click', function(e){
			//var e = new Event(e);
			//e.stop();
			if($('checkboxchronopost').getProperty('checked') == true){
				
				var addChronopost = new Ajax('aj.addchronopost.php', {
					method: 'get',
					data: 'mode=add',
					//update: $('test'),
					onComplete: function() {
						var chronopost = eval('('+addChronopost.response.text+')');
						$('fraisexpress').setText(chronopost.chronopost);
						$('totalpanierttc').setText(chronopost.newtotalttc);
						selectZone();
					}
				}).request();
				
			}
			else if($('checkboxchronopost').getProperty('checked') == false){
				var addChronopost = new Ajax('aj.addchronopost.php', {
					method: 'get',
					data: 'mode=delete',
					//update: $('test'),
					onComplete: function() {
						var chronopost = eval('('+addChronopost.response.text+')');
						$('fraisexpress').setText(chronopost.chronopost);
						$('totalpanierttc').setText(chronopost.newtotalttc);
						selectZone();
					}
				}).request();
			}
			});
		}
	}
}

window.addEvent('domready', function() {
	if( $('checkchronopost') ) {
	checkChronopost();
	}
});

//select Zone
function selectZone() {
	if( $('zone') ) {
		//alert('aa');
		$('zone').addEvent('change', function(e){
			var e = new Event(e);
			e.stop();
			var idzone = $('zone').value;
			var zoneSelected = new Ajax('aj.selectzone.php', {
				method: 'get',
				data: 'idzone='+idzone,
				update: $('tablebasketproducts'),
				onComplete: function() {
					if( $('checkchronopost') ) {
						checkChronopost();
					}
					if( $('zone') ) {
						selectZone()
					}
					// var response = eval('('+zoneSelected.response.text+')');
					// if( $('checkboxchronopost') ) {
						// if($('checkboxchronopost').getProperty('checked') == true){
							// $('fraisexpress').setText(response.chronopost);
							// $('fraislivraison').setText(response.newsumport);
							// $('totalpanierttc').setText(response.newtotalttc);
						// }
						// else if($('checkboxchronopost').getProperty('checked') == false){
							// $('fraislivraison').setText(response.newsumport);
							// $('totalpanierttc').setText(response.newtotalttc);
						// }
					// }
				}
			}).request();
		});
	}
}

window.addEvent('domready', function() {
	if( $('zone') ) {
	selectZone();
	}
});


// order delivery : afficher cacher adresse de facturation
function fEditInvoiceDelivery() {
	if($('invoicedelivery')){
			var slide = new Fx.Slide('invoicedelivery');
		 	var input = $('checkinvoicedelivery');
		 	slide.hide();
			$('checkinvoicedelivery').addEvent('click', function(e){
				// e = new Event(e);
				// slide.toggle();
				// e.stop();
				if(input.getProperty('checked') == true){
					slide.slideIn();
				}else{
					slide.slideOut();
				}
			});
	}
}
window.addEvent('domready', fEditInvoiceDelivery);

function getClientSizeWidth()
{
    /* http://www.howtocreate.co.uk/tutorials/javascript/browserwindow */
   // return Array((document.documentElement && document.documentElement.clientWidth) || window.innerWidth || self.innerWidth || document.body.clientWidth,(document.documentElement && document.documentElement.clientHeight) || window.innerHeight || self.innerHeight || document.body.clientHeight);
   //on retourne uniquement la largeur
	return (document.documentElement && document.documentElement.clientWidth) || window.innerWidth || self.innerWidth || document.body.clientWidth;
}
//page category : calcul largeur du scroll et de la position de début

window.addEvent('domready', function() {
	var ClientWidth = getClientSizeWidth();
    //alert(ClientWidth);
	if( $('scrollcontent') ) {
		//var ClientWidth = getClientSizeWidth();
		var ClientWidthStartScroll = ((ClientWidth - 980)/2);
		var StartScroll = 320;
		var EndScroll = 50;
		$('scrollcontent').setStyles({
			'width':ClientWidth-2*ClientWidthStartScroll,
			'left':0
		});
		$('startscroll').setStyles({
			'width':StartScroll
		});
		$('endscroll').setStyles({
			'width':EndScroll
		});
	}
});

function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	//var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().y))
	//mootools 1.1
	var steps = (horizontal?(content.getSize().scrollSize.x - content.getSize().size.x):(content.getSize().scrollSize.y - content.getSize().size.y))
	var slider = new SliderLipault(scrollbar, handle, {	
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			//var x = (horizontal?(((content.getSize().scrollSize.x-content.getSize().size.x)/100)*step):0);
			var y = (horizontal?0:step);
			//var y = (horizontal?0:(((content.getSize().scrollSize.y-content.getSize().size.y)/100)*step));
			content.scrollTo(x,y);
		},
		offset: 0
	}).set(0);
	if( !(ignoreMouse) ){
		// Scroll the content element when the mousewheel is used within the 
		// content or the scrollbar element.
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});
	}
	// Stops the handle dragging process when the mouse leaves the document body.
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
	//content.scrollTo(300,200);
};

			
window.addEvent('domready', function(){				
	if($('scrollcontent') && $('scrollbar') && $('handle') ) {
		//makeScrollbar( $('scrollcontent'), $('scrollbar'), $('handle'), true, true );
	}
});