//////////////////////////////////////////
///////////PNG-Fix//////////////////
////////////////////////////////////////

function correctPNG()
   {
   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='image');\"><"+"/span>"
         img.outerHTML = strNewHTML
         i = i-1
         }
      }
   }
   
   
   
   
   


//////////////////////////////////////////
///////////MenuFunction//////////////////
////////////////////////////////////////
function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
		},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
		});
}

 
 
 $(document).ready(function(){					
	mainmenu();
}); 
 
 
 
 
 
 
 function ShowAndHideDivs(layer){

if(layer=='essentiel'){

       document.getElementById('essentiel').style.display = 'block';
       document.getElementById('orientation').style.display = 'none';
       document.getElementById('actualite').style.display = 'none';
	   
	   // Menu
	   document.getElementById('A').className = 'active';
	   document.getElementById('B').className = '';
	   document.getElementById('C').className = '';
	 
	  
	}


if(layer=='orientation'){

        document.getElementById('orientation').style.display = 'block';
		document.getElementById('essentiel').style.display = 'none';
        document.getElementById('actualite').style.display = 'none';
       
		
		 // Menu
	   document.getElementById('A').className = '';
	   document.getElementById('B').className = 'active';
	   document.getElementById('C').className = '';
	 
        
	}


if(layer=='actualite'){

        document.getElementById('actualite').style.display = 'block';
        document.getElementById('orientation').style.display = 'none';
        document.getElementById('essentiel').style.display = 'none';
		
		
		 // Menu
	   document.getElementById('A').className = '';
	   document.getElementById('B').className = '';
	   document.getElementById('C').className = 'active';
	
	}
	}
	
	
	
	
	
	
	
	
	
	
	
	

function ShowOnglets(layer){

if(layer=='essentiel'){
	   // Menu
	   document.getElementById('A').className = 'active';
	   document.getElementById('B').className = '';
	   document.getElementById('C').className = '';
	}


if(layer=='orientation'){
		 // Menu
	   document.getElementById('A').className = '';
	   document.getElementById('B').className = 'active';
	   document.getElementById('C').className = '';
	}


if(layer=='actualite'){
		 // Menu
	   document.getElementById('A').className = '';
	   document.getElementById('B').className = '';
	   document.getElementById('C').className = 'active';
	}
	}
	
	
function check(field){

  var message = "";
  
  if(field.prenom.value == ""){
    message += "Veulliez remplir vorte prenom \n";
  }
  if(field.nom.value == ""){
    message += "Veulliez remplir vorte nom \n";
  }
  if(field.societer.value == ""){
    message += "Veulliez remplir vorte societer \n";
  }
  if(field.site.value == ""){
    message += "Veulliez remplir vorte site \n";
  }
 if(field.email.value == ""){
    message += "Veulliez remplir vorte email \n";
  }else{
   if (validateEmail(field.email) != ''){
    emailMsg = validateEmail(field.email); 
    message += emailMsg;
   }
  }
telephone = validatePhone(field.tel);
if(telephone != ""){

	message += telephone;
}

 if(message != ""){ 
  alert(message);
  return false;
}else{
  alert("Merci de nous avoir contacter \n");
  return true;

}

}

function validateEmail (str) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   var address = str.value;
   if(reg.test(address) == false) {
      msg = "Vorte email n'est pas valide\n";
      
   }else{
    msg = '';
   }
   
   return msg;
 }

function validatePhone(fld) {
    var error = "";
    var stripped = fld.value.replace(/[\(\)\.\-\ ]/g, '');    

   if (fld.value == "") {
        error = "Veulliez remplir vorte numero de telephone.\n";
        fld.style.background = 'Yellow';
    } else if (isNaN(parseInt(stripped))) {
        error = "Ce numero de telephone n'est pas valide.\n";
       // fld.style.background = 'Yellow';
    } //else if (!(stripped.length == 8)) {
        //error = "Le numero de telephone n'est pas valide.\n";
       // fld.style.background = 'Yellow';
    //}
    return error;
}







//////////////////////////////////////////
///////////Image Gallery//////////////////
////////////////////////////////////////

	var depart = 3; 

	function defil(){
		$('#div_com').cycle({ 
		    fx:      'custom', 
		    sync: 1,
			before: suite,
		    cssBefore: {  
		        top:  55, 
		        left: 300, 
		        display: 'block'
		    }, 
		    animIn:  { 
		        left: 0
		    }, 
		    animOut: {  
		        top: 2
		    },
			timeout: 4000,
		    delay: -1000 
		});
	}
	
	function suite(){
		modulo = depart % 5;
		modulo++;
		depart = modulo;
		nom = "#com"+modulo;
		$(nom).hide("fast");
	}
	
	

$(document).ready(function() {		
	
	//Execute the slideShow
	slideShow();

});

function slideShow() {

	//Set the opacity of all images to 0
	$('#gallery a').css({opacity: 0.0});
	
	//Get the first image and display it (set it to full opacity)
	$('#gallery a:first').css({opacity: 1.0});
	
	//Set the caption background to semi-transparent
	$('#gallery .caption').css({opacity: 0.7});

	//Resize the width of the caption according to the image width
	$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
	
	//Get the caption of the first image from REL attribute and display it
	$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
	.animate({opacity: 0.6}, 400);
	
	//Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('gallery()',4000);
	
}



function gallery() {
	
	//if no IMGs have the show class, grab the first image
	var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));	
	
	//Get next image caption
	var caption = next.find('img').attr('rel');	
	
	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
	//Set the opacity to 0 and height to 1px
	$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });	
	
	//Animate the caption, opacity to 0.6 and heigth to 100px, a slide up effect
	$('#gallery .caption').animate({opacity: 0.7},100 ).animate({height: '40px'},500 );
	
	//Display the content
	$('#gallery .content').html(caption);
	
	
}