// 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)

		{
			if(point == "(45.516735, -73.332545)")
			{
				point= new GLatLng(48.4753681, -71.6478109);
			}
					
			if(point == "(45.5167957, -73.332562)")
			{
				point= new GLatLng(48.4753681, -71.6478109);
			}
			
			
			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)

		{
			if(point == "(45.516735, -73.332545)")
			{
				point= new GLatLng(48.4753681, -71.6478109);
			}
					
			if(point == "(45.5167957, -73.332562)")
			{
				point= new GLatLng(48.4753681, -71.6478109);
			}
			

			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);

		}

	});

}