echelle = 10000;
var prixSlider;

window.addEvent('domready', function(){
	initSliders();
	initSelectSecteur();
	initSelectSurface();
	initBacLoc();
});

function BAC() {
//$('hautMoteur').style.background='url(../images/bgd_searchWrapBAC.png)';
$('hautMoteur').style.backgroundPosition='0px 0px';
$('etat').value = "Bac";
echelle = 10000;
initSliderPrix();
initSelectPrix();
}

function LOC() {
//$('hautMoteur').style.background='url(../images/bgd_searchWrapLOC.png)';
$('hautMoteur').style.backgroundPosition='-590px 0px';
$('etat').value = "Loc";
echelle = 50;
initSliderPrix();
initSelectPrix();
}

function initBacLoc() {
	if ($('etat')!=null)
	{
		if ($('etat').value == "Loc")
			LOC();
		else
			BAC();
	}
}

function initSelectSecteur() {
	if($('select-secteur'))
	{
		if ($('secteur')==null)
			$('secteur').value=0;
		var inner = '';
		for(var i=0;i<=100;i++)
		{
			inner += '<option value="'+i+'" ';
			if ($('secteur').value == i)
				inner += 'selected="selected"';
			inner += '>'+i+' km</option>';
		}
		$('select-secteur').innerHTML=inner;
		$('select-secteur').addEvent('change',function(ev){$('secteur').value = $('select-secteur').options[$('select-secteur').selectedIndex].value;});
	}
}

function initSelectSurface() {
	if($('surfaceMobile'))
	{
		if ($('surface-min')==null)
			$('surface-min').value=0;
		if ($('surface-max')==null)
			$('surface-max').value=300;
		var innerMin = '';
		var innerMax = '';
		var echelleSurface = 10;
		for(var i=0;i<=300;i=i+echelleSurface)
		{
			innerMin += '<option value="'+i+'" ';
			innerMax += '<option value="'+(i+echelleSurface)+'" ';
			if ($('surface-min').value == i)
				innerMin += 'selected="selected"';
			if ($('surface-max').value == (i+echelleSurface))
				innerMax += 'selected="selected"';
			innerMin += '>'+i+' mē</option>';
			if(i==300)
				innerMax += '>'+(i+echelleSurface)+' mē et +</option>';
			else
				innerMax += '>'+(i+echelleSurface)+' mē</option>';
		}
		$('select-surface-min').innerHTML=innerMin;
		$('select-surface-max').innerHTML=innerMax;
		
		$('select-surface-min').addEvent('change',function(ev){
			$('surface-min').value = $('select-surface-min').options[$('select-surface-min').selectedIndex].value;
			if(parseInt($('surface-min').value) >= parseInt($('surface-max').value))
			{
				$('select-surface-max').selectedIndex = $('select-surface-min').selectedIndex;
				$('surface-max').value = $('select-surface-max').options[$('select-surface-max').selectedIndex].value;
			}
			handleSurfaceChangeEvent(ev);
		});
		
		$('select-surface-max').addEvent('change',function(ev){
			$('surface-max').value = $('select-surface-max').options[$('select-surface-max').selectedIndex].value;
			if(parseInt($('surface-max').value) <= parseInt($('surface-min').value))
			{
				$('select-surface-min').selectedIndex = $('select-surface-max').selectedIndex;
				$('surface-min').value = $('select-surface-min').options[$('select-surface-min').selectedIndex].value;
			}
			handleSurfaceChangeEvent(ev);
		});
		handleSurfaceChangeEvent();
	}
}

function initSelectPrix() {
	if($('prixMobile'))
	{
		if ($('prix-min')==null)
			$('prix-min').value=0;
		if ($('prix-max')==null)
			$('prix-max').value=echelle*100;
		if (($('prix-max').value >= 5000 && $('etat').value == "Loc") || ($('prix-max').value <= 5000 && $('etat').value == "Bac"))
		{
			$('prix-max').value=echelle*100;
			$('prix-min').value=0;
		}	
		var innerMin = '';
		var innerMax = '';
		for(var i=0;i<=99*echelle;i=i+echelle)
		{
			innerMin += '<option value="'+i+'" ';
			innerMax += '<option value="'+(i+echelle)+'" ';
			if ($('prix-min').value == i)
				innerMin += 'selected="selected"';
			if ($('prix-max').value == (i+echelle))
				innerMax += 'selected="selected"';
			innerMin += '>'+i+' &euro;</option>';
			if(i==99*echelle)
				innerMax += '>'+(i+echelle)+' &euro; et +</option>';
			else
				innerMax += '>'+(i+echelle)+' &euro;</option>';
				
		}
		$('select-prix-min').innerHTML=innerMin;
		$('select-prix-max').innerHTML=innerMax;
		
		$('select-prix-min').addEvent('change',function(ev){
			$('prix-min').value = $('select-prix-min').options[$('select-prix-min').selectedIndex].value;
			if(parseInt($('prix-min').value) >= parseInt($('prix-max').value))
			{
				$('select-prix-max').selectedIndex = $('select-prix-min').selectedIndex;
				$('prix-max').value = $('select-prix-max').options[$('select-prix-max').selectedIndex].value;
			}
			handleBudgetChangeEvent(ev);
		});
		
		$('select-prix-max').addEvent('change',function(ev){
			$('prix-max').value = $('select-prix-max').options[$('select-prix-max').selectedIndex].value;
			if(parseInt($('prix-max').value) <= parseInt($('prix-min').value))
			{
				$('select-prix-min').selectedIndex = $('select-prix-max').selectedIndex;
				$('prix-min').value = $('select-prix-min').options[$('select-prix-min').selectedIndex].value;
			}
			handleBudgetChangeEvent(ev);
		});
		handleBudgetChangeEvent();
	}
}

function initSliderPrix() {
	if($('prix-selector')){
		if ($('prix-min')==null)
			$('prix-min').value=0;
		if ($('prix-max')==null)
			$('prix-max').value=echelle*100;
		if (($('prix-max').value >= 5000 && $('etat').value == "Loc") || ($('prix-max').value <= 5000 && $('etat').value == "Bac"))
		{
			$('prix-max').value=echelle*100;
			$('init-prix-max').value=echelle*100;
			$('prix-min').value=0;
		}
		if (prixSlider == null)
		{
			prixSlider = new Slider($('prix-selector'), $$('#prix-selector .knob').shift(), $('slider_bkg_img'), 
				{
				    start : 0,
				    end : 100,
				    snap : true,
		//		    knobheight: 27,
		//			knobwidth: 26,
				    onChange: function(werte)
				    {
				      $('prix-min').value = werte.minpos * echelle;
				      $('label-prix-min').set('html', '<div>' + ( werte.minpos * echelle ) + ' &euro;</div>').fade('in');
				      $('prix-max').value = werte.maxpos * echelle;
				      var plus = '';
				      if ((werte.maxpos) == 100) {
				    	  plus = 'et +';
				      }
				      $('label-prix-max').set('html', '<div>' + ( werte.maxpos * echelle ) + ' &euro; ' + plus + '</div>').fade('in');			      
				      handleBudgetChangeEvent(werte);
					}
				},
			$$('#prix-selector .knob-right').shift()).setMin(parseInt($('prix-min').get('value')) / echelle).setMax(parseInt($('init-prix-max').get('value')) / echelle);
		}
		else
			prixSlider.setMin(parseInt($('prix-min').get('value')) / echelle).setMax(parseInt($('init-prix-max').get('value')) / echelle);
	}
}

function initSliders() {
	if($('prix-selector')){
		if ($('prix-min')==null)
			$('prix-min').value=0;
		if ($('prix-max')==null)
			$('prix-max').value=echelle*100;
		if (($('prix-max').value >= 5000 && $('etat').value == "Loc") || ($('prix-max').value <= 5000 && $('etat').value == "Bac"))
		{
			$('prix-max').value=echelle*100;
			$('init-prix-max').value=echelle*100;
			$('prix-min').value=0;
		}

			
		$('label-prix-min').setStyle('opacity', '0');
		$('label-prix-max').setStyle('opacity', '0');
		
		prixSlider = new Slider($('prix-selector'), $$('#prix-selector .knob').shift(), $('slider_bkg_img'), 
			{
			    start : 0,
			    end : 100,
			    snap : true,
	//		    knobheight: 27,
	//			knobwidth: 26,
			    onChange: function(werte)
			    {
			      $('prix-min').value = werte.minpos * echelle;
			      $('label-prix-min').set('html', '<div>' + ( werte.minpos * echelle ) + ' &euro;</div>').fade('in');
			      $('prix-max').value = werte.maxpos * echelle;
			      var plus = '';
			      if ((werte.maxpos) == 100) {
			    	  plus = 'et +';
			      }
			      $('label-prix-max').set('html', '<div>' + ( werte.maxpos * echelle ) + ' &euro; ' + plus + '</div>').fade('in');			      
			      handleBudgetChangeEvent(werte);
				}
			},
		$$('#prix-selector .knob-right').shift()).setMin(parseInt($('prix-min').get('value')) / echelle).setMax(parseInt($('init-prix-max').get('value')) / echelle);
	}
	
	if($('surface-selector')){
		$('label-surface-min').setStyle('opacity', '0');
		$('label-surface-max').setStyle('opacity', '0');
		
		var surfaceSlider = new Slider($('surface-selector'), $$('#surface-selector .knob').shift(), $('slider_bkg_img'), {
			range : [0,30],
			start : 0,
			end : 30,
			snap : true,
			numsteps : 30,
			knobheight: 27,
			knobwidth: 26,
			onChange: function(werte)
		    {
				var plus = '';
			    if ((werte.maxpos) == 30) {
			      plus = 'et +';
			    }
		    	$('surface-min').value = (werte.minpos * 10);
		    	$('label-surface-min').set('html', '<div>' + (werte.minpos * 10) + ' m&sup2;</div>').fade('in');
		    	$('surface-max').value = (werte.maxpos * 10);
		    	$('label-surface-max').set('html', '<div>' + (werte.maxpos * 10) + ' m&sup2; ' + plus + '</div>').fade('in');
		    	handleSurfaceChangeEvent(werte);
		    }
		}, $$('#surface-selector .knob-right').shift()).setMin(parseInt($('surface-min').get('value')) / 10).setMax(parseInt($('init-surface-max').get('value')) / 10);
	}
	
	if($('surface-selector2')){
		$('label-surface-min').setStyle('opacity', '0');
		
		var surfaceSlider = new Slider($('surface-selector2'), $$('#surface-selector2 .knob').shift(), $('slider_bkg_img'), {
			range: [0, 30],
			start : 0,
			end : 30,
			onChange: function(werte)
			{
				$('varsurface').value = werte*10;
				var plus = '';
			    if ((werte) == 30) {
			      plus = ' et +';
			    }
				
				if(!$('surface-selector2').retrieve('first')){
					$('label-surface-min').set('html', '<div>' + (werte*10) + plus + '</div>').fade('in');
					$('surface-selector2').store('first', true);
				}
				$('label-surface-min').set('html', '<div>' + werte*10 + plus + '</div>');
				
				$('span-surface-min').set('html', ''+$('varsurface').value+' mē '+plus);
				$('span-surface').morph(
					{
						'display' : 'inline', 
						'duration' : 'long'
					}
				);
			}
		});
	}
	
	if($('prix-selector2')){
		$('label-prix-min').setStyle('opacity', '0');
		$('label-prix-max').setStyle('opacity', '0');
		
		var prixSlider = new Slider($('prix-selector2'), $$('#prix-selector2 .knob').shift(), $('slider_bkg_img'), {
			range: [0, 100],
			start : 0,
			end : 100,
			onChange: function(werte)
			{
				$('varprix').value = werte*10000;
				var plus = '';
			    if ((werte) == 100) {
			      plus = ' et +';
			    }
				
				if(!$('prix-selector2').retrieve('first')){
					$('label-prix-min').set('html', '<div>' + (werte*10000) + plus + '</div>').fade('in');
					$('prix-selector2').store('first', true);
				}
				$('label-prix-min').set('html', '<div>' + werte*10000 + plus + '</div>');
				
				$('span-budget-min').set('html',''+$('varprix').value +' &euro; '+ plus);
				$('span-budget').morph(
					{
						'display' : 'inline', 
						'duration' : 'long'
					}
				);
			}
		});
	}
	
	if($('secteur-selector')){
		$('label-secteur-min').setStyle('opacity', '0');
		
		var secteurSlider = new Slider($('secteur-selector'), $$('#secteur-selector .knob').shift(), $('slider_bkg_img'), {
			range: [0, 10],
			onChange: function(werte)
			{
				if(!$('secteur-selector').retrieve('first')){
					$('label-secteur-min').set('html', '<div>' + werte.knob_left + '</div>').fade('in');
					$('secteur-selector').store('first', true);
				}
		      $('label-secteur-min').set('html', '<div>' + werte + '</div>');
		      $('secteur').set('value', werte);
			}
		});
	}
}

function nbAcheteurs()
{
/*var pl = new SOAPClientParameters();
SOAPClient.invoke(url, "HelloWorld", pl, true, HelloWorld_callBack);*/

alert($('vartype').value );
alert($('varprix').value );
alert($('varsurface').value );
alert($('varchambres').value );
alert($('ville2').value );
}

function HelloWorld_callBack(r)
{
alert(r);
}

function modifChambres()
{
	for (var i=0; i<7; i++)
		if (document.getElementsByName('chambrenb')[i].checked)
			$('varchambres').value = i;
	
	if($('varchambres').value==0)
		$('span-chambres').set('html', 'sans chambre');
	else if($('varchambres').value==1)
		$('span-chambres').set('html', 'avec '+ $('varchambres').value + ' chambre');
	else if($('varchambres').value==6)
		$('span-chambres').set('html', 'avec plus de '+ $('varchambres').value + ' chambres');
	else
		$('span-chambres').set('html', 'avec '+ $('varchambres').value + ' chambres');
	$('span-chambres').morph(
		{
			'display' : 'inline', 
			'duration' : 'long'
		}
	);
}

function modifType()
{
	$('span-types').set('html','un(e) '+document.getElementById('vartype').options[document.getElementById('vartype').selectedIndex].innerHTML);	
}

function handleBudgetChangeEvent(ev)
{
	$('span-budget').morph(
		{
			'display' : 'inline', 
			'duration' : 'long'
		}
	);
	$('span-budget-min').set('html', $('prix-min').get('value') + '&euro;');
	$('span-budget-max').set('html', $('prix-max').get('value') + '&euro;');
}

function handleSurfaceChangeEvent(ev)
{
	$('span-surface').morph(
		{
			'display' : 'inline', 
			'duration' : 'long'
		}
	);
	$('span-surface-min').set('html', $('surface-min').get('value'));
	$('span-surface-max').set('html', $('surface-max').get('value'));

}