blankImg = '/argosSites/bluemove/images/blank.gif';

window.addEvent('domready', function() {
	if($("accordion"))
	{
		var accordion = new Accordion($$('#accordion .toggler'),$$('.element'), {
			opacity: 0,
			onActive: function(toggler) { toggler.toggleClass('on'); },
			onBackground: function(toggler) { toggler.removeClass('on'); }
		});
	}
});

/*window.addEvent('domready', function() {
	$$('#b > li').each(function(el) {
		//css
		var reset = false;
		var fx = new Fx.Tween(el.getElement('a'),{
			duration: 350,
			link: 'cancel',
			onComplete:function() {
				if(reset) {
					el.getElement('a').setStyle('background-position','0 0');
				}
			}
		});
		//events
		el.setStyle('background-position','0 0').addEvents({
			'mouseenter': function(e) {
				e.stop();
				fx.start('background-position','-340px 0');
				reset = false;
			},
			'mouseleave': function(e) {
				reset = true;
				fx.start('background-position','-220px 0');
			}
		});
	});
});*/

function flashOk(e) {
	if(e.success) {
		if ($('bottombox') != null) {
			$('bottombox').setStyle('display', 'block');
		}
		if ($('header_right') != null) {
			if($('header_right').hasClass('home')) {
				$('header_right').setStyle('display', 'block');
			}
		}
		if ($('bottom_links') != null) {
			if($('bottom_links').hasClass('home')) {
				$('bottom_links').setStyle('display', 'block');
			}
		}
		if ($('accueilFlash') != null) {
			$('accueilFlash').setStyle('background', 'transparent url(/argosSites/bluemove/images/accueil/fond.jpg) no-repeat scroll 0 0');			
		}
	}
}

function phoneVisible(isVisible) {
	if (isVisible) {
		$('telephone').erase('class');
		$('telephone').toggleClass('on');
	}
	else {
		$('telephone').erase('class');
	}
}

//Flash page d'accueil passer étape suivante
function callNextStep() {
	if (thisMovie("MuProgress") != undefined)
	{
		thisMovie("MuProgress").goNext();
	}
}
//Flash page d'accueil remettre a l'etat initial
function restoreMu() {
	if (thisMovie("MuProgress") != undefined)
	{
		thisMovie("MuProgress").restore();
	}
}

function thisMovie(movieName) {
	if (navigator.appName.indexOf("Microsoft") != -1) {
		return window[movieName];
	}
	else {
		return document[movieName];
	}
}
function closeDisplayNone() {
	window.addEvent('domready', function(){
		$('sbox-btn-close').setStyle('display', 'none');
	});
}

/** 
Animation petite carte annulee

Si besoin de l'ajouter de nouveau il suffit d'ajouter ceci dans le div avec l'ID box1 :
onmouseout="javascript:mouseVisible(false);" onmouseover="javascript:mouseVisible(true);"
 **/
 
/* function mouseVisible(isVisible) {
	if (isVisible) {
		swfobject.embedSWF("/argosSites/bluemove/swf/MuCard.swf", "muCard", "94", "60", "9.0.0", false, {}, { wmode:"transparent" }, {});
		$('flashBox').fade('in');
	}
	else {
		$('flashBox').fade('out');
	}
} */

function formLoginTunnel(){
	new FormCheck('loginform', {
		display: {
			indicateErrors: 1
		}
	});
}

function formContact(){
	new FormCheck('contactForm', {
		display: {
			indicateErrors: 1
		}
	});
}

function formSendToFriend(){
	new FormCheck('sendtofriendForm', {
		display: {
			indicateErrors: 1
		}
	});
}

function infosForm(){
	new FormCheck('infosForm', {
		display: {
			indicateErrors: 1,
			titlesInsteadNames : 1
		}
	});
}

function formCheckTunnel() {
	new FormCheck('tunnelform', {
		display: {
			indicateErrors: 1,
			titlesInsteadNames : 1
		},
		submitByAjax:true,
		ajaxResponseDiv:'sbox-content',
		ajaxEvalScripts:true,
		onAjaxRequest: $empty,
		onAjaxSuccess: $empty,
		trimValue:true
	});
}

function formCheckSouscription(){
	new FormCheck('rechargeForm', {
		display: {
			indicateErrors: 1
		}
	});
}

function formCheckParcoursValidation(){
	new FormCheck('parcoursValidation', {
		display: {
			indicateErrors: 1
		}
	});
}

function formCheckRecharge(){
	new FormCheck('rechargeForm', {
		display: {
			indicateErrors: 1
		}
	});
}

function choosen(article_id) {
	$$('.detailsbloc').each(function(item){item.setStyle('display','none'); });
	$(article_id).setStyle('display','block').fade('in');
}
window.addEvent('domready',function() {
	$$('.detailsbloc').each(function(item){item.fade('hide');});
});

//FormCheck
window.addEvent('domready', formLoginTunnel);
//Tunnel
window.addEvent('domready', showSqueezeBox);
window.addEvent('domready', showSecondSqueezeBox);

window.addEvent('domready', function() {
	/* @Mobility Page */
	$$('#mobility_dealerslist li').each(function(item) {
		item.addEvent('click', function() {
			if(item.getElement('span').getStyle('display') == 'block') {
				$$('#mobility_dealerslist span').setStyle('display','none');
			}
			else {
				$$('#mobility_dealerslist span').setStyle('display','none');
				item.getElement('span').setStyle('display','block');
			}
		});
	});
	//Effet ajout panier
	/*
	myFx = new Fx.Tween('panier', {
		duration:2000	
	});
	*/
	myFx2 = new Fx.Tween('valuepanier', {
		duration:4000,
		transition:'quad:in:out'
	});
	$$('.effectMenu').each(function(item) {
		item.addEvent('click', function() {
			new Request.JSON({
				method:'post',
				url:item.getParent('form').action,
				data: item.getParent('form'),
				onSuccess:function(text) {
					$('valuepanier').innerHTML = text.response;
					if (text.error != undefined && text.link != undefined)
					{
						$('valuepanier').appendChild(document.createElement('div'));
						$('valuepanier').lastChild.className = 'error';
						$('valuepanier').lastChild.appendChild(document.createTextNode(text.error));
						//$('valuepanier').lastChild.innerHTML = text.error;
						$('valuepanier').lastChild.appendChild(document.createElement('a'));
						$('valuepanier').lastChild.lastChild.setAttribute('href', '/mu-by-peugeot');
						$('valuepanier').lastChild.lastChild.appendChild(document.createTextNode(text.link));
					}
					$('panier').fireEvent('click');
					//myFx.start('background-color', '#025297', '#F2F2F2');
					myFx2.start('color', '#E00079', '#00579C');
				}
			}).send();
		});
	});
	
	if ($('envoimailactivation') != null){
		$('envoimailactivation').addEvent('click', function() {
			new Request({
				method:'post',
				url:'/argosSites/bluemove/php/envoimailactivation.php',
				data: this.getParent('form'),
				onSuccess:function(text){					
					if(text == 'success'){
						//activerCompte : variable défini dans le head de la page
						$('errorLog').getElement('p').innerHTML = activerCompte;
					}else{
						$('errorLog').getElement('p').innerHTML = clientInconnu;
					}
				}
			}).send();
		});
	}
	/*
	$$('.effectMenu').each(function(item){
		item.addEvent('click',myFx.tween('background-color', '#fff')); 
	});
	*/
	/*
	$$('td.Price form').each(function(myForm){
		myForm.addEvent('submit', function() {
			this.set('send', {onComplete: function(response) {
				$('valuepanier').innerHTML = response;
				myFx.tween('background-color', '#fff');
			}});
			this.send();
			return false;
		});
	});
	*/
});

//lorsque l'on est sur la page de rechargement et que l'on modifie la quantite de carte achetee
//mettre init_prix(10,00) en dernier : car il est compté en 2params
function updateRechargeValue(id,addQuantite,init_mu,souscription,init_prix)
{
	if ($type(souscription)!='number'){
		souscription = 0;
	}
	
	var quantite = parseInt($('recharge_quantite_'+id).value);
	if ($type(quantite)!='number'){
		return ;
	}
	var mu = parseInt(init_mu);
	var prix = parseInt(init_prix);
	
	quantite += addQuantite;
	if(quantite < 1 || isNaN(quantite))
	{
		quantite = 1;
	}
	if(quantite > 99)
	{
		quantite = 99;
	}
	mu *= quantite;
	prix *= quantite;
	total = prix + souscription;
	
	$('recharge_quantite_'+id).value = quantite;
	$('recharge_mu_'+id).innerHTML = mu;
	$('recharge_prix_'+id).innerHTML = prix;
	if ($('totalRecharge_'+id) != null){
		$('totalRecharge_'+id).innerHTML = total + ' &euro;';
	}
	
	var myHTMLRequest = new Request.HTML({
		url:'/index.php',
		update:'produits'
	}).get({
		'template': 'includes/produits',
		'prixmu':mu
	});
}

function popup(url) {
	window.open(url,'mention','toolbar=0, location=1, directories=1, status=1, scrollbars=1, resizable=0, copyhistory=1, menuBar=1, width=1000, height=900');
}

/*Questionnaire*/
function maxChoiceReached(questionId, maxChoice)
{
	$(questionId).getElements('input').addEvents({
		'click': function(){
			if (nbChoices(questionId)>maxChoice){
				return false;
			}
			if (nbChoices(questionId)==maxChoice){
				disableChoices(questionId);				
			}
			else{
				enableChoices(questionId);
			}
		}
	});
}
function nbChoices(questionId){
	n = 0;
	$(questionId).getElements('input[type!=text]').each(function(el){
		if (el.checked){
			n++;
		}
	});
	return n;
}
function disableChoices(questionId){
	$(questionId).getElements('input[type]').each(function(el){
		if (!el.checked){
			el.set('disabled', true);
			if(el.id==210){
				$('reponseaccessoire').set('disabled', true);
			}
		}
	});
}
function enableChoices(questionId){
	$(questionId).getElements('input').each(function(el){
		if (!el.checked){
			el.removeProperty('disabled');
			if(el.id==210){
				$('reponseaccessoire').removeProperty('disabled');
			}
		}
	});
}

function enableSliders(listSelects)
{
	listSelects.each(function(e) {
		
		//Ne pas toucher aux vrais select
		if (!e.hasClass('realSelect')){
			//On liste les options
			var listOptions = e.getElements('option');
			
			//Si il existe une ou plusieurs options
			if (listOptions!='') {
				//On masque le select et on compte le nombre total d'options
				e.setStyle('display','none');
				var countOptions = listOptions.length;
				
				//On crée la barre dont la longueur dépend du nombre d'options
				var newSlide = new Element('div',{
					'class': 'slider',
					'styles': {
						'width': (countOptions*25)
					}
				}).inject(e,'before');
				
				//On crée le curseur
				var newKnob = new Element('div',{
					'class': 'knob empty'
				}).inject(newSlide,'top');
				
				//On crée le div réceptionnant la valeur choisie
				var newValue = new Element('div',{
					'class': 'text'
				}).inject(newSlide,'bottom');
				
				//On combine barre et curseur, le nombre d'étapes étant égal au nombre des options moins l'option vide.
				var newSlider = new Slider(newSlide, newKnob, {
					steps: countOptions,
					range: [0, countOptions],
					wheel: true,
					snap: true,
					onChange: function(step){
						e.selectedIndex = step;
						if(step=='0'){
							newKnob.set('class','knob empty');
							newValue.set('text','');
						} else {
							newKnob.set('class','knob');
							var listOptionsFiltered = listOptions.filter(function(item, index){
								return index == step;
							});
							newValue.set('text',listOptionsFiltered.get('text'));
						}
					}
				}).set(e.selectedIndex);
				
				newSlide.setStyle("width", (countOptions*25)-25);
			}
		}		
	});
}

/* Slider du questionnaire */
window.addEvent('domready', function(){
	if ($$('select.sliders')!='') {
		//Sélection des listes select
		var listSelects = $$('select.sliders');
			
		//Pour chaque select
		enableSliders(listSelects);
		
		// On crée le point d'interrogation qui affichera la légende
		var eTitle = listSelects.getParent('.question').getElement('h2');
		eTitle.setStyles({
			// 'background-image': 'url(/argosSites/bluemove/images/quizz/help.gif)',
			// 'background-repeat': 'no-repeat',
			// 'background-position': 'right 4px',
			// 'margin-right': '40px',
			// 'padding-right': '20px',
			'position': 'relative'
		});
		eTitle.each(function(e){
			var arrayLegend = new Array();
			listOptions = eTitle.getNext().getElement('div select')[0].getElements('option');
			countOptions = listOptions.length;
			listOptions.each(function(e){
				optionLegend = e.get('text');
				optionLegend = '<div>'+optionLegend+'</div>';
				arrayLegend.push(optionLegend);
			});
			// Creation de l'icone help
			var span_legend = new Element('span',{
				'class': 'span_legend'
			}).inject(e, 'top');
			var img_span_legend = new Element('img',{
				'src': '/argosSites/bluemove/images/quizz/help.gif',
				'alt': '?'
			}).inject(span_legend,'top');
			//On crée la légende
			var div_span_legend = new Element('div',{
				'class': 'legend',
				'html': arrayLegend.join('\n'),
				'styles': {
					'height': countOptions*40
				}
			}).inject(e,'bottom');
			
			// Affichage de l'aide au survol du point d'interrogation
			span_legend.addEvent('mouseenter',function(){
				e.getElement('.legend').setStyle('display','block');
			});
			div_span_legend.addEvent('mouseleave',function(){
				e.getElement('.legend').setStyle('display','none');
			});
		});
	}
});
/** Slide search mobilite **/
window.addEvent('domready', function() {
	if($("new-search-form"))
	{
		var mySlide = new Fx.Slide('new-search-form', {mode: 'horizontal'}).hide();
		$('new-search-function').addEvents({
			'click': function(e){
				e = new Event(e);
				mySlide.toggle();
				e.stop();
				$('new-search-function').toggleClass('selected');
			}
		});
	}
});