// JavaScript Document
function radioSelect(id){
var image = $$('#'+id+' .btnRadio');
image.each(function(el) {
el.addEvent('click',function(){
if (el.hasClass('on')){
image.removeClass('on');
el.addClass('');
}else{
image.removeClass('on');
el.addClass('on');
}
var input = el.getFirst();
var nameRadio = input.get('name');
//alert(nameRadio);
if (input.hasClass('valid')){
$$('input[name='+nameRadio+']').removeClass('valid');
input.addClass('');
}else{
$$('input[name='+nameRadio+']').removeClass('valid');
input.addClass('valid');
}
});
});
}
function checkboxSelect(id){
var image = $$('#'+id+' .btnCheckbox');
image.each(function(el) {
el.addEvent('click',function(){
var input = el.getFirst();
//alert(input.get('id'));
if (el.hasClass('on')){
el.removeClass('on');
input.removeClass('selected');
}else{
/*image.removeClass('on');*/
el.addClass('on');
input.addClass('selected');
}
//SET VALUE OPTIN
if(input.hasClass('selected') && input.get('id') == "news"){
$('news').set('value', 1);
$('hiddenOptin').set('value', 1);
}else{
$('news').set('value', 0);
$('hiddenOptin').set('value', 0);
}
});
});
}
function checkAccueil(){
var Number1 = $$('.number-1 span');
var Number2 = $$('.number-2 span');
var firstdisplay = Number1.getStyle('display');
var seconddisplay = Number2.getStyle('display');
for (i = 0; i < Number1.length; i++){
if(firstdisplay[i] == 'block' || firstdisplay[i] == 'inline'){
var value1 = Number1[i].get('html');
//alert(value1);
}
}
for (i = 0; i < Number2.length; i++){
if(seconddisplay[i] == 'block'|| seconddisplay[i] == 'inline'){
var value2 = Number2[i].get('html');
//alert(value2);
}
}
if( value1 == 0 && value2 == 0 ){
OpenLayer('Error', 1);
$$('#Error p').empty();
$$('#Error p').set("html","Vous n'avez pas indiqué de votre âge");
return false;
}else{
$('age-state').set('value', ''+value1+''+value2+'')
//alert(''+value1+''+value2+'');
}
if ($('Femme').hasClass('on') || $('Homme').hasClass('on')){
if (document.frm_diagnostic.nom.value==''){
//alert("Vous n'avez pas indiqu� de nom");
OpenLayer('Error', 1);
$$('#Error p').empty();
$$('#Error p').set("html","Vous n'avez pas indiqué de nom");
return false;
}else if ((document.frm_diagnostic.email.value.length < 9) || (document.frm_diagnostic.email.value.indexOf('@') == -1) || (document.frm_diagnostic.email.value.indexOf('.') == -1)){
//alert("L'email est incorrect !");
OpenLayer('Error', 1);
$$('#Error p').empty();
$$('#Error p').set("html","L'email est incorrect !");
return false;
}else{
//SET VALUE NAME DS LE LAYER FINAL
var name = $('nom').get('value');
$('program_nom').set('value', name);
$('program_nom').set('value', name);
$('step0').setStyle('display','none');
$('step1').setStyle('display','block');
$('navigation').setStyle('display','block');
}
}else{
//alert("Vous n'avez pas indiqu� de sexe");
OpenLayer('Error', 1);
$$('#Error p').empty();
$$('#Error p').set("html","Vous n'avez pas indiqué de sexe");
return false;
}
$('frm_diagnostic').mdsubmit();
/*
$('step0').setStyle('display','none');
$('step1').setStyle('display','block');
$('navigation').setStyle('display','block');
*/
}
var itemsBrosses=[{ 'url': ''+document.mdalias+'brosses-a-dents/pour-elle.html',
'name' : 'pour elle',
'image' : ''+document.mdgskin+'/img/diag_pour_elle.png'
},
{ 'url': ''+document.mdalias+'brosses-a-dents/pour-lui.html',
'name' : 'pour lui',
'image' : ''+document.mdgskin+'/img/diag_pour_lui.png'
},
{ 'url': ''+document.mdalias+'brosses-a-dents/brosse-a-dents-br-soin-gencives-br-43513d3d.html',
'name' : 'Soins Gencives',
'image' : ''+document.mdgskin+'/img/diag_soin_gencives.png'
}];
var itemsBains=[{ 'url': ''+document.mdalias+'bains-de-bouche/bain-de-bouche-43513d3d.html',
'name' : 'Bains de bouche',
'image' : ''+document.mdgskin+'/img/diag_bains_bouche.png'
}];
var itemsDentifrices=[{ 'url': ''+document.mdalias+'dentifrices/grand-public/fraicheur-et-soin-44673d3d.html',
'name' : 'Fraicheur et soins',
'image' : ''+document.mdgskin+'/img/diag_fraicheur_soin.png'
}
,{ 'url': ''+document.mdalias+'dentifrices/grand-public/blancheur-et-soin-43673d3d.html',
'name' : 'Blancheur et soin',
'image' : ''+document.mdgskin+'/img/diag_blancheur_soin.png'
}
,{ 'url': ''+document.mdalias+'dentifrices/grand-public/soin-gencives-43773d3d.html',
'name' : 'Soins Gencives',
'image' : ''+document.mdgskin+'/img/diag_soin_gencives_prod.png'
}
,{ 'url': ''+document.mdalias+'dentifrices/grand-public/soin-dents-sensibles-44513d3d.html',
'name' : 'Soins Dents Sensibles',
'image' : ''+document.mdgskin+'/img/diag_soin_dents_sensibles.png'
}
,{ 'url': ''+document.mdalias+'dentifrices/grand-public/soin-bi-fluor-44773d3d.html',
'name' : 'Soins Bi-Fluor',
'image' : ''+document.mdgskin+'/img/diag_soin_bifluor.png'
},{ 'url': ''+document.mdalias+'dentifrices/grand-public/soin-global-44413d3d.html',
'name' : 'Soins Global',
'image' : ''+document.mdgskin+'/img/diag_soin_global.png'
}];
/*** DIAGNOSTIQUE ***/
window.addEvent('domready', function()
{
if($('DiagBouche')){
loadTags('diagnostic-home');
var btnSlideKnob = $$('.etapes li');
var knob = $$('.knob')[0];
var FxKnob = new Fx.Morph(knob,{
duration: 600,
transition: Fx.Transitions.Quart.easeOut
});
// HOME
var btnCalcul = $('Calculez');
btnCalcul.addEvent('click', function() {
checkAccueil();
});
// BTN NEXT
var btnNext = $$('.next');
btnNext.each(function(el,i){
el.addEvents({
'click': function() {
var parent = el.getParent();
var id = parent.get('id');
//alert(id);
var stateDisplay = $(id).getStyle('display');
//alert(stateDisplay);
var nextitem = $(id).getNext();
var nextid = nextitem.get('id');
//alert(nextid);
$(id).setStyle('display','none');
$(nextid).setStyle('display','block');
var pos = knob.getStyle('left');
//alert(pos);
if(i < 2){
btnSlideKnob[i].removeClass('on');
btnSlideKnob[i+1].addClass('on');
}
if(i > 1){
btnSlideKnob[i+1].removeClass('on');
btnSlideKnob[i+2].addClass('on');
}
if(i > 6){
btnSlideKnob[i+2].removeClass('on');
btnSlideKnob[i+3].addClass('on');
}
//alert(i);
FxKnob.cancel();
FxKnob.start({'left': (pos.toInt()+78)+'px'});
}
});
});
// BTN NEXT STEP
var btnNextStep = $$('.nextstep');
btnNextStep.each(function(el,i){
el.addEvents({
'click': function() {
var rel = el.get('rel');
var parent = el.getParent();
var fieldsetEl = parent.getParent();
var previousStep = fieldsetEl.getParent();
var nextid = previousStep.get('id');
//alert(nextid);
$(nextid).setStyle('display','none');
$(rel).setStyle('display','block');
if(rel == 'Resultat'){
// TAGS
$('tags').empty();
loadTags('resultat-diagnostic');
$('navigation').setStyle('display','none');
// VALUES SEXE
var valueGender = $$('.valid')[0].get('value');
//alert('sexe:'+valueGender);
// CALCUL AGE BOUCHE
var values = $$('.checked');
var aValues = values.get('value');
var total= 0;
for (i = 0; i < aValues.length; i++){
//alert(aValues[i]);
total = parseFloat(aValues[i]) + total;
}
// alert('total values:'+total.round());
//
var ageValue = $('age-state').get('value');
//alert('age saisi :'+ageValue);
var ageBouche = (ageValue.toFloat())+(total.round());
//alert('age bouche :'+ageBouche);
// AFFICHAGE AGE
$('Age').set('html',''+ageBouche.round()+' ans');
// AFFICHAGE PRODUCT
var info = $('Pushproduct');
var valuesCheckbox = $$('.selected');
var aCheckbox = valuesCheckbox.get('value');
var myHash = new Hash();
for (i = 0; i < aCheckbox.length; i++){
//alert(aCheckbox[i]);
if (myHash.has(aCheckbox[i])){
myHash.set(aCheckbox[i], (parseInt(myHash.get(aCheckbox[i])+1)));
}
else
{
myHash.set(aCheckbox[i], 1);
}
}
var keys = myHash.getKeys();
//alert(keys);
//var aPrio = ['bains', 'blancheur', 'soinsgencives', 'global', 'soinsdentssensibles', 'fraicheur', 'bifluor'];
var aPrio = ['bifluor', 'fraicheur', 'soinsdentssensibles', 'global', 'soinsgencives', 'blancheur', 'bains'];
var sResult = '';
for (i = 0; i < aPrio.length; i++){
if ((myHash.has(aPrio[i]))){
sResult = aPrio[i];
}
}
//alert(sResult);
if(valueGender == 0 && sResult == 'bifluor'){
var itemPush1 = '
';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = '
';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 0 && sResult == 'fraicheur'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = '
';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 0 && sResult == 'soinsdentssensibles'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = '
';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 0 && sResult == 'global'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = '
';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 0 && sResult == 'soinsgencives'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = '
';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 0 && sResult == 'blancheur'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = '
';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 0 && sResult == 'bains'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = '
';
new Element('div', {'class': 'item push3'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}
//FEMME
else if(valueGender == 1 && sResult == 'bifluor'){
var itemPush1 = '
';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = ' ';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 1 && sResult == 'fraicheur'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = ' ';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 1 && sResult == 'soinsdentssensibles'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = ' ';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 1 && sResult == 'global'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = ' ';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 1 && sResult == 'soinsgencives'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = ' ';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 1 && sResult == 'blancheur'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = ' ';
new Element('div', {'class': 'item push2'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}else if(valueGender == 1 && sResult == 'bains'){
var itemPush1 = ' ';
new Element('div', {'class': 'item push1'}).set('html',''+itemPush1+'').inject(info);
var itemPush2 = ' ';
new Element('div', {'class': 'item push3'}).set('html',''+itemPush2+'').inject(info, 'bottom');
}
}
var pos = knob.getStyle('left');
//alert(pos);
btnSlideKnob.removeClass('on');
if(i == 1){
btnSlideKnob[9].addClass('on');
}else{
btnSlideKnob[3].addClass('on');
}
FxKnob.cancel();
FxKnob.start({'left': (pos.toInt()+78)+'px'});
}
});
});
// SLIDE CURSOR
var btnSlideRadio = $$('.slide');
btnSlideRadio.each(function(el,i){
el.addEvents({
'click': function() {
var parent = el.getParent();
var cursorRadio = parent.getLast();
var posBtn = el.getStyle('left');
//alert(posBtn);
var FxCursor = new Fx.Morph(cursorRadio,{
duration: 800,
transition: Fx.Transitions.Quart.easeOut
});
var input = el.getFirst();
var nameRadio = input.get('name');
//alert(nameRadio);
if (input.hasClass('checked')){
$$('input[name='+nameRadio+']').removeClass('checked');
input.addClass('');
}else{
$$('input[name='+nameRadio+']').removeClass('checked');
input.addClass('checked');
}
FxCursor.cancel();
FxCursor.start({'left': (posBtn.toInt())+'px'});
}
});
});
// SLIDE KNOB
/*
btnSlideKnob.each(function(el){
el.addEvents({
'click': function() {
btnSlideKnob.removeClass('on');
el.addClass('on');
var pos = el.getPosition();
//alert(pos.x);
var FxKnob = new Fx.Morph(knob,{
duration: 600,
transition: Fx.Transitions.Quart.easeOut
});
FxKnob.cancel();
FxKnob.start({'left': (pos.x.toInt()-205)+'px'});
}
});
});
*/
}
});