var compteurActualisation = 0;
var idPrincipal = 'main';
function updateId(varId,varUrl,varData,ImgSrc) {
	var contentLoader = '<div id="GIFloader" style="width: 100%;  height: 45px; text-align: center;"><img src="'+ImgSrc+'" alt="chargement" /></div>';
	jQuery.ajax({
		url: varUrl,
		cache: false,
		data : varData,
		send: jQuery('#'+varId).html(contentLoader),
		error :function(msg){
			updateId(varId,'erreur.html',varData,ImgSrc)
			},
		success: function(html){
			var hauteurVarId = jQuery('#'+varId).height();
			//alert('hauteur de base: '+hauteurVarId);
			jQuery('#'+varId).html('');

			var newDiv = document.createElement('div');
			newDiv.setAttribute('id','newDiv'+compteurActualisation);
			newDiv.setAttribute('style','position: relative; opacity: 100; filter: alpha(opacity=1); display: block;');
			document.getElementById(varId).appendChild(newDiv);
			jQuery('#newDiv'+compteurActualisation).html(html);
			jQuery('#'+varId).height(hauteurVarId);
			var hauteurNewDiv = jQuery('#newDiv'+compteurActualisation).height();
			if(hauteurNewDiv < 400) {
				hauteurNewDiv = 400;
				}
			//alert('nouvelle hauteur: '+hauteurNewDiv);
			if(varId != idPrincipal) {
				jQuery('#'+idPrincipal).animate({
					opacity: "1",
					height: hauteurNewDiv
					}, 500 );
			}
			else {
				jQuery('#'+varId).animate({
					opacity: "1",
					height: hauteurNewDiv
					}, 500 );
			}
			compteurActualisation ++;
			}
		});
	}

function updateIdNoAnnim(varId,varUrl,varData,ImgSrc) {
	var contentLoader = '<div id="GIFloader" style="width: 100%;  height: 45px; text-align: center;"><img src="'+ImgSrc+'" alt="chargement" /></div>';
	jQuery.ajax({
		url: varUrl,
		cache: false,
		data : varData,
		send: jQuery('#'+varId).html(contentLoader),
		error :function(msg){
			updateId(varId,'erreur.html',varData,ImgSrc)
			},
		success: function(html){
			jQuery('#'+varId).html(html);
			}
		});
	}

function addToId(varId,varUrl,varData,ImgSrc) {
	var contentLoader = '<div id="GIFloader" style="width: 100%; height: 45px; text-align: center;"><img src="'+ImgSrc+'" alt="chargement" /></div>';
	jQuery.ajax({
		url: varUrl,
		cache: false,
		data : varData,
		send : jQuery('#'+varId).append(contentLoader),
		error :function(msg){
			jQuery.ajax({url:'erreur.html'});
			},
		success: function(html){
			document.getElementById(varId).removeChild(document.getElementById('GIFloader'));
			
			var newDiv = document.createElement('div');
			newDiv.setAttribute('id','newDiv'+compteurActualisation);
			newDiv.setAttribute('style','position: relative; opacity: 100; filter: alpha(opacity=1); display: block;');
			document.getElementById(varId).appendChild(newDiv);
			
			jQuery('#newDiv'+compteurActualisation).append(html);
			
			if(varId != idPrincipal) {
				var hauteurNewDiv = jQuery('#newDiv'+compteurActualisation).height();
				jQuery('#'+idPrincipal).animate({
					opacity: "1",
					height: hauteurNewDiv
					}, 500 );
				jQuery('#'+idPrincipal).animate({
					height: '-=49px'
					}, 200 );
			}
			else {
				var hauteurNewDiv = jQuery('#newDiv'+compteurActualisation).height()+jQuery('#'+varId).height();
				jQuery('#'+varId).animate({
					opacity: "1",
					height: hauteurNewDiv
					}, 500 );
				jQuery('#'+varId).animate({
					height: '-=49px'
					}, 200 );
			}
			
			compteurActualisation ++;
			}
		});
	}
	
function changeActive(elem) {
	var ul = document.getElementById('nav');
	var len = ul.getElementsByTagName('li').length;
	
	for(i=0; i<len; i++) {
		if(i == elem) {ul.getElementsByTagName('li')[i].setAttribute('class','active');}
		else {ul.getElementsByTagName('li')[i].setAttribute('class','');}
	}
	

}
jQuery(document).ready(function(){
  jQuery("a[rel^='prettyPhoto']").prettyPhoto();
  jQuery('#coin-slider').coinslider({
	  width:700,
	  height:262,
	  opacity:0.9,
	  delay:5000,
	  links:false,
	  effect: '' // random, swirl, rain, straight
	  });
});