// JavaScript Document

  
function ouvrePopup(page,largeur, hauteur, scroll)
{
  var haut=(screen.height/2)-(hauteur/2);
	var gauche=(screen.width/2)-(largeur/2);
  
  window.open (page, '', config='height='+hauteur+', width='+largeur+',top='+haut+', left='+gauche+', toolbar=no, menubar=no, scrollbars='+scroll+', resizable='+scroll+', location=no, directories=no, status=no')

}


function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
  for(var i=0; i<document.images.length; i++)
    {
  var img = document.images[i]
  var imgName = img.src.toUpperCase()
  if (imgName.substring(imgName.length-3, imgName.length) == "PNG" )
    {
  var imgID = (img.id) ? "id='" + img.id + "' " : ""
  var imgClass = (img.className) ? "class='" + img.className + "' " : ""
  var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
  var imgStyle = "display:inline-block;" + img.style.cssText  
  if (img.align == "left" ) imgStyle = "float:left;" + imgStyle
  if (img.align == "right" ) imgStyle = "float:right;" + imgStyle
  if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle  
  var strNewHTML = "<span " + imgID + imgClass + imgTitle
  + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
    + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
  + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"  
  img.outerHTML = strNewHTML
  i = i-1
    }
    }
}
//window.attachEvent("onload", correctPNG); 

function GenererTableauLot(nb)
{ 
  tableau  = "";
  if(nb > 0 && nb != '')
  {
    tableau  = "<table summary='Nombre de lots' id='tab_nblot'>";
    tableau += "<thead><tr>";
    tableau += "<th>Lot n°</th><th>Superficie</th><th>Dont dépendance</th><th>Nb. pièces</th>";
    tableau += "</tr></thead><tbody>";
    
    for(i=1; i<=nb; i++)
    {
      tableau += "<tr class='ligne1'>";
      tableau += "<td>"+i+"</td>";
      tableau += "<td><input type='text' name='superfice_"+i+"' /></td>";
      tableau += "<td><input type='text' name='dependance_"+i+"' /></td>";
      tableau += "<td><input type='text' name='nbpiece_"+i+"' /></td>";
      tableau += "</tr>";
    }
    
    tableau += "</tbody></table>";
    
    /*tableau += "</tbody><tfoot><tr>";
    tableau += "<th>Total</th><th>-</th><th>-</th><th>-</th>";
    tableau += "</tr></tfoot></table>";*/
  }
  
 
  document.getElementById('tabLot').innerHTML = tableau;
}

function AfficherMaisonAttenante()
{
	form  = "";
	form += "<label>Maison attenante (*) : </label>";
	form += "<input class='radio_neutre' type='radio' name='radio_attenante' value='oui' {check_attenanteoui}/>oui&nbsp;&nbsp;<input class='radio_neutre' type='radio' name='radio_attenante' value='non' {check_attenantenon}/>non&nbsp;&nbsp; <br /><br />";
	
	document.getElementById("maisonattenante").innerHTML = form;
}

function CacherMaisonAttenante()
{
	form  = "";	
	
	document.getElementById("maisonattenante").innerHTML = form;
}

function AfficheModePayement(frac)
{
	mode = "";
	switch (frac)
	{
		case "Annuel": mode += "<br />&nbsp;<input type='radio' name='mode_paiement' value='RIB' class='radio_neutre' onclick='GenererTableauRIB(0)'/>Prélèvement&nbsp;&nbsp;<input type='radio' name='mode_paiement' value='CB' class='radio_neutre' checked onclick='GenererTableauRIB(1)'/>Carte bancaire<br /><span id='spanrib'>&nbsp;</span>";
		break;
		case "Mensuel": mode += "<br />&nbsp;<input type='radio' name='mode_paiement' value='RIB' class='radio_neutre' checked/>Prélèvement&nbsp;<br />";
										mode += '<br /><em>Pour ce type de règlement un paiement comptant correspondant au prorata du mois en cours plus deux mois vous sera demandé lors de la finalisation du contrat</em>';
										mode += '<br /><br /><fieldset><legend>Coordonnées RIB</legend><table summary="Coordonnées RIB"><tr><td>Code Banque</td><td>Code Guichet</td><td>Numéro de compte</td><td>Clé</td></tr><tr><td><input type="text" name="input_codebanque" value=""/></td><td><input type="text" name="input_codeguichet" value=""/></td><td><input type="text" name="input_nocompte"value="" /></td><td><input type="text" name="input_cle" value="" style="width:40px"/></td></tr><tr><td>Titulaire du compte</td><td><input type="text" name="input_titulaire" value=""/></td><td>&nbsp;</td><td>&nbsp;</td></tr></table></fieldset>';
										
		break;
		case "Semestriel": mode += "<br />&nbsp;<input type='radio' name='mode_paiement' value='RIB' class='radio_neutre' checked/>Prélèvement&nbsp;<br />";											
											 mode += '<br /><em>Pour ce type de règlement un paiement comptant correspondant au prorata du mois en cours plus deux mois vous sera demandé lors de la finalisation du contrat</em>';
											 mode += '<br /><br /><fieldset><legend>Coordonnées RIB</legend><table summary="Coordonnées RIB"><tr><td>Code Banque</td><td>Code Guichet</td><td>Numéro de compte</td><td>Clé</td></tr><tr><td><input type="text" name="input_codebanque" value=""/></td><td><input type="text" name="input_codeguichet" value=""/></td><td><input type="text" name="input_nocompte"value="" /></td><td><input type="text" name="input_cle" value="" style="width:40px"/></td></tr><tr><td>Titulaire du compte</td><td><input type="text" name="input_titulaire" value=""/></td><td>&nbsp;</td><td>&nbsp;</td></tr></table></fieldset>';
											 
		break;
		default:mode="";		
	}
	
	document.getElementById("modepaiement").innerHTML = mode;
}

function GenererTableauRIB(cache)
{

	mode ="";
	if(cache == 0) {
		mode += '<br /><em>Pour ce type de règlement un paiement comptant correspondant au prorata du mois en cours plus deux mois vous sera demandé lors de la finalisation du contrat</em>';
		mode += '<br /><br /><fieldset><legend>Coordonnées RIB</legend><table summary="Coordonnées RIB"><tr><td>Code Banque</td><td>Code Guichet</td><td>Numéro de compte</td><td>Clé</td></tr><tr><td><input type="text" name="input_codebanque" value=""/></td><td><input type="text" name="input_codeguichet" value=""/></td><td><input type="text" name="input_nocompte"value="" /></td><td><input type="text" name="input_cle" value="" style="width:40px"/></td></tr><tr><td>Titulaire du compte</td><td><input type="text" name="input_titulaire" value=""/></td><td>&nbsp;</td><td>&nbsp;</td></tr></table></fieldset>';
		
	}
	document.getElementById("spanrib").innerHTML = mode;
}

function GenererSurface(param)
{
	liste = "";
	
	switch(param)
	{
		case "Vide": liste += "<select name='select_superficie'><option value='100' {select_100}>< 100 m²</option><option value='200' {select_200}>de 101 à 200 m²</option><option value='300' {select_300}>de 201 à 300 m²</option><option value='400' {select_400}>de 301 à 400 m²</option></select>";
		break;
		case "Meuble": liste += "<select name='select_superficie'><option value='100'>< 100 m²</option><option value='150'>de 101 à 150 m²</option><option value='151'>151 m² et +</option></select>";
		break;
		case "oui": liste += "<select name='select_superficie'><option value='100'>< 100 m²</option><option value='150'>de 101 à 150 m²</option><option value='151'>151 m² et +</option></select>";
		break;
		case "non": liste += "<select name='select_superficie'><option value='100' {select_100}>< 100 m²</option><option value='200' {select_200}>de 101 à 200 m²</option><option value='300' {select_300}>de 201 à 300 m²</option><option value='400' {select_400}>de 301 à 400 m²</option></select>";
		break;
		default: liste +="";
	}
	
	//alert(liste);
	document.getElementById('select_superficie').innerHTML = liste;
}

function OuvrirCalendrier(url,param) {
	var x, y;
	if(document.all) { x = screen.width/2-200; y = screen.height/2-200; }
	else { x=100; height=100; }
	window.open(url,"eb",param+(param!="" ? "," : "")+"status=no,location=no,menubar=no,resizable=no,toolbar=no,scrolling=auto,left="+x+",top="+y);
}