// JavaScript Document
function affiche_imageplus(type){

  //on affiche la div pour afficher les images 
  document.getElementById("plus_images").style.display = "block";
  
  //on cache toutes les images présentes dans la div
  var images = document.getElementById("plus_images"); 
  var cells = images.getElementsByTagName("div"); 
  for (var i = 0; i < cells.length; i++) { 
    cells[i].style.display = "none"; 
  }
  
  //on affiche tous les textes
  var textes = document.getElementById("plus_textes"); 
  var cells = textes.getElementsByTagName("p"); 
  for (var i = 0; i < cells.length; i++) { 
    cells[i].style.display = "block"; 
  }
  
  //on cache le texte que l'on survol
  var table = document.getElementById("texte_"+type);
  var cells = table.getElementsByTagName("p"); 
  for (var i = 0; i < cells.length; i++) { 
    cells[i].style.display = "none";
  }
  
  if (type == "comble"){
  
      document.getElementById("texte_"+type).style.borderLeft = "0 none";
  
  }
  if (type == "facade"){
  
      document.getElementById("texte_"+type).style.borderRight = "0 none";
  
  }
    
  //on affiche l'image que l'on survol
  document.getElementById("plus_"+type).style.display = "block";

}

function cache_imageplus(){

  var blocs = document.getElementById("plus_images"); 
  var blocs_img = blocs.getElementsByTagName("div"); 
  for (var j = 0; j < blocs_img.length; j++) { 
    blocs_img[j].style.display = "none"; 
  }
  
  //on cache la div pour afficher les images 
  document.getElementById("plus_images").style.display = "none";
  
  //on affiche tous les textes
  var textes = document.getElementById("plus_textes"); 
  var cells = textes.getElementsByTagName("p"); 
  for (var i = 0; i < cells.length; i++) { 
    cells[i].style.display = "block"; 
  }
  
  var textes_div = document.getElementById("plus_textes"); 
  var divs = textes_div.getElementsByTagName("div"); 
  for (var j = 0; j < divs.length; j++) {
    
    if ((divs[j].id == "texte_facade") || (divs[j].id == "texte_goutiere")){
    
        divs[j].style.borderRight = "1px solid #009aea"; 
    
    }else{
       
        divs[j].style.borderLeft = "1px solid #009aea";
        
    } 
    
  }
  
  //document.getElementById("page").style.backgroundImage = 'url(images/fond_site_accueil.jpg)';

}

function change_image(name){
    
    document.getElementById("grande_image").src = "images/g"+name+".jpg";

}

/*function verifmail()
{
  adresse = document.form_contact.mail.value;
  var place = adresse.indexOf("@",1);
  var point = adresse.indexOf(".",place+1);
  if ((place > -1)&&(adresse.length >2)&&(point > 1))
	{
	return true;
	}
  else
	{
	alert('Entrez une adresse e-mail valide!!');
	document.form_contact.mail.focus();
	return false;
	}
}

function verifform(){

  var nom = document.form_contact.nom.value;
	if (document.form_contact.nom.value == "")
	{
		alert ('Veuillez entrer votre nom');
		document.form_contact.nom.focus();
		return false;
	}
	if(document.form_contact.adresse.value == "")
	{
		alert ('Veuillez entrer votre adresse');
		document.form_contact.adresse.focus();
		return false;
	}
	if(document.form_contact.ville.value == "")
	{
		alert ('Veuillez entrer votre ville');
		document.form_contact.ville.focus();
		return false;
	}
	if((document.form_contact.telfixe.value == "")&&(document.form_contact.telmob.value == ""))
	{
		alert ('Veuillez entrer un n° de téléphone');
		document.form_contact.telfixe.focus();
		return false;
	}
	if((document.form_contact.telfixe.value.length != 10)&&(document.form_contact.telmob.value.length != 10))
	{ 
		alert ('Le n° de téléphone doit comporter 10 chiffres'); 
		document.form_contact.telfixe.focus();
		return false; 
	}
	if(!verifmail())
  {
    return false;
  }
	
}*/

function roll_onglets(onglet,etape){

  if(onglet == "1"){
  
      document.getElementById("img_onglet"+etape+"1").src = "images/onglet_expertise_sel.jpg";
      document.getElementById("img_onglet"+etape+"2").src = "images/onglet_process_sel1.jpg";
      document.getElementById("img_onglet"+etape+"3").src = "images/onglet_devis.jpg";
  
  }
  
  if(onglet == "2"){
  
      document.getElementById("img_onglet"+etape+"1").src = "images/onglet_expertise_sel2.jpg";
      document.getElementById("img_onglet"+etape+"2").src = "images/onglet_process_sel.jpg";
      document.getElementById("img_onglet"+etape+"3").src = "images/onglet_devis_sel2.jpg";
  
  }
  
  if(onglet == "3"){
      
      document.getElementById("img_onglet"+etape+"1").src = "images/onglet_expertise.jpg";
      document.getElementById("img_onglet"+etape+"2").src = "images/onglet_process_sel3.jpg";
      document.getElementById("img_onglet"+etape+"3").src = "images/onglet_devis_sel.jpg";
  
  }

}


//fonction affichant l'étape 1 : page "expertise"
function affich () {

    $("#texte_milieu").animate({right: 0}, "slow") ;

}


//fonction affichant l'étape 2 : page "process"
function affich2 () {
        
    $("#texte_milieu").animate({right: 570}, "slow") ;

}


//fonction affichant l'étape 3 : formulaire pour devis
function affich3 () {
          
    $("#texte_milieu").animate({right: 1140}, "slow") ;

}


//animation des onglets en bas de page 
function affich_onglets (){
           
    $(".div_etapes").fadeIn("slow");

}


//animation des onglets en bas de page 
function affich_onglet2 (){
           
    $(".div_etapes2").fadeIn("slow");

}


//animation des onglets en bas de page 
function affich_onglet3 (){
           
    $(".div_etapes3").fadeIn("slow");

}


function chargement_flash(flash) {

  if(document.getElementById('anim_flash')){
  
      var maDiv = document.getElementById('anim_flash');

      maDiv.innerHTML = "<object type='application/x-shockwave-flash' data='flash/"+flash+".swf' width='179px' height='123px'><param name='quality' value='best' /><param name='movie' value='flash/"+flash+".swf'><p>Il vous manque le plugin flash pour visionner l'animation.</p><param name='wmode' value='transparent' /></object>";
      
  }

}




