// JavaScript Document
//déclaration des variables
var map = null;
var geocoder = null;
var etbl = null;
var etbl1 = null;
var good = "true";

//window.onload = onloade;

function onloade()
{
	if(document.getElementById('map'))
	{
		if (GBrowserIsCompatible())
		{
			//Si le navigateur est compatible
			map = new GMap2(document.getElementById("map"));//création de l'objet map
			map.addControl(new GSmallMapControl());//ajout des controles de zoom et déplacement au format mini
			map.setCenter(new GLatLng(48.4711, -71.496277), 9);
			geocoder = new GClientGeocoder();
			ajaxSortAdress();
		}
	}
	
	if(document.getElementById('map2'))
	{
		if (GBrowserIsCompatible())
		{
			//Si le navigateur est compatible
			map = new GMap2(document.getElementById("map2"));//création de l'objet map
			map.addControl(new GSmallMapControl());//ajout des controles de zoom et déplacement au format mini
			geocoder = new GClientGeocoder();
			createMarkerAlone();
		}
	}
  
  
	if(document.getElementById('sia'))
	{
		id=document.getElementById('sia');
		id.value='Num\351ro de fiche MLS';
	}
	
	if(document.getElementById('blockVedetteCtn1'))
		setTimeout("proprieteVedetteHide(1)", 5000);
		
	
	if(document.getElementById('cols1').offsetHeight > document.getElementById('cols2').offsetHeight)
	{
		document.getElementById('blockCarteSearch').style.height = (document.getElementById('cols1').offsetHeight-26)+'px';
	}
}

function onloade2()
{
	if(document.getElementById('map'))
	{
		if (GBrowserIsCompatible())
		{
			//Si le navigateur est compatible
			mapBig = new GMap2(document.getElementById("map"));//création de l'objet map
			mapBig.addControl(new GSmallMapControl());//ajout des controles de zoom et déplacement au format mini
			mapBig.setCenter(new GLatLng(48.4711, -71.496277), 9);
			geocoder = new GClientGeocoder();
			ajaxSortAdress('mapBig');
		}
	}
}

function changeRecherche(id)
{
	var theId = document.getElementById('cat').value;
	
	switch(theId)
	{
		case "R":
			document.getElementById(id).innerHTML = '<div id="choicePropriete">' +
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_0" id="prop_0" value="selectAll" onClick="gereCheckbox()"><label for="prop_0" class="bold">S&eacute;lectionner tout</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_1" id="prop_1" value="AP"><label for="prop_1">Appartement</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_2" id="prop_2" value="CH"><label for="prop_2">Chalet</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_3" id="prop_3" value="F"><label for="prop_3">Fermette</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_4" id="prop_4" value="LS"><label for="prop_4">Loft/studio</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_5" id="prop_5" value="ME"><label for="prop_5">Maison &agrave; &eacute;tages</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_6" id="prop_6" value="MPM"><label for="prop_6">Maison &agrave; paliers multiples</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_7" id="prop_7" value="MEM"><label for="prop_7">Maison 1 1/2 &eacute;tage</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_8" id="prop_8" value="MM"><label for="prop_8">Maison mobile</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_9" id="prop_9" value="PP"><label for="prop_9">Maison de plein pied</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				'<div class="clear"></div>' +
			'</div>';
		break;
		
		
		case "C,I":
			document.getElementById(id).innerHTML = '<div id="choicePropriete">' +
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_0" id="prop_0" value="selectAll" onClick="gereCheckbox()"><label for="prop_0" class="bold">S&eacute;lectionner tout</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_1" id="prop_1" value="BVE"><label for="prop_1">B&acirc;tisse et vente d\'entreprise</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_2" id="prop_2" value="LEC"><label for="prop_2">Location d\'espce commercial/Bureau</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_3" id="prop_3" value="VEN"><label for="prop_3">Vente d\'entreprise</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_4" id="prop_4" value="BTC"><label for="prop_4">B&acirc;tisse et terain commerciaux</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_5" id="prop_5" value="CC"><label for="prop_5">Condo commercial</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_6" id="prop_6" value="BCB"><label for="prop_6">B&acirc;tisse commerciale/Bureau</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_7" id="prop_7" value="BAI"><label for="prop_7">B&acirc;tisse industrielle</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_8" id="prop_8" value="BTI"><label for="prop_8">B&acirc;tisse et terrain industrielz</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_9" id="prop_9" value="CI"><label for="prop_9">Condo industriel</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_10" id="prop10" value="LEI"><label for="prop_10">Location d\'espace industriel</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				'<div class="clear"></div>' +
			'</div>';
		break;
		
		
		case "F":
			document.getElementById(id).innerHTML = '<div id="choicePropriete">' +
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_0" id="prop_0" value="selectAll" onClick="gereCheckbox()"><label for="prop_0" class="bold">S&eacute;lectionner tout</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_1" id="prop_1" value="ME"><label for="prop_1">Maison &agrave; &eacute;tages</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_2" id="prop_2" value="MEM"><label for="prop_2">Maison 1 1/2 &eacute;tage</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_3" id="prop_3" value="MM"><label for="prop_3">Maison mobile</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_4" id="prop_4" value="MPM"><label for="prop_4">Maison &agrave; paliers multiples</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_5" id="prop_5" value="PP"><label for="prop_5">Maison de plein pied</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_6" id="prop_6" value="PR"><label for="prop_6">Pas de r&eacute;sidence</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				'<div class="clear"></div>' +
			'</div>';
		break;
		
		
		case "P,M":
			document.getElementById(id).innerHTML = '<div id="choicePropriete">' +
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_0" id="prop_0" value="selectAll" onClick="gereCheckbox()"><label for="prop_0" class="bold">S&eacute;lectionner tout</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_1" id="prop_1" value="2X"><label for="prop_1">Duplex</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_2" id="prop_2" value="3X"><label for="prop_2">Triplex</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_3" id="prop_3" value="4X"><label for="prop_3">Quadruplex</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_4" id="prop_4" value="5X"><label for="prop_4">Quintuplex</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				'<div class="clear"></div>' +
			'</div>';
		break;
		
		
		case "T":
			document.getElementById(id).innerHTML = '<div id="choicePropriete">' +
				'<div class="colsLeft" style="width:189px;">' +
					'<input type="checkbox" name="prop_0" id="prop_0" value="selectAll" onClick="gereCheckbox()"><label for="prop_0" class="bold">S&eacute;lectionner tout</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_1" id="prop_1" value="TV"><label for="prop_1">Terrain vacant</label><div class="clear" style="height:5px;"></div>' +
					
					'<input type="checkbox" name="prop_2" id="prop_2" value="TB"><label for="prop_2">Terre &agrave; bois</label><div class="clear" style="height:5px;"></div>' +
				'</div>' +
				
				'<div class="clear"></div>' +
			'</div>';
		break;
	}
}

function gereCheckbox2()
{
	if(document.getElementById('ville_0').checked==true)
	{
		var what=true;
	}
	else
	{
		var what=false;
	}
	
	for(i=0;i<document.recherche.length;i++)
	{
		if(document.recherche.elements[i].type=="checkbox" && document.recherche.elements[i].name=="ville_"+i)
		{
			document.recherche.elements[i].checked=what;
		}
	}
}

function gereCheckbox()
{
	if(document.getElementById('prop_0').checked==true)
	{
		var what=true;
	}
	else
	{
		var what=false;
	}
	
	for(i=0;i<document.recherche.length;i++)
	{
		if(document.recherche.elements[i].name=="prop_0")
			var z=0;
		
		if(document.recherche.elements[i].type=="checkbox" && document.recherche.elements[i].name=="prop_"+z)
		{
			document.recherche.elements[i].checked=what;
			z++;
		}
	}
}

function calculPret()
{
	
	var PR = document.getElementById('montant').value;
	
	while (PR.search(" ") != -1) 
    	PR = PR.replace(" ","");
		
		
	var IN = document.getElementById('interet').value;
	
	while (IN.search(" ") != -1) 
    	IN = IN.replace(" ","");
	
	IN=IN/100/12;
	
	
	var PE = document.getElementById('annee').value;
	
	while (PE.search(" ") != -1) 
    	PE = PE.replace(" ","");
	
	PE=PE*12;
	
	
	if(PR == '')
	{
		alert("Vous devez remplir les 3 champs demand\351s");
		return;
	}
	else
	{
		var PAY = (PR * IN) / (1 - Math.pow(1 + IN, -PE));
		document.getElementById('mensuel').value = PAY.toFixed(2);
	}
}

function inputSearchFocus(id)
{
	if(id.value=='')
		id.value='Num\351ro de fiche MLS';
	else
	{
		if(id.value=='Num\351ro de fiche MLS')
			id.value='';
	}
}

function proprieteVedetteHide(x)
{
	Effect.Fade('blockVedetteCtn'+x, { duration: 1.0, from: 1, to: 0 });
	if(x<5)
	{
		y=x+1;
		setTimeout("proprieteVedetteHide(y)", 500);
	}
	else
	{
		setTimeout("proprieteVedetteChange()", 1000);
	}
}

function proprieteVedetteShow(x)
{
	Effect.Appear('blockVedetteCtn'+x);
	if(x<5)
	{
		y=x+1;
		setTimeout("proprieteVedetteShow(y)", 500);
	}
	else
	{
		setTimeout("proprieteVedetteHide(1)", 5000);
	}
}


function recupereArray(tableau,tableau2)
{
	etbl = tableau;
	etbl1 = tableau2;
	map.clearOverlays();
	$('overlayMap').style.display = 'block';
	new Effect.Opacity('overlayMap', { from: 0, to: 0.7, duration: 0.5 });
	document.getElementById('loadingMap').style.display = "block";
	createMarkersEtbl(1);
}

function recupereArray2(tableau,tableau2)
{
	etbl = tableau;
	etbl1 = tableau2;
	mapBig.clearOverlays();
	createMarkersEtbl2(1);
}

function fermeEffetMap()
{
	$('overlayMap').style.display = 'none';
}

//la fonction createMarkersEtbl fonctionne semsiblement de la même manière que la fonction createMarkerPays a l'exception de mgr.refresh à la fin
function createMarkersEtbl(i) {
	geocoder.getLatLng(etbl1[i][0],function(point) {
		if (point)
		{
			good = "true";
			var baseIcon      = new GIcon(G_DEFAULT_ICON);
				
			baseIcon.image      = "icon-home.png";
				
			baseIcon.iconSize   = new GSize(20, 19);
			baseIcon.iconAnchor = new GPoint(10,10);
			baseIcon.shadow     = "";
			var markerOptions = { icon:baseIcon };
			var marker=new GMarker(point, markerOptions);
			
			var infoTabs = [
				new GInfoWindowTab("Informations", etbl[i][0])
			];
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowTabsHtml(infoTabs);
			});
			
			map.addOverlay(marker);
		}
		else
		{
			withAdress(etbl[i][1],"non",i);
		}
	});
	
	z=i+1;
	
	if (z<etbl.length) {
		setTimeout("createMarkersEtbl("+z+")",300);
	}
	else {
		document.getElementById('loadingMap').style.display = "none";
		new Effect.Opacity('overlayMap', { from: 0.7, to: 0, duration: 0.5 });
		setTimeout("fermeEffetMap()",500);
	}
}

function createMarkersEtbl2(i) {
	geocoder.getLatLng(etbl1[i][0],function(point) {
		if (point)
		{
			good = "true";
			var baseIcon      = new GIcon(G_DEFAULT_ICON);
				
			baseIcon.image      = "icon-home.png";
				
			baseIcon.iconSize   = new GSize(20, 19);
			baseIcon.iconAnchor = new GPoint(10,10);
			baseIcon.shadow     = "";
			var markerOptions = { icon:baseIcon };
			var marker=new GMarker(point, markerOptions);
			
			var infoTabs = [
				new GInfoWindowTab("Informations", etbl[i][0])
			];
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowTabsHtml(infoTabs);
			});
			
			mapBig.addOverlay(marker);
		}
		else
		{
			withAdress2(etbl[i][1],"non",i);
		}
	});
	
	z=i+1;
	
	if (z<etbl.length) {
		setTimeout("createMarkersEtbl2("+z+")",400);
	}
}

function withAdress(adress,aff,i)
{
	geocoder.getLatLng(adress,function(point) {
		if (point)
		{
			if(aff=="oui")
			{
				map.setCenter(point, 9);
			}
			
			
			var baseIcon      = new GIcon(G_DEFAULT_ICON);
			
			baseIcon.image      = "icon-home.png";
				
			baseIcon.iconSize   = new GSize(20, 19);
			baseIcon.iconAnchor = new GPoint(10,10);
			baseIcon.shadow     = "";
			var markerOptions = { icon:baseIcon };
			var marker=new GMarker(point, markerOptions);
			
			var infoTabs = [
				new GInfoWindowTab("Informations", etbl[i][0])
			];
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowTabsHtml(infoTabs);
			});
			
			map.addOverlay(marker);
		}
		else
		{
			map.setCenter(new GLatLng(48.4711, -71.496277), 9);
		}
	});
}

function withAdress2(adress,aff,i)
{
	geocoder.getLatLng(adress,function(point) {
		if (point)
		{
			if(aff=="oui")
			{
				mapBig.setCenter(point, 9);
			}
			
			
			var baseIcon      = new GIcon(G_DEFAULT_ICON);
			
			baseIcon.image      = "icon-home.png";
				
			baseIcon.iconSize   = new GSize(20, 19);
			baseIcon.iconAnchor = new GPoint(10,10);
			baseIcon.shadow     = "";
			var markerOptions = { icon:baseIcon };
			var marker=new GMarker(point, markerOptions);
			
			var infoTabs = [
				new GInfoWindowTab("Informations", etbl[i][0])
			];
			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowTabsHtml(infoTabs);
			});
			
			mapBig.addOverlay(marker);
		}
		else
		{
			mapBig.setCenter(new GLatLng(48.4711, -71.496277), 9);
		}
	});
}