/*************************

 Variables globales

**************************/



init();

function init(){
  window.addEvent('domready',function(){
	
    ieCSS(); // on charge les fichiers css en fonction du navigateur
 
    //si la div d'id 'togglable' existe
    if($defined($('togglable'))){
	  
	  //on instancie un accordeon
      /*var clas = new jzAccordion('','h2.togglers','div.elements');
	  //la methode makeTogglable rend togglable les elements d'affichage
      clas.makeTogglable('div.elements');*/
    	
    	//Bidouille car lorsque domready se déclenche, l'affichage dans IE7 n'est pas terminé. On ajoute donc un peu de délai
    setTimeout("var clas = new jzAccordion('','h2.togglers','div.elements');clas.makeTogglable('div.elements');",700);
    }
	
	//si le conteneur des images est defini
	if($defined($('imgContainer'))){
	
	  var diaporama = new jzDiaporama();
	  diaporama.makeDiapo($$('img.masque'),'texteSite');
	}
	
	menuGauche();
	
  });//fin du addEvent
}

function menuGauche(){

  $('liensGauche').getChildren().addEvent('mouseenter',function(e){
  
    this.morph('.decale');
  
  });
  
  
  $('liensGauche').getChildren().addEvent('mouseleave',function(e){
  
    this.morph('.default');
  
  });
  
  //var tab = $('liensGauche').getElements('img');

}

//la fonction rechercher effectue une requ�te Ajax 
function rechercher(){

  param = $('recherche').value;

  url = "http://localhost/jonathan/ajax/ajax.php";

  var myRequest = new Request({url: url, method: 'post', onSuccess:function(t){

     var html = myRequest.response.text;
 
     $('results').innerHTML = html;

   }

  }).send('recherche=' + param);

  return false;

}


function fix_inline_PNGs(){
   var images = document.getElements('img'); // liste de tous les �l�ment <img /> du document
   images.each(function(e){
     var this_src = e.getProperty('src');
     var this_height = e.height;
     var this_width = e.width;
     if (this_src.toUpperCase().contains('.PNG')){
          var this_new = new Element('span', {
          'styles': {
          'filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+this_src+'\', sizingMethod=\'scale\')',
          'display': 'block',
          'height': this_height,
          'width': this_width
         }});
     this_new.replaces(e);
   }
  });
}

function ieCSS(){

  /* Pour IE7 */
  if(Browser.Engine.trident5){
  
	  var myCSS = new Asset.css(BASE_URL + '/base.css');
	  var myCSS = new Asset.css(BASE_URL + '/ie7.css');
	
  }

  //On n'inclut pas base.css pour ie6

  /* Pour Safari/Chrome */
  if(Browser.Engine.webkit){
  
    var myCSS = new Asset.css(BASE_URL + '/base.css',{media:'all'});
  
  }else{

	  /* Pour Opera */
	  if(Browser.Engine.presto){

	    var myCSS = new Asset.css(BASE_URL + '/base.css',{media:'all'});

	  }else{

		/* Par défaut, Mozilla */
		var myCSS = new Asset.css(BASE_URL + '/base.css',{media:'all'});
	    var myCSS = new Asset.css(BASE_URL + '/mozilla.css',{media:'all'});

	  }
  }
}


function makeSelectService(){

  if($defined($('togglable'))){

    $('togglable').getElements('div.elements').each(function(elt){
	
	  elt.slide('out');
	
	});

	$$('h2.togglers').addEvent('click',function(e){
	
	  var e = new Event(e).stop();
	  
	  $$('span.clickMe').setStyle('display','inline');
	  $$('div.elements').each(function (elt){
	  
	    elt.slide('out');
	  
	  });
	  
	  //this.getElement('span').setStyle('display','none');
	 
       var eltA = this.getParent().getElements('div.elements');
	 
	  eltA.slide('in');
	  	 
	  var monScroll = new Fx.Scroll(this,{overflown : this.getPosition()}).toTop();
	
	});
	
  } //fin du if

}


function histo(){
//on recupere le hash de depart
		hash_en_cours = document.location.hash;
		//Si on a un hash au chargement on met a jour la page en concequence
		if (hash_en_cours != "") {
			chargePage(hash_en_cours,false);
		}
		
		function chargePage(page,changeHash) {
			//Si le 2eme argument vaut TRUE on change le hash sinon on se contente de mettre a jour la page
			if (changeHash)
				document.location.hash=page;
			//ici un chargement web2, par exemple...
			document.getElementById("page").innerHTML=page;
			//on met a jour le hash en cours pour que la fonction dans l'intervale puisse continuer a fonctionner normalement
			hash_en_cours = page;
		}
		window.setInterval(function () {
			//vérifie s'il n'y a pas un changement de hash
			if (hash_en_cours != document.location.hash) {
				//en cas de changement récupere le nouveau hash et rapelle chargePage
				chargePage(document.location.hash,false);
			}
		},100)
		
}



/*******************************************************************************************************
**************************************** classe jzAccordion ***********************************************
********************************************************************************************************/

   var jzAccordion = new Class({
    initialize: function(containerId,toggleClass,elementClass){
        this.toggler = toggleClass;
		this.elts = elementClass;
		this.container = containerId;
    },
	makeTogglable: function(toggleElements){
	
	   $$(toggleElements).each(function(el){
	   
	     el.slide('out');
	   
	   });
	   
	  $$(this.toggler).addEvent('click',function(e){
	
	  var e = new Event(e).stop();
	  
	  $$('span.clickMe').setStyle('display','inline');
	  $$(toggleElements).each(function (elt){
	  
	    elt.slide('out');
	  
	  });
	  
	  //this.getElement('span').setStyle('display','none');
	 
      var parent = this.getParent();
	  
	  parent.getElements(toggleElements).slide('in');
	  	 
	  //var monScroll = new Fx.Scroll(this,{overflown : this.getPosition()}).toTop();
	
	});
	   
  }
	
	
});


/*******************************************************************************************************
**************************************** classe jzAccordion ***********************************************
********************************************************************************************************/

	var jzDiaporama = new Class({

    initialize: function(){

       
		
    },
	makeDiapo: function(listeImages,container){
	
	//$(container).setStyle('border','none');
	
	$(container).setStyle('display','none');
	arrayImg = new Array();
	
	  listeImages.each(function(elt){
	  
	    elt.slide('out');
	    //elt.tween('opacity','0');
	    arrayImg.push(elt);
	  
	  });
	
	var compteur = 0;
	arrayImg.each(function(elt){
	
	  elt.setStyles(arrayImg[0].getPosition);
	
	});
	$(container).setStyle('display','block');
	arrayImg[compteur].slide('in');
	//arrayImg[compteur].tween('opacity','100');

	var getNext = function(){
	
	  arrayImg[compteur].slide('out');

	  compteur ++;
	  
	  if(compteur == arrayImg.length){
	  
	    compteur = 0;
	  
	  }
	  
	  arrayImg[compteur].slide('in');

	
	};
	
	getNext.periodical(3000);
	
	}

});