/**
* Auteur : Sébastien Braissant - The DevTowah
* Date de création : 10/04/2009
**/

/**
* fonction getXhr() qui crée et retourne un objet XMLHTTPRequest
*
* @return object xhr;
**/
function getXhr() {
	var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
       xhr = new ActiveXObject("Msxml2.XMLHTTP");
  	 } catch (e) {
       xhr = new ActiveXObject("Microsoft.XMLHTTP");
  	 }
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	} 
	return xhr;
}

function getPos (elem) {
    var pos={'r':0,'l':0,'t':0,'b':0};
    var tmp=elem;
 
    do {
        pos.l += tmp.offsetLeft;
        tmp = tmp.offsetParent;
    } while( tmp !== null );
    pos.r = pos.l + elem.offsetWidth;
 
    tmp=elem;
    do {
        pos.t += tmp.offsetTop;
        tmp = tmp.offsetParent;
    } while( tmp !== null );
    pos.b = pos.t + elem.offsetHeight;
 
    return pos;
}

function mouseCoords(ev){ 
    if(ev.pageX || ev.pageY){ 
        return {x:ev.pageX, y:ev.pageY}; 
    } 
    return { 
        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
        y:ev.clientY + document.body.scrollTop  - document.body.clientTop 
    }; 
}

function ishover (elem,event) {
	var p = getPos(elem);
	event = event || window.event;
	var mousePos = mouseCoords(event);
	
	if ((mousePos.x >= p.l) && (mousePos.x <= p.r) && (mousePos.y >= p.t) && (mousePos.y <= p.b))
		return true;
	else
		return false;
}

function homeDiaporama() {
  var $active = $('#home_pic img.active');

  if ( $active.length == 0 ) $active = $('#home_pic img:last');
	
  // use this to pull the images in the order they appear in the markup
  var $next =  $active.next().length ? $active.next()
      : $('#home_pic img:first');

  // uncomment the 3 lines below to pull the images in random order
  
   //var $sibs  = $active.siblings();
   //var rndNum = Math.floor(Math.random() * $sibs.length );
   //var $next  = $( $sibs[ rndNum ] );


  $active.addClass('last-active');

  $next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 800, function() {
        $active.removeClass('active last-active');
    });
  $active.animate({opacity: 0.0},1000);
  /*$next.addClass('active');
  $active.removeClass('active last-active');*/
 
	window.setTimeout("homeDiaporama();",5000);
}

/*function homeDiaporama (i) {
	if (document.getElementById("paramForm").elements["page"].value == "home") {
		var delai = 0;
		var step = 5;
		var ga = 0,gn = 860;
		var ids = document.getElementById("homeForm").elements["img_ids"].value.split("|");
		var aid = parseInt(i)>0 ? ids[i-1] : ids[ids.length-1];
		var active = "home_pic_"+aid;
		document.getElementById("home_pic_"+ids[i].toString()).style.display = "block";
		if (parseInt(i) == 0) {
			document.getElementById("home_pic_"+ids[i].toString()).style.top = "0px";
			document.getElementById(active).style.top = "-420px";
		}
		else {
			document.getElementById("home_pic_"+ids[i].toString()).style.top = "-420px";
		}
		while (parseInt(gn) > 0) {
			gn -= step;
			ga -= step;
			window.setTimeout('document.getElementById("'+active+'").style.left="'+ga.toString()+'px";',delai);
			window.setTimeout('document.getElementById("home_pic_'+ids[i].toString()+'").style.left="'+gn.toString()+'px";',delai);
			delai += 8;
			if (parseInt(gn) <= 0)
				break;
		}
		var next = parseInt(i) < ids.length-1 ? i+1 : 0;
		window.setTimeout('document.getElementById("home_pic_'+ids[i].toString()+'").style.top = "0px";',delai);
		window.setTimeout('document.getElementById("'+active.toString()+'").style.left = "860px";',delai);
		window.setTimeout('document.getElementById("'+active.toString()+'").style.display = "none";',delai);
		delai += 3000;
		window.setTimeout("homeDiaporama("+next.toString()+");",delai);
	}
}*/

function showSubcats (list) {
	if (list != "subcats" && list != "status" && list != "dates")
		list = "subcats";
	document.getElementById("sub_selector").style.display = "none";
	document.getElementById(list).style.display = "block";
	document.getElementById("currentCat").setAttribute("href","javascript:hideSubcats('"+list+"');",false);
}

function hideSubcats (list) {
	document.getElementById(list).style.display = "none";
	document.getElementById("sub_selector").style.display = "block";
	document.getElementById("currentCat").setAttribute("href",window.location.href,false);
}

function checkMenuWidth () {
	//var w = document.getElementById("main_menu").offsetWidth;
	
	var noeuds = document.getElementById("itemlist").childNodes;
	for (var i=0;i < noeuds.length;i++) {
		if (noeuds[i].innerHTML && noeuds[i].innerHTML != "") {
			if (noeuds[i].innerHTML.length > 40) {
				var proj = noeuds[i].innerHTML;
				proj = proj.substr(0,40);
				tmp = proj.split(" ");
				tmp.splice(tmp.length-1,1);
				proj = tmp.join(" ") + "&hellip;";
				noeuds[i].innerHTML = proj;
			}
		}
	}
	
	if (document.getElementById("activeProject")) {
		var ap = document.getElementById("activeProject");
		if (ap.innerHTML && ap.innerHTML != "") {
			if (ap.innerHTML.length > 40) {
				var proj = ap.innerHTML;
				proj = proj.substr(0,40);
				tmp = proj.split(" ");
				tmp.splice(tmp.length-1,1);
				proj = tmp.join(" ") + "&hellip;";
				ap.innerHTML = proj;
			}
		}
	}
		
	if (navigator.userAgent.match("MSIE") && !navigator.userAgent.match("Opera"))
		document.getElementById("main_menu").filters.alpha.opacity = "100";
	else
		document.getElementById("main_menu").style.opacity = "1.0";
}

function slideUp (cut) {
	var htot = document.getElementById("itemlist").offsetHeight;
	var nbitems = htot/17;
	var listtop = document.getElementById("itemlist").offsetTop;
	var menutop = document.getElementById("main_menu").offsetTop;
	if (parseInt(cut) != 0)
		menutop = document.getElementById("submenu").offsetTop;
	var hpos = menutop-listtop;
	var nbl = 7;
	if (parseInt(cut) != 0)
		nbl = 6;
	var reste = hpos;
	var bouge = 17*nbl;
	var butee = false;
	if (reste <= bouge) {
		bouge = reste;
		butee = true;
	}
	var delai = 0;
	
	for (var i = hpos;i >= (hpos-bouge)+17;i-=4) {
		if (i < (hpos-bouge)+17)
			break;
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+i+'px"',delai);
		delai += 10;
	}
	window.setTimeout('document.getElementById("itemlist").style.top = "-'+(hpos-bouge).toString()+'px"',delai+10);
	if (reste > 0) {		
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i-4).toString()+'px"',delai+20);
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i-8).toString()+'px"',delai+40);
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i-12).toString()+'px"',delai+60);
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i-14).toString()+'px"',delai+80);
		if (parseInt(cut) == 0) {
			window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i-15).toString()+'px"',delai+120);
			//window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i-17).toString()+'px"',delai+150);
		}
		/*else
			window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i-15).toString()+'px"',delai+120);*/
	}
	if (butee)
		window.setTimeout('document.getElementById("arrowUp").style.display = "none"',delai+150);
	window.setTimeout('document.getElementById("arrowDown").style.display = "block"',delai+150);
}

function slideDown (cut) {
	document.getElementById("upArrow").setAttribute("href","javascript:do_nothing();",false);
	document.getElementById("downArrow").setAttribute("href","javascript:do_nothing();",false);
	var htot = document.getElementById("itemlist").offsetHeight;
	var nbitems = htot/17;
	var listtop = document.getElementById("itemlist").offsetTop;
	var menutop = document.getElementById("main_menu").offsetTop;
	if (parseInt(cut) != 0)
		menutop = document.getElementById("submenu").offsetTop;
	var hpos = menutop-listtop;
	var nbl = 7;
	if (parseInt(cut) != 0)
		nbl = 6;
	var reste = (nbitems-((hpos/17)+(nbl+1)))*17;
	var bouge = 17*nbl;
	var butee = false;
	if (reste <= bouge) {
		bouge = reste;
		butee = true;
	}
	var delai = 0;
	
	for (var i = hpos;i < (hpos+bouge)-17;i+=4) {
		if (i >= (hpos+bouge)-17)
			break;
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+i+'px"',delai);
		delai += 10;
	}
	window.setTimeout('document.getElementById("itemlist").style.top = "-'+(hpos+bouge).toString()+'px"',delai+10);
	if (reste > 0) {
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i+4).toString()+'px"',delai+20);
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i+8).toString()+'px"',delai+40);
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i+12).toString()+'px"',delai+60);
		window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i+14).toString()+'px"',delai+80);
		if (parseInt(cut) == 0)
			window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i+15).toString()+'px"',delai+120);
		/*else
			window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i+15).toString()+'px"',delai+120);*/
		//window.setTimeout('document.getElementById("itemlist").style.top = "-'+(i+17).toString()+'px"',delai+150);
	}
	if (butee)
		window.setTimeout('document.getElementById("arrowDown").style.display = "none"',delai+150);
	window.setTimeout('document.getElementById("arrowUp").style.display = "block"',delai+150);
	window.setTimeout('document.getElementById("upArrow").setAttribute("href","javascript:slideUp('+cut.toString()+');",false);',delai+150);
	window.setTimeout('document.getElementById("downArrow").setAttribute("href","javascript:slideDown('+cut.toString()+');",false);',delai+150);
}

function showThumb (pid) {
	var p = getPos(document.getElementById("mainframe"));
	var l = parseInt(p.l) + 657;
	document.getElementById("thumbBox").style.left = l.toString()+"px";
	document.getElementById("proj_thumb_"+pid.toString()).style.display = "block";
}

function hideThumb (pid) {
	document.getElementById("proj_thumb_"+pid.toString()).style.display = "none";
}

function showProject (cible) {
	document.getElementById("subForm").setAttribute("action",cible,false);
	document.getElementById("subForm").submit();
}

function showVideo (vid) {
	var xhr = getXhr();
	document.body.style.cursor = 'progress';
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			document.body.style.cursor = 'auto';
			var reponse = xhr.responseText;
			var res = reponse.split("~");
			switch (res[0]) {
				case "OK"					: document.getElementById("box_content").innerHTML = res[1];
														document.getElementById("main_menu").style.display = "none";
														document.getElementById("picture").style.visibility = "hidden";
														/*if (navigator.userAgent.match("MSIE") && !navigator.userAgent.match("Opera"))
															window.setTimeout('document.getElementById("picture").filters.alpha.opacity = "0";',200);
														else
															window.setTimeout('document.getElementById("picture").style.opacity = "0.0";',200);*/
														towahBox_On(635,420);
														break;
				case "ERR"				: alert("Erreur. La vidéo n'a pas été chargée.");
														break;
				default 					: break;
			}
		}
	}
	
	// Ici on va voir comment faire du post
	xhr.open("POST","http://www.architram.ch/sections/main/execMain.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	var params = "vid=" + vid;
	params += "&mode=SHOW_VID";
	xhr.send(params);
}

function showPtab (tab) {
	var tabs = new Array('history','activities','development');
	var links = new Array('Historique','Activit&eacute;s','D&eacute;veloppement durable');
	var m = "";
	var tmp = "";
	if (document.getElementById(tab).style.display == "none") {
		for (var i=0;i < tabs.length;i++) {
			document.getElementById(tabs[i]).style.display = "none";
			if (tabs[i] == tab)
				m += '<a href="javascript:showPtab(\''+tab+'\');" class="menu_active">'+links[i]+'</a><br/>';
			else {
				tmp += '<a href="javascript:showPtab(\''+tabs[i]+'\');" class="menu">'+links[i]+'</a>';
				if (i < tabs.length)
					tmp += '<br/>';
			}
		}
		m += tmp;
		document.getElementById(tab).style.display = "block";
		document.getElementById("chapters").innerHTML = m;
	}
}

function showHomemenu () {
	if (document.getElementById("flagsForm").elements["overflag"].value == "0") {
		document.getElementById("flagsForm").elements["overflag"].value = "1";
  	// Apparition en rideau pour le menu
  	/*var delai = 0;
  	for (var i= 5;i <= 100;i+=5) {
  		window.setTimeout('document.getElementById("home_menu").style.width = "'+i.toString()+'px";',delai);
  		delai += 8;
  		if (i >= 100)
  			break;
  	}*/
  	var hauteur = 0;
  	if (typeof(window.innerHeight) == 'number') {
  		hauteur = window.innerHeight;
  	}
  	else if (document.documentElement && document.documentElement.clientHeight) {
  		hauteur = document.documentElement.clientHeight;
  	}
  	else if (document.body && document.body.clientHeight) {
  		hauteur = document.body.clientHeight;
  	}
  	else {
  		hauteur = -1;
  	}
  	if (hauteur > 727) {
  		document.body.style.overflowY = "hidden";
  	}
  	document.getElementById("home_menu").style.display = "block";
	}
}

function hideHomemenu (event) {
	if (window.event)
		event = window.event;
	var x = event.clientX;
	var y = event.clientY;
	doHideHomemenu(x,y);
}

function doHideHomemenu (sourisX,sourisY) {
	var gauche = document.getElementById("home_picture").offsetLeft;
	var haut = document.getElementById("home_picture").offsetTop;
	if ((navigator.userAgent.match("MSIE")) && (!navigator.userAgent.match("MSIE 8.0"))) {
		haut = Math.round(haut/2)-1;
	}
	var largeur = document.getElementById("home_picture").offsetWidth;
	var hauteur = document.getElementById("home_picture").offsetHeight;
	var droite = gauche + largeur;
	var bas = haut + hauteur;
	
	if ((sourisX <= gauche) || (sourisX >= droite) || (sourisY <= haut) || (sourisY >= bas)) {
		document.getElementById("flagsForm").elements["overflag"].value = "0";
  	// Apparition en rideau pour le menu
  	/*var delai = 0;
  	for (var i= 100;i >= 0;i-=5) {
  		window.setTimeout('document.getElementById("home_menu").style.width = "'+i.toString()+'px";',delai);
  		delai += 8;
  		if (i <= 0)
  			break;
  	}*/
  	//window.setTimeout('document.getElementById("home_menu").style.width = "0px";',delai);
  	document.getElementById("home_menu").style.display = "none";
  	document.body.style.overflowY = "";
	}
}

/*function mouseOver (elem) {
	var p = getPos(elem);
	document.getElementById("img_over").style.left = p.l.toString()+"px";
	document.getElementById("img_over").style.top = p.t.toString()+"px";
	document.getElementById("img_over").style.display = "block";
	var click_url = elem.parentNode.getAttribute("href");
	document.getElementById("img_over").setAttribute("onclick","goLink('"+click_url+"');",false);
}

function mouseOut (elem,event) {
	if (!ishover(elem,event)) {
  	document.getElementById("img_over").style.display = "none";
  	document.getElementById("img_over").style.left = "0px";
  	document.getElementById("img_over").style.top = "0px";
  	document.getElementById("img_over").setAttribute("onclick","",false);
  }
}*/

function goLink (page_url) {
	window.location.href = page_url;
}

/**
* fonction fadeSwitch() qui change le contenu d'un élément html (div de préférence) en faisant un fade-out puis un fade-in
*
* @param item élément html dont le contenu va être changé
* @param fill nouvenu contenu pour l'élément html
**/
function fadeSwitch (item,fill) {
	
	if (navigator.userAgent.match("MSIE") && !navigator.userAgent.match("Opera")) { // MSIE
		var opacity = new Array("10","20","30","40","50","60","70","80","90","100");
	}
	else {						// Les autres
		var opacity = new Array("0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1.0");
	}
	var a = 9;
	var h = 0;
	var tmp1 = "";
	var tmp2 = "";
	var time_step = 36; //36
	var delai = 0;
	for (i = opacity.length-1;i >= 3;i--) {
		delai += time_step;
		if (!navigator.userAgent.match("MSIE"))
			window.setTimeout('document.getElementById("'+item+'").style.opacity = "'+opacity[i]+'";',delai);
		else
			window.setTimeout('document.getElementById("'+item+'").filters.alpha.opacity = "'+opacity[i]+'";',delai);
	}
	// On rajoute un backslash avant les guillemets
	/*var longueur = fill.length;
	for (var i=0;i < longueur;i++) {
		if (fill.charAt(i) == '"') {
			tmp1 = fill.slice(0,i);
			tmp2 = fill.slice(i);
			fill = tmp1 + "\\" + tmp2;
			i++;
			longueur = fill.length;
		}
	}*/
	// On rajoute un backslash avant les apostrophes
	var longueur = fill.length;
	for (var i=0;i < longueur;i++) {
		if (fill.charAt(i) == "'") {
			tmp1 = fill.slice(0,i);
			tmp2 = fill.slice(i);
			fill = tmp1 + "\\" + tmp2;
			i++;
			longueur = fill.length;
		}
	}
	time_step = 50;
	var hop = "document.getElementById('"+item+"').innerHTML = '"+fill+"';";
	window.setTimeout(hop,delai);
	//document.getElementById(item).innerHTML = fill;
	for (i = 3;i < opacity.length;i++) {
		delai += time_step;
		if (!navigator.userAgent.match("MSIE"))
			window.setTimeout('document.getElementById("'+item+'").style.opacity = '+opacity[i]+';',delai);
		else
			window.setTimeout('document.getElementById("'+item+'").filters.alpha.opacity = '+opacity[i]+';',delai);
	}
}

function towahBox_On (Twidth,Theight) {
	
	if (navigator.userAgent.match("MSIE") && !navigator.userAgent.match("Opera")) { // MSIE
		var opacity = new Array("10","20","30","40","50","60","70","80","90","100");
	}
	else {						// Les autres
		var opacity = new Array("0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1.0");
	}
	
	hauteur = 0;
	largeur = 0;
	if( typeof( window.innerHeight ) == 'number' ) {
    hauteur = window.innerHeight;
    largeur = window.innerWidth;
  }
  else if(document.documentElement && (document.documentElement.clientHeight)) {
    hauteur = document.documentElement.clientHeight;
    largeur = document.documentElement.clientWidth;
  }
  else if(document.body && (document.body.clientHeight)) {
    hauteur = document.body.clientHeight;
    largeur = document.body.clientWidth;
  }
	
	var pos = getPos(document.getElementById("picture"));
	var cleft = pos.l;
	var ctop = pos.t;
	
	/*cleft = Math.ceil(largeur/2) - Math.ceil(Twidth/2);
	ctop = Math.ceil(hauteur/2) - Math.ceil(Theight/2);
	
	if (!navigator.userAgent.match("MSIE"))
		ctop += window.pageYOffset;
	else
		ctop += document.documentElement.scrollTop;*/
		
	/*height2 = document.getElementById("he1").clientHeight + document.getElementById("he2").clientHeight + 6;
	if (height2 > height)
		height = height2;*/
	
	/*if (document.body.style.overflowY != "hidden")
		width -= 20;*/
	document.getElementById("towahbox_bg").style.width = largeur.toString()+"px";
	document.getElementById("towahbox_bg").style.height = hauteur.toString()+"px";
	document.getElementById("towahbox_fg").style.width = Twidth.toString()+"px";
	document.getElementById("towahbox_fg").style.height = Theight.toString()+"px";
	document.getElementById("towahbox_fg").style.top = ctop.toString()+"px";
	document.getElementById("towahbox_fg").style.left = cleft.toString()+"px";
	document.getElementById("towahbox_bg").style.display = "block";
	if (!navigator.userAgent.match("MSIE"))
		document.getElementById("towahbox_fg").style.opacity = opacity[0];
	else
	  document.getElementById("towahbox_fg").filters.alpha.opacity = opacity[0];
	document.getElementById("towahbox_fg").style.display = "block";
	var time_step = 36;
	var delai = 0;
	for (var i=1;i<opacity.length;i++) {
		delai += time_step;
		if (!navigator.userAgent.match("MSIE"))
			window.setTimeout('document.getElementById("towahbox_fg").style.opacity = '+opacity[i]+';',delai);
		else
			window.setTimeout('document.getElementById("towahbox_fg").filters.alpha.opacity = '+opacity[i]+';',delai);
	}
	document.body.style.overflowY = "hidden";
	document.body.style.overflowX = "hidden";
}

function towahBox_Off () {
	if (navigator.userAgent.match("MSIE") && !navigator.userAgent.match("Opera")) { // MSIE
		var opacity = new Array("10","20","30","40","50","60","70","80","90","100");
	}
	else {						// Les autres
		var opacity = new Array("0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1.0");
	}
	var time_step = 10;
	var delai = 0;
	for (var i = opacity.length-2;i > 0;i--) {
		delai += time_step;
		window.setTimeout('document.getElementById("towahbox_fg").style.opacity = '+opacity[i]+';',delai);
	}
	window.setTimeout('document.getElementById("towahbox_bg").style.display = "none";',delai);
	//document.getElementById("towahbox_bg").style.display = "none";
	window.setTimeout('document.getElementById("towahbox_fg").style.display = "none";',delai);
	window.setTimeout('document.getElementById("box_content").innerHTML = "";',delai);
	if (document.getElementById("main_menu").style.display == "none") {
		window.setTimeout('document.getElementById("main_menu").style.display = "block";',delai);
		window.setTimeout('document.getElementById("picture").style.visibility = "visible";',delai);
		/*if (navigator.userAgent.match("MSIE") && !navigator.userAgent.match("Opera"))
			window.setTimeout('document.getElementById("picture").filters.alpha.opacity = "100";',delai);
		else
			window.setTimeout('document.getElementById("picture").style.opacity = "1.0";',delai);*/
	}
	if (window.outerHeight > document.body.clientHeight)
		document.body.style.overflowY = "";
}

function show_pic (pic_id) {
	var xhr = getXhr();
	document.body.style.cursor = 'progress';
	var img = "picture";
	if (document.getElementById("pictureBox").style.display == "block")
		img = "tmppic";
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			document.body.style.cursor = 'auto';
			var reponse = xhr.responseText;
			var res = reponse.split("~");
			switch (res[0]) {
				case "OK"					: document.getElementById(img).setAttribute("src",res[1],"false");
														fadePic();
														document.getElementById("pic_num").innerHTML = res[2];
														document.getElementById("left_btn").setAttribute("href","javascript:show_pic("+res[3]+");","false");
														document.getElementById("right_btn").setAttribute("href","javascript:show_pic("+res[4]+");","false");
														break;
				case "PIC_ERR"		: alert("Erreur. Les données de la photo n'ont pas été chargées.");
														break;
				case "URL_ERR"		: alert("Erreur. L'url de l'image n'a pas été trouvé.");
														break;
				case "NO_ID"			: alert("L'id de l'image n'a pas été transmis.");
														break;
				default 					: break;
			}
		}
	}
	
	// Ici on va voir comment faire du post
	xhr.open("POST","http://www.architram.ch/sections/main/execMain.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	var params = "img_id=" + pic_id;
	params += "&mode=SHOW_PIC&ga_id="+document.getElementById("picForm").elements["ga_id"].value;
	xhr.send(params);
}

function fadePic () {
	if (navigator.userAgent.match("MSIE") && !navigator.userAgent.match("Opera")) { // MSIE
		var opacity = new Array("10","20","30","40","50","60","70","80","90","100");
	}
	else {						// Les autres
		var opacity = new Array("0.1","0.2","0.3","0.4","0.5","0.6","0.7","0.8","0.9","1.0");
	}
	var time_step = 75;
	var delai = 0;
	var img_in = "pictureBox";
	var img_out = "tmppicBox";
	if (document.getElementById("pictureBox").style.display == "block") {
		img_in = "tmppicBox";
		img_out = "pictureBox";
	}
	
	document.getElementById("tmppicBox").style.display = "block";
	for (var i=0;i<opacity.length;i++) {
		//time_step-=2*i;
		delai += time_step;
		if (!navigator.userAgent.match("MSIE")) {
			window.setTimeout('document.getElementById("'+img_in+'").style.opacity = '+opacity[i]+';',delai);
			window.setTimeout('document.getElementById("'+img_out+'").style.opacity = '+opacity[9-i]+';',delai);
		}
		else {
			window.setTimeout('document.getElementById("'+img_in+'").filters.alpha.opacity = '+opacity[i]+';',delai);
			window.setTimeout('document.getElementById("'+img_out+'").filters.alpha.opacity = '+opacity[9-i]+';',delai);
		}
	}
	window.setTimeout('document.getElementById("'+img_out+'").style.display = "none";',delai);
	
}

function showNext() {
  var $active = $('#picture img.active');

  if ( $active.length == 0 ) $active = $('#picture img:last');
	
	$('#prevBtn').attr('href','javascript:do_nothing();');
	$('#nextBtn').attr('href','javascript:do_nothing();');
	
  // use this to pull the images in the order they appear in the markup
  var $next =  $active.next().length ? $active.next()
      : $('#picture img:first');

  // uncomment the 3 lines below to pull the images in random order
  
  // var $sibs  = $active.siblings();
  // var rndNum = Math.floor(Math.random() * $sibs.length );
  // var $next  = $( $sibs[ rndNum ] );


  $active.addClass('last-active');

  /*$next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 0, function() {
        $active.removeClass('active last-active');
    });
  $active.animate({opacity: 0.0},0);*/
  $next.addClass('active');
  $active.removeClass('active last-active');
  
  /*window.setTimeout("$('#prevBtn').attr('href','javascript:showPrev();');",800);
  window.setTimeout("$('#nextBtn').attr('href','javascript:showNext();');",800);**/
  $('#prevBtn').attr('href','javascript:showPrev();');
  $('#nextBtn').attr('href','javascript:showNext();');
}

function showPrev() {
  var $active = $('#picture img.active');

  if ( $active.length == 0 ) $active = $('#picture img:first');
  
  $('#prevBtn').attr('href','javascript:do_nothing();');
	$('#nextBtn').attr('href','javascript:do_nothing();');

  // use this to pull the images in the order they appear in the markup
  var $next =  $active.prev().length ? $active.prev()
      : $('#picture img:last');

  // uncomment the 3 lines below to pull the images in random order
  
  // var $sibs  = $active.siblings();
  // var rndNum = Math.floor(Math.random() * $sibs.length );
  // var $next  = $( $sibs[ rndNum ] );


  $active.addClass('last-active');

  /*$next.css({opacity: 0.0})
    .addClass('active')
    .animate({opacity: 1.0}, 800, function() {
        $active.removeClass('active last-active');
    });
  $active.animate({opacity: 0.0},500);*/
 	$next.addClass('active');
  $active.removeClass('active last-active');
  
  /*window.setTimeout("$('#prevBtn').attr('href','javascript:showPrev();');",800);
  window.setTimeout("$('#nextBtn').attr('href','javascript:showNext();');",800);*/
 $('#prevBtn').attr('href','javascript:showPrev();');
  $('#nextBtn').attr('href','javascript:showNext();');
}

function GoEnter(event) {
    // Compatibilité IE / Firefox
    if(!event && window.event) {
        event = window.event;
    }
    // IE
    if(event.keyCode == 13) {
        event.returnValue = false;
        event.cancelBubble = true;
    }
    // DOM
    if(event.which == 13) {
        event.preventDefault();
        event.stopPropagation();
    }
}

function strReplace (cherche,remplace,chaine) {
	for (var i=0;i < chaine.length;i++) {
		if (chaine.charAt(i) == cherche)
			chaine = chaine.replace(cherche,remplace);
	}
	return chaine;
}

function do_nothing () {
	
}