<!--

var i=false; // La variable i nous dit si la bulle est visible ou non
var slider;
var clicSlider = false;
var params = extractUrlParams();

function extractUrlParams(){	
	var params = location.search.substring(1).split('&');
	var results = new Array();
	
	for (var i=0; i<params.length; i++){
		var tab = params[i].split('=');
		// Association nom - valeur du parametre
		results[tab[0]] = tab[1];
	}
	return results;
}

function selectOnglet(typeLocaux, localisation) {
    var divClass;
    var deskClass;
    var storageClass;
    var marketClass;
    var labelTypeText;
    // Activite
    if (typeLocaux == '1') {
        divClass = 'locaux-search';
        deskClass = 'no-active-bureau';
        storageClass = 'active-locaux';
        marketClass = 'no-active-commerce';
        labelTypeText = 'Activit&eacute;s';
    }
    // Commerce
    else if (typeLocaux == '2') {
        divClass = 'commerce-search';
        deskClass = 'no-active-bureau';
        storageClass = 'no-active-locaux';
        marketClass = 'active-commerce';
        labelTypeText = 'Commerces';
    }
    // Bureau
    else {
        divClass = 'bureau-search';
        deskClass = 'active-bureau';
        storageClass = 'no-active-locaux';
        marketClass = 'no-active-commerce';
        labelTypeText = 'Bureaux';
    }
    // IDF
    if (localisation == '0') {
        // Activites
        if (typeLocaux == '1') {
            $('carteBurCom').hide();
            $('carteActi').show();
            $('layer60').show();
            $('dep60').onmouseover = function(){imgVisible(60,this);};
            $('dep60').onmouseout = function(){imgHidden(60,this);};
            $('dep60').onclick = function(){imgClic(60,this,true);};
        }
        // Bureau - Commerces
        else {
            $('carteBurCom').show();
            $('carteActi').hide();
            $('layer60').hide();
            $('dep60').onmouseover = null;
            $('dep60').onmouseout = null;
            $('dep60').onclick = null;
            removeZoneClicked('60','dep');
        }
    }
    // France
    else  {
        // Commerces
        if (typeLocaux == '2') {
            $('carteFranceCom').show();
            $('carteFranceBurActi').hide();
        }
        // Bureaux Activites
        else {
            $('carteFranceBurActi').show();
            $('carteFranceCom').hide();
        }
    }
    
    $('DIV_CLASS').className = divClass;
    $('LI_DESK').className = deskClass;
    $('LI_STORAGE').className = storageClass;
    $('LI_MARKET').className = marketClass;
    $('typeForm').value = typeLocaux;
    $('labelType').innerHTML = labelTypeText;
    $('labelType2').innerHTML = labelTypeText;
}

function redirectUrlIdf() {
    // Activite
    if ($('typeForm').value == '1')
        window.location.href = '../Search/SearchEngine/Activites-Entrepots-Logistique-Ile-De-France.aspx';
    // Commerce
    else if ($('typeForm').value == '2')
        window.location.href = '../Search/SearchEngine/Commerces-Ile-De-France.aspx';
    else
        window.location.href = '../Search/SearchEngine/Bureaux-Ile-De-France.aspx';   
}

function etatModif() {
    // Parametres
    $('localisationForm').value = params["localisation"];
    $('typeForm').value = params["type"];
    
    // options
    if (params["options"])
        checkOptions(params["options"]);
    // tranche
    createSlider();
    if (params["tranche"]) {
        selectTranche(params["tranche"]);
    }
    // zones
    if (params["zones"])
        selectZones(params["zones"]);
    
    selectOnglet($('typeForm').value,$('localisationForm').value);
    
    // Mise à jour des offres
    majOffres();
    
    // Carte France
    if ($('localisationForm').value == "1") {
        $('carte_IDF').hide();
        $('carte_france').show();
    }
    else {
        $('carte_IDF').show();
        $('carte_france').hide();
    }
}

function majOffres() {
    new Ajax.Updater('nbOffres', 
                     '../Search/SearchEngine/Nombre-Offres.aspx',
                     { parameters: '?tranche='+getTranche()+'&options='+getOptions()+'&localisation='+getLocalisation()+'&type='+getType()+'&zones='+getZones(),
                       method: 'post',
                       asynchronous: 'false',
                       onComplete: function(item) {
                            if (parseInt(item.responseText) > 1)
                                $('dispo').innerHTML = "disponibles";
                            else
                                $('dispo').innerHTML = "disponible";
                       }}
                       );
}

function checkOptions(options) {
    if(options == "1,2") {
        $('aVendre').checked = true;
        $('aLouer').checked = true;
    }
    else
        if (options == "1") {
            $('aLouer').checked = true;
            $('aVendre').checked = false;
        }
        else
            if (options == "2") {
                $('aVendre').checked = true;
                $('aLouer').checked = false;
            }
            else {
                $('aVendre').checked = true;
                $('aLouer').checked = true;
            }
}

function selectTranche(tranche) {
    var valeur = -1;
    if ($('typeForm').value == "1") {
        switch (tranche) {
            case '1':
                valeur = 0;
                break;
            case '2':
                valeur = 15;
                break;
            case '3':
                valeur = 25;
                break;
            case '4':
                valeur = 35;
                break;
            case '5':
                valeur = 45;
                break;
            case '6':
                valeur = 55;
                break;
            case '7':
                valeur = 65;
                break;
            case '8':
                valeur = 80;
                break;
            default:
                valeur = 0;
         }
    }
    else {
        switch (tranche) {
            case '1':
                valeur = 0;
                break;
            case '2':
                valeur = 15;
                break;
            case '3':
                valeur = 25;
                break;
            case '4':
                valeur = 35;
                break;
            case '5':
                valeur = 45;
                break;
            case '6':
                valeur = 55;
                break;
            case '7':
                valeur = 65;
                break;
            case '8':
                valeur = 75;
                break;
            case '9':
                valeur = 85;
                break;
            case '10':
                valeur = 95;
                break;
            case '11':
                valeur = 105;
                break;
            case '12':
                valeur = 120;
				break;
            default:
                valeur = 0;
         }
    }
    slider.setValue(valeur);
    clicSlider = true;
}

function selectZones(strZones) {
    var zones = strZones.split(',');
    var taille = zones.length;
    var prefix;
    // France
    if ($('localisationForm').value == '1') {
        // Commerces
        for (var i=0; i<taille; i++)
            imgFranceClic(zones[i],document.getElementById('region'+zones[i]),false);
    }
    else { // IDF
        for (var i=0; i<taille; i++) {
            if (zones[i].length == 2)
                imgClic(zones[i],document.getElementById('dep'+zones[i]),false);
            else
                imgParisClic(zones[i],document.getElementById('area'+zones[i]),false);
        }
    }
}

function mousePosition(e,mode){
	 var posx = 0;
	 var posy = 0;
	 if (!e) var e = window.event;
	 if (e.pageX || e.pageY){
		  posx = e.pageX;
		  posy = e.pageY;
	 }else if (e.clientX || e.clientY){
		  posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		  posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	 }

	if(mode == 'x') {
		return posx;
	}else {
		return posy;
	}
}

function positionInfo(e) {
	$('curseur').style.left=mousePosition(e,'x')-$('container').offsetLeft+"px";
	$('curseur').style.top=mousePosition(e,'y')-28-$('container').offsetTop+"px";
}

function montre(text) {
  if(i==false) {
  $('curseur').style.visibility="visible"; // Si il est cacher (la verif n'est qu'une securité) on le rend visible.
  $('txtinfobulle').innerHTML = text; // Cette fonction est a améliorer, il parait qu'elle n'est pas valide (mais elle marche)
  i=true;
  }
}
function cache() {
if(i==true) {
$('curseur').style.visibility="hidden"; // Si la bulle etais visible on la cache
i=false;
}
}
document.onmousemove=positionInfo; // des que la souris bouge, on appelle la fonction move pour mettre a jour la position de la bulle.
//-->

function in_array(needle, collection, strict) {
    if (strict == null) {
        strict = false;
    }
    
    var i = collection.length-1;
    if (i >= 0) {
        do {
            if (collection[i] == needle) { 
                if (strict && typeof(collection[i]) != typeof(needle)) {
                    continue;
                }
                return true;
            }
        } while (i--);
    }
    
    return false;
}

function getListeZoneClicked(mode){
	var zoneclicked = document.getElementById(mode+'clicked').value;
	return zoneclicked.split(',');
}

function isZoneClicked(zone,mode) {
    var list_zoneclicked = getListeZoneClicked(mode);
	return (in_array(zone,list_zoneclicked));
}

function imgVisible(idimg,source){
	//if(!isZoneClicked(idimg)){
		if(document.getElementById('layer'+idimg).style.visibility != 'visible'){
			document.getElementById('layer'+idimg).style.visibility = 'visible';
		}
		if(source.onmouseout==null){
			source.onmouseout=function(){imgHidden(idimg,source);}
		}
	//}
	if(source.alt){montre(source.alt);}
}

function montreIdf(source) {
    if(source.alt) montre(source.alt);
}

function cacheIdf() {
    cache();
}

function imgHidden(idimg,source){
	//if(!isZoneClicked(idimg)){
		if(document.getElementById('layer'+idimg).style.visibility != 'hidden'){
			document.getElementById('layer'+idimg).style.visibility = 'hidden';
		}
		
		source.onmouseover=function(){imgVisible(idimg,source);}
	//}
	cache();
}

function addZoneClicked(idimg,mode){
	if(document.getElementById(mode+'clicked').value == ''){
		document.getElementById(mode+'clicked').value = idimg;
	}else{
		document.getElementById(mode+'clicked').value += ","+idimg;
	}
}

function removeZoneClicked(idimg,mode){
	var list_zoneclicked = getListeZoneClicked(mode);
	
	var output=[];
	var j = 0;
	var taille = list_zoneclicked.length; 
	for(var i =0; i< taille;i++){
		if (list_zoneclicked[i]!=idimg){
			output[j]=list_zoneclicked[i];
			j++;
		}
	}
	document.getElementById(mode+'clicked').value = output.join(',');
}

var liste92= '92350,92330,92290,92340,92140,92190,92370,92410,92430,92420,92500,92380,92150,92800,92310,92210,92100,92320,92240,92220,92120,92200,92700,92230,92270,92300,92600,92110,92390,92400,92250,92000,92130,92170';
var liste93= '93400,93200,93120,93300,93000,93700,93130,93110,93230,93100,93170,93260,93360,93350,93800,93310,93500';
var liste94= '94230,94800,94400,94460,94000,94110,94250,94160,94300,94120,94130,94340,94410,94380,94100,94200,94220,94700,94270,94140';
var listeNice = '06';
var listeToulouse = '31,09,32,82,81,46,12';
var listeLyon = '69,73,74,42,38,01';
var listeMarseille = '13,83,84';
var listeNantes = '44,49,85'; 
var listeNordOuest = '76,27,14,61,50,72,53,49,44,85,35,56,22,29';
var listeNordEst = '62,59,80,60,02,08,51,10,55,52,88,54,57,67,68,70,25,39';
var listeSudOuest = '79,86,17,16,24,33,47,40,64,46,12,82,81,32,31,65,09';
var listeSudEst = '66,11,34,30,48,13,84,83,04,06,05,07,26,42,69,38,01,73,74';
var listeCentre = '45,28,41,37,36,18,89,58,21,71,23,87,19,03,63,15,43';
        
function afficheDepartement(listecp){
	var tabcp = listecp.split(',');
	var taille = tabcp.length;
	for(var i =0; i< taille;i++){
		document.getElementById('layer'+tabcp[i]).style.visibility = 'visible';
		document.getElementById('area'+tabcp[i]).onmouseover=function(){if(this.alt){montre(this.alt);}}
		document.getElementById('area'+tabcp[i]).onmouseout=function(){cache();}
	}
}

function masqueDepartement(listecp){
	var tabcp = listecp.split(',');
	var idimgs = '';
	var taille = tabcp.length;
	for(var i =0; i<taille;i++){
		//idimgss = tabcp[i];
		//imgelement = document.getElementById('area'+idimg);
		//alert(idimg);
		//mafonction(idimgs) = new Function("idimgbis","imgVisible(idimgbis,this);");
		document.getElementById('layer'+tabcp[i]).style.visibility = 'hidden';	
		document.getElementById('area'+tabcp[i]).onmouseover=function(){idimgs = this.id.substr(4,5);imgVisible(idimgs,this);};
		document.getElementById('area'+tabcp[i]).onmouseout=function(){idimgs = this.id.substr(4,5);imgHidden(idimgs,this);};
		//idimgs=null;
		//document.getElementById('area'+tabcp[i]).onmouseover=new Function("imgVisible("+idimg+",document.getElementById('area'"+tabcp[i]+"));");
		
		//document.getElementById('area'+idimg).onmouseout=function(){imgHidden(idimg,document.getElementById('area'+idimg));}
	}
}

function alertperso(txt){
	document.getElementById('fond').style.display = 'block';
	document.getElementById('popupinline').style.display = 'block';
	document.getElementById('txtpopup').innerHTML = txt;
}

function imgClic(idimg,source,maj){
	//alert(document.getElementById('depclicked').value);
	if(!isZoneClicked(idimg,'dep')){
		if(parseInt($('nbclic').value) < 4){
			$('nbclic').value = parseInt($('nbclic').value) + 1;
			addZoneClicked(idimg,'dep');
			
			document.getElementById('layer'+idimg).style.visibility = 'visible';
			
			source.onmouseover=function(){if(source.alt){montre(source.alt);}}
			source.onmouseout=function(){cache();}
			
			if(idimg == 92) {document.getElementById('d92clicked').value = liste92;afficheDepartement(liste92);}
			else if(idimg == 93) {document.getElementById('d93clicked').value = liste93;afficheDepartement(liste93);}
			else if(idimg == 94) {document.getElementById('d94clicked').value = liste94;afficheDepartement(liste94);}
		}else{
			//afficher alert
			document.getElementById('fond').style.display = 'block';
			document.getElementById('popupmap').style.display = 'block'; 
		}
	}else{
		document.getElementById('nbclic').value = parseInt(document.getElementById('nbclic').value) - 1;
		removeZoneClicked(idimg,'dep');
		
		document.getElementById('layer'+idimg).style.visibility = 'hidden';
		
		//source.onmouseover=function(idimg){source.onmouseout=function(idimg){imgHidden(idimg,source);}}
		source.onmouseout=function(){imgHidden(idimg,source);}
		
		if(idimg == 92) {document.getElementById('d92clicked').value = ''; masqueDepartement(liste92);}
		else if(idimg == 93) {document.getElementById('d93clicked').value = ''; masqueDepartement(liste93);}
		else if(idimg == 94) {document.getElementById('d94clicked').value = ''; masqueDepartement(liste94);}
	}
	
	// Mise à jour des offres
    if (maj) majOffres();
}

function imgFranceClic(idimg,source,maj){
	if(!isZoneClicked(idimg,'france')){
		addZoneClicked(idimg,'france');
		$('layer'+idimg).style.visibility = 'visible';
		source.onmouseover=function(){if(source.alt){montre(source.alt);}}
		source.onmouseout=function(){cache();}
	}else{
		removeZoneClicked(idimg,'france');
		$('layer'+idimg).style.visibility = 'hidden';
		source.onmouseout=function(){imgHidden(idimg,source);}
	}
	
	// Mise à jour des offres
    if (maj) majOffres();
}

function imgParisClic(idimg,source,maj){
	var ndep = String(idimg).substr(0,2);
	var mode = 'd'+ndep;
	if(!isZoneClicked(idimg,mode)){
		addZoneClicked(idimg,mode);
		document.getElementById('layer'+idimg).style.visibility = 'visible';
		source.onmouseover=function(){if(source.alt){montre(source.alt);}}
		source.onmouseout=function(){cache();}
	}else{
		removeZoneClicked(idimg,mode);
		document.getElementById('layer'+idimg).style.visibility = 'hidden';
		//source.onmouseover=function(){source.onmouseout=function(){imgHidden(idimg,source);}}
		source.onmouseout=function(){imgHidden(idimg,source);}
	}
	
	if(ndep == '92' || ndep == '93' || ndep == '94'){
		if(isZoneClicked(ndep,'dep')){
			document.getElementById('nbclic').value = parseInt(document.getElementById('nbclic').value) - 1;
			removeZoneClicked(ndep,'dep');
			document.getElementById('layer'+ndep).style.visibility = 'hidden';

			document.getElementById('dep'+ndep).onmouseover=function(){imgVisible(ndep,this);}
			document.getElementById('dep'+ndep).onmouseout=function(){imgHidden(ndep,this);}
		}
	}
	
	// Mise à jour des offres
    if (maj) majOffres();
}

function afficheParis(){
	if($('carte_Paris').visible()){
		$('carte_Paris').hide();
		$('map_idf').show();
		$('retourIDF').hide();
	}else{
	    if(parseInt($('nbclic').value) == 4) {
	        //afficher alert
			document.getElementById('fond').style.display = 'block';
			document.getElementById('popupmap').style.display = 'block';
	    }
	    else {
		    $('carte_Paris').show();
		    $('map_idf').hide();
		    $('retourIDF').show();
		}
	}
}

function verifCritere(){
	if(!clicSlider && ($('nbclic').value == '0' && $('d75clicked').value == '' && $('d92clicked').value == '' && $('d93clicked').value == '' && $('d94clicked').value == '' && $('franceclicked').value == '')){
		alertperso('SELECTIONNEZ<br />UNE TRANCHE DE SURFACE<br />ET UNE ZONE GEOGRAPHIQUE');
		return false;
	}else if(!clicSlider){
		alertperso('SELECTIONNEZ<br />UNE<br />TRANCHE DE SURFACE');
		return false;
	}else if($('localisationForm').value != "1") {
	    if($('nbclic').value == '0' && $('d75clicked').value == '' && $('d92clicked').value == '' && $('d93clicked').value == '' && $('d94clicked').value == ''){
		    alertperso('SELECTIONNEZ<br />UNE<br />ZONE GEOGRAPHIQUE');
		    return false;
		}}
		else {
		    if ($('franceclicked').value == "") {
		        alertperso('SELECTIONNEZ<br />UNE<br />ZONE GEOGRAPHIQUE');
		        return false;
		    } 
		}   
    if (!clicLocationVente())  {
        alertperso('SELECTIONNEZ<br />LES CRITERES DE RECHERCHE<br />A LOUER ET/OU A VENDRE');
	    return false;
    }   
	return true;
}

function clicLocationVente() {
    return ($('aLouer').checked || $('aVendre').checked)
}

function majLocationVente(maj) {
    if ($('aVendre').checked) {
        if ($('aLouer').checked)
            $('locationVente').innerHTML = "&agrave; louer, &agrave; vendre";
        else
            $('locationVente').innerHTML = "&agrave; vendre";  
    }
    else {
        if ($('aLouer').checked)
            $('locationVente').innerHTML = "&agrave; louer";
        else
            $('locationVente').innerHTML = "";
    }
    // Mise à jour des offres
    if (maj) majOffres();
}

function getOptions() {
    if ($('aVendre').checked) {
        if ($('aLouer').checked)
            return "1,2";
        else
            return "2";  
    }
    else {
        if ($('aLouer').checked)
            return "1";
        else
            return "";
    }
}

function getLocalisation() {
    return $('localisationForm').value;
}

function getType() {
    return $('typeForm').value;
}

function getZones()
{
    var zones = '';
    if ($('localisationForm').value == '0') {
        var deps = '';
        var dep92 = '';
        var dep93 = '';
        var dep94 = '';
        var dep75;
        deps = $('depclicked').value;
        zones = deps;
        dep92 = $('d92clicked').value;
        dep93 = $('d93clicked').value;
        dep94 = $('d94clicked').value;
        dep75 = $('d75clicked').value;
        if (deps != "")
        {
            if (deps.indexOf('92') < -1)
                if (dep92 != '')
                    zones += ',' + dep92;
            if (deps.indexOf('93') < -1)
                if (dep93 != '')
                    zones += ',' + dep93;
            if (deps.indexOf('94') < -1)
                if (dep94 != '')
                    zones += ',' + dep94;
            if (dep75 != '')
                zones += ',' + dep75;         
        }
        else
        {
            if (dep92 != '')
            {
                if (zones != '')
                    zones += ',';
                zones += dep92;
            }
            if (dep93 != '')
            {
                if (zones != '')
                    zones += ',';
                zones += dep93;
            }
            if (dep94 != '')
            {
                if (zones != '')
                    zones += ',';
                zones += dep94;
            }
            if (dep75 != '')
            {
                if (zones != '')
                    zones += ',';
                zones += dep75;
            }
        }
    }
    else {
        if ($('franceclicked').value != '') {
            var villesClicked = $('franceclicked').value.split(',');
            var taille = villesClicked.length;
            for (var i=0; i<taille; i++) {
                zones += eval('liste'+villesClicked[i]);
                if (i != (taille-1))
                    zones += ',';
            }
        }
    }
    return zones;
}


function cSlider() {
    new Effect.Opacity('etiquette', { from: 0, to: 1, duration: 0.7 });  
    if (slider.value == 0 && $('surf').innerHTML == "") {
        clicSlider = true; 
        majEtiquette(0);
    }
	$('imgetiquette').show();
}

function declicSlider() {
    new Effect.Opacity('etiquette', { from: 1, to: 0, duration: 0.7 });
    // Mise à jour des offres
    majOffres();
	$('imgetiquette').hide();
}

function getTranche() {
    var value = slider.value;
    // Pas de surface selectionnee
    if (value == 0 && $('surf').innerHTML == "")
        return -1;
    var tranche = 1;
    if ($('typeForm').value == "1") {
        if(value >= 10 && value < 20)
            tranche = 2;
        else if(value >= 20 && value < 30)
            tranche = 3;
        else if(value >= 30 && value < 40)
            tranche = 4;
        else if(value >= 40 && value < 50)
            tranche = 5;
        else if(value >= 50 && value < 60)
            tranche = 6;
        else if(value >= 60 && value < 70)
            tranche = 7;
        else if(value >= 70)
            tranche = 8;
    }
    else {
        if(value >= 10 && value < 20)
            tranche = 2;
        else if(value >= 20 && value < 30)
            tranche = 3;
        else if(value >= 30 && value < 40)
            tranche = 4;
        else if(value >= 40 && value < 50)
            tranche = 5;
        else if(value >= 50 && value < 60)
            tranche = 6;
        else if(value >= 60 && value < 70)
            tranche = 7;
        else if(value >= 70 && value < 80)
            tranche = 8;
        else if(value >= 80 && value < 90)
            tranche = 9;
        else if(value >= 90 && value < 100)
            tranche = 10;    
        else if(value >= 100 && value < 110)
            tranche = 11;
        else if(value >= 110)
            tranche = 12;
    }
    return(tranche);
}

function majEtiquette(value){
    var oldvalue = $('oldvalue').value;
    if ($('typeForm').value == "1") {
        if(value < 10 && oldvalue != "0-500"){
	        $('txtetiquette').innerHTML ="<nobr>0-500</nobr>";
	        $('oldvalue').value = "0-500";
	        $('surf').innerHTML = " entre <span class=\"orange\">0</span> et <span class=\"orange\">500</span> m&sup2;";
        }else if(value >= 10 && value < 20 && oldvalue != "300-1000"){
	        $('txtetiquette').innerHTML ="<nobr>300-1 000</nobr>";
	        $('oldvalue').value = "300-1000";
	        $('surf').innerHTML = " entre <span class=\"orange\">300</span> et <span class=\"orange\">1 000</span> m&sup2;";
        }else if(value >= 20 && value < 30 && oldvalue != "500-2000"){
	        $('txtetiquette').innerHTML ="<nobr>500-2 000</nobr>";
	        $('oldvalue').value = "500-2000";
	        $('surf').innerHTML = " entre <span class=\"orange\">500</span> et <span class=\"orange\">2 000</span> m&sup2;";
        }else if(value >= 30 && value < 40 && oldvalue != "1000-3000"){
	        $('txtetiquette').innerHTML ="<nobr>1 000-3 000</nobr>";
	        $('oldvalue').value = "1000-3000";
	        $('surf').innerHTML = " entre <span class=\"orange\">1 000</span> et <span class=\"orange\">3 000</span> m&sup2;";
        }else if(value >= 40 && value < 50 && oldvalue != "2000-5000"){
	        $('txtetiquette').innerHTML ="<nobr>2 000-5 000</nobr>";
	        $('oldvalue').value = "2000-5000";
	        $('surf').innerHTML = " entre <span class=\"orange\">2 000</span> et <span class=\"orange\">5 000</span> m&sup2;";
        }else if(value >= 50 && value < 60 && oldvalue != "3000-10000"){
	        $('txtetiquette').innerHTML ="<nobr>3 000-10 000</nobr>";
	        $('oldvalue').value = "3000-10000";
	        $('surf').innerHTML = " entre <span class=\"orange\">3 000</span> et <span class=\"orange\">10 000</span> m&sup2;";
        }else if(value >= 60 && value < 70 && oldvalue != "5000-15000"){
	        $('txtetiquette').innerHTML ="<nobr>5 000-15 000</nobr>";
	        $('oldvalue').value = "5000-15000";
	        $('surf').innerHTML = " entre <span class=\"orange\">5 000</span> et <span class=\"orange\">15 000</span> m&sup2;";
        }else if(value >= 70 && oldvalue != "10000-+"){
	        $('txtetiquette').innerHTML ="<nobr>10 000-+</nobr>";
	        $('oldvalue').value = "10000-+";
	        $('surf').innerHTML = " entre <span class=\"orange\">10 000</span> m&sup2; et <span class=\"orange\">plus</span>";
        }
    }
    else {
        if(value < 10 && oldvalue != "0-200"){
	        $('txtetiquette').innerHTML ="<nobr>0-200</nobr>";
	        $('oldvalue').value = "0-200";
	        $('surf').innerHTML = " entre <span class=\"orange\">0</span> et <span class=\"orange\">200</span> m&sup2;";
        }else if(value >= 10 && value < 20 && oldvalue != "100-300"){
	        $('txtetiquette').innerHTML ="<nobr>100-300</nobr>";
	        $('oldvalue').value = "100-300";
	        $('surf').innerHTML = " entre <span class=\"orange\">100</span> et <span class=\"orange\">300</span> m&sup2;";
	        tranche = 2;
        }else if(value >= 20 && value < 30 && oldvalue != "200-500"){
	        $('txtetiquette').innerHTML ="<nobr>200-500</nobr>";
	        $('oldvalue').value = "200-500";
	        $('surf').innerHTML = " entre <span class=\"orange\">200</span> et <span class=\"orange\">500</span> m&sup2;";
	        tranche = 3;
        }else if(value >= 30 && value < 40 && oldvalue != "300-800"){
	        $('txtetiquette').innerHTML ="<nobr>300-800</nobr>";
	        $('oldvalue').value = "300-800";
	        $('surf').innerHTML = " entre <span class=\"orange\">300</span> et <span class=\"orange\">800</span> m&sup2;";
	        tranche = 4;
        }else if(value >= 40 && value < 50 && oldvalue != "500-1000"){
	        $('txtetiquette').innerHTML ="<nobr>500-1 000</nobr>";
	        $('oldvalue').value = "500-1000";
	        $('surf').innerHTML = " entre <span class=\"orange\">500</span> et <span class=\"orange\">1 000</span> m&sup2;";
	        tranche = 5;
        }else if(value >= 50 && value < 60 && oldvalue != "800-1500"){
	        $('txtetiquette').innerHTML ="<nobr>800-1 500</nobr>";
	        $('oldvalue').value = "800-1500";
	        $('surf').innerHTML = " entre <span class=\"orange\">800</span> et <span class=\"orange\">1 500</span> m&sup2;";
	        tranche = 6;
        }else if(value >= 60 && value < 70 && oldvalue != "1000-2000"){
	        $('txtetiquette').innerHTML ="<nobr>1 000-2 000</nobr>";
	        $('oldvalue').value = "1000-2000";
	        $('surf').innerHTML = " entre <span class=\"orange\">1 000</span> et <span class=\"orange\">2 000</span> m&sup2;";
	        tranche = 7;
        }else if(value >= 70 && value < 80 && oldvalue != "1500-3000"){
	        $('txtetiquette').innerHTML ="<nobr>1 500-3 000</nobr>";
	        $('oldvalue').value = "1500-3000";
	        $('surf').innerHTML = " entre <span class=\"orange\">1 500</span> et <span class=\"orange\">3 000</span> m&sup2;";
	        tranche = 8;
	    }else if(value >= 80 && value < 90 && oldvalue != "2000-5000"){
	        $('txtetiquette').innerHTML ="<nobr>2 000-5 000</nobr>";
	        $('oldvalue').value = "2000-5000";
	        $('surf').innerHTML = " entre <span class=\"orange\">2 000</span> et <span class=\"orange\">5 000</span> m&sup2;";
	        tranche = 9;
	    }else if(value >= 90 && value < 100 && oldvalue != "3000-7000"){
	        $('txtetiquette').innerHTML ="<nobr>3 000-7 000</nobr>";
	        $('oldvalue').value = "3000-7000";
	        $('surf').innerHTML = " entre <span class=\"orange\">3 000</span> et <span class=\"orange\">7 000</span> m&sup2;";
	        tranche = 10;
	    }else if(value >= 100 && value < 110 && oldvalue != "5000-10000"){
	        $('txtetiquette').innerHTML ="<nobr>5 000-10 000</nobr>";
	        $('oldvalue').value = "5000-10000";
	        $('surf').innerHTML = " entre <span class=\"orange\">5 000</span> et <span class=\"orange\">10 000</span> m&sup2;";
	        tranche = 11;    
        }else if(value >= 110 && oldvalue != "7000-+"){
	        $('txtetiquette').innerHTML ="<nobr>7 000-+</nobr>";
	        $('oldvalue').value = "7000-+";
	        $('surf').innerHTML = " entre <span class=\"orange\">7 000</span> m&sup2; et <span class=\"orange\">plus</span>";
	        tranche = 12;
	    }
    }
}

function createSlider() {
    var zoom_slider = $('zoom_slider');
    if ($('typeForm').value == "1") {
        slider = new Control.Slider(zoom_slider.down('.handle'), zoom_slider, {
          range: $R(0, 80),
          alignX: 1,
          sliderValue: [0,79],
          onSlide: function(value) {
            majEtiquette(value);
          },
          onChange: function(value) { 
            majEtiquette(value);
          }
        });
    }
    else {
        slider = new Control.Slider(zoom_slider.down('.handle'), zoom_slider, {
          range: $R(0, 120),
          alignX: 1,
          sliderValue: [0,119],
          onSlide: function(value) {
            majEtiquette(value);
          },
          onChange: function(value) { 
            majEtiquette(value);
          }
        });
    }      
}