function tailleImage(){
	var screenW = 0, screenH = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		screenW = window.innerWidth;
		screenH = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		screenW = document.documentElement.clientWidth;
		screenH = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		screenW = document.body.clientWidth;
		screenH = document.body.clientHeight;
	}

	if (screenH/screenW <= 3/4){
		//100% largeur
		document.getElementById("BackgroundImage").style.width = screenW +"px";
		document.getElementById("BackgroundImage").style.height = (screenW*3/4) +"px";
		
	}else if (screenH/screenW > 3/4){
		//100% hauteur
		document.getElementById("BackgroundImage").style.width  = (screenH*4/3) +"px";
		document.getElementById("BackgroundImage").style.height = screenH +"px";
	}

}
function faceletstoggle(id) {
	var style = document.getElementById(id).style;
        if ("none" == style.display) {
		style.display = "block";
		document.getElementById(id+"Off").style.display = "none";
		document.getElementById(id+"On").style.display = "block";
	} else {
		style.display = "none";
		document.getElementById(id+"Off").style.display = "block";
		document.getElementById(id+"On").style.display = "none";
	}
}

// Usage
//<a href="#" onclick="faceletstoggle('trace'); return false;"><span id="traceOff">+</span>
//<span id="traceOn" style="display: none;">-</span> Stack Trace</a>
//<div id="trace"></div>

//////////////////////////////////////

function setActiveStyleSheet(title) {
   var i, a, main;
   for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
     if(a.getAttribute("rel").indexOf("style") != -1
        && a.getAttribute("title")) {
       a.disabled = true;
       if(a.getAttribute("title") == title) a.disabled = false;
     }
   }
}

//// Usage ////////////
//<link title="css1" rel="stylesheet" type="text/css" href="css1.css" media="screen">
//<link title="css2" rel="alternate stylesheet" href="css2.css" type="text/css" media="screen">

//<a href="javascript:setActiveStyleSheet('css1')">Style 1</a>
//<a href="javascript:setActiveStyleSheet('css2')">Style 2</a>

///////////////////////////////////
	var stripe = function() {
		var tables = document.getElementsByTagName("table");	

		for(var x=0;x!=tables.length;x++){
			var table = tables[x];
			if (! table) { return; }
			
			var tbodies = table.getElementsByTagName("tbody");
			
			for (var h = 0; h < tbodies.length; h++) {
				var even = true;
				var trs = tbodies[h].getElementsByTagName("tr");
				
				for (var i = 0; i < trs.length; i++) {
					trs[i].onmouseover=function(){
						this.className += " ruled"; return false
					}
					trs[i].onmouseout=function(){
						this.className = this.className.replace("ruled", ""); return false
					}
					
					if(even)
						trs[i].className += " even";
					
					even = !even;
				}
			}
		}
	}

	//window.onload = stripe;

/////////////////////////////////////////////

function makeactive(tab) {
    document.getElementById("tab1").className = "off"; 
    document.getElementById("tab2").className = "off"; 
    document.getElementById("tab3").className = "off";
    document.getElementById("tab3").className = "off";
    //document.getElementById("tab4").className = "off"; 
    document.getElementById("tab"+tab).className = "on"; 
}

//////////////////////////////////////////////////



function ahah(url, target, funcname) {
	function ahahDone() {
	  if(req.readyState == 4){ 
	    if(req.status == 200){ 
		  if(!(target == undefined)){
		    document.getElementById(target).innerHTML = req.responseText;
                     document.getElementById("lomenu").innerHTML = "";
		  }
	   	  if(!(funcname == undefined)){
		    eval(funcname+"(req.responseText);");
		  }
	    }else{
		  if(!(target == undefined)){
		    document.getElementById(target).innerHTML = "ahah error:\n"+req.statusText;
		  }
	      if(!(funcname == undefined)){
		    eval(funcname+"(req.responseText);");
		  }
	    }
	  }
	}

	if(!(target == undefined)){
          //document.getElementById(target).innerHTML = "Chargement en cours...<br /><img src='image/loader.gif'>";
	     document.getElementById("lomenu").innerHTML = "<img src='image/loader_vertical.gif' />";
	//}else if(!(target == undefined)){
	//    document.getElementById("lomenu").innerHTML = "Chargement en cours...<br /><img src='image/loader.gif'>";
	}
	if(window.XMLHttpRequest){
		var req = new XMLHttpRequest();
	}else if(window.ActiveXObject) {
		var req = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if(req){
		req.onreadystatechange = function() {
			ahahDone();
                        
		};
Nom = navigator.appName; 
ie = (Nom == 'Microsoft Internet Explorer') ? 1:0
if (ie) { 
               req.open("GET", url, true);
		req.send("");

}else{
		req.open("GET", url, true);
		req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                req.overrideMimeType('text/html; charset=utf-8');
		req.send("");
                

               }
	}  
}

function ahah_post(url,data, target, funcname) {
	function ahahDone() {
	  if(req.readyState == 4){ 
	    if(req.status == 200){ 
		  if(!(target == undefined)){
		    document.getElementById(target).innerHTML = req.responseText;
		  }
	   	  if(!(funcname == undefined)){
		    eval(funcname+"(req.responseText);");
		  }
	    }else{
		  if(!(target == undefined)){
		    document.getElementById(target).innerHTML = "ahah error:\n"+req.statusText;
		  }
	      if(!(funcname == undefined)){
		    eval(funcname+"(req.responseText);");
		  }
	    }
	  }
	}

	if(target == undefined){
	    document.getElementById(target).innerHTML = "Chargement en cours...<br /><img src='image/loader.gif'>";
	//}else if(!(target == undefined)){
	//    document.getElementById("loader").innerHTML = "Chargement en cours...<br /><img src='image/loader.gif'>";
	}
	if(window.XMLHttpRequest){
		var req = new XMLHttpRequest();
	}else if(window.ActiveXObject) {
		var req = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if(req){
		req.onreadystatechange = function() {
			ahahDone();
		};
Nom = navigator.appName; 
ie = (Nom == 'Microsoft Internet Explorer') ? 1:0
if (ie) { 
               req.open("POST", url, true);
		req.send(data);
}else{
		req.open("POST", url, true);
		req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
                req.overrideMimeType('text/html; charset=utf-8');
		req.send(data);
}
	}  
}


/////////////////////////////////////////////////
// Gestionnaire d'?v?nement d'animation de calque
/////////////////////////////////////////////////


var timerlen = 5;
var AnimSlideTemps = 200;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endWidth = new Array();
var moving = new Array();
var dir = new Array();

function slideleft(objname){
        if(moving[objname])

                return;

        if(document.getElementById(objname).style.display != "none")

		
                return; // ne peux pas rendre visible un ?l?ment d?j? visible

        moving[objname] = true;
        dir[objname] = "left";
        startslide(objname);
	//document.getElementById(objname + '_link').innerHTML = "<img src='image/moins.gif'>";
         document.getElementById(objname + '_link').innerHTML = "<img src='image/interface/left_"+objname+".gif' alt='bouton' />";
        

}

function slideright(objname){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display == "none")

                return; // ne peux pas rendre invisible un ?l?ment d?j? invisible

        moving[objname] = true;
        dir[objname] = "right";
        startslide(objname);
	//document.getElementById(objname + '_link').innerHTML = "<img src='image/plus.gif'>";
document.getElementById(objname + '_link').innerHTML = "<img src='image/interface/right_"+objname+".gif' alt='bouton' />";

}

function startslide(objname){
        obj[objname] = document.getElementById(objname);

        endWidth[objname] = parseInt(obj[objname].style.width);
        startTime[objname] = (new Date()).getTime();

        if(dir[objname] == "left"){
                obj[objname].style.width = "1px";
        }

        obj[objname].style.display = "block";
 document.getElementById("lomenu").innerHTML = "<img src='image/loader_vertical.gif' />";
        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);

}

function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];

        if (elapsed > AnimSlideTemps)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / AnimSlideTemps * endWidth[objname]);
                if(dir[objname] == "right")
                        d = endWidth[objname] - d;

                obj[objname].style.width = d + "px";
        }

        return;
}

function endSlide(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "right")
                obj[objname].style.display = "none";

        obj[objname].style.width = endWidth[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endWidth[objname]);
        delete(obj[objname]);
        delete(dir[objname]);
        document.getElementById("lomenu").innerHTML = "";
        return;
}


function toggleSlide(objname){
  if(document.getElementById(objname).style.display == "none"){
    // le calque est masquer alors le rendre visible
    slideleft(objname);
  }else{
    // le calque est visible alors le masquer
    slideright(objname);
  }
}

//function toggleSlide(objname) {
//  if (document.getElementById(objname).style.display != "none") {
//    // le calque est masquer alors le rendre visible
//    slideup(objname);
//
//    //document.getElementById(objname + '_link').innerHTML = "<img src='image/plus.gif'>";
//    //document.getElementById('login_link').innerHTML = "<a href=\"javascript:void(0);\" onclick=\"toggleSlide(\'login\');slideup(\'search\');slideup(\'detail\');\">Connexion</a>";
//    //document.getElementById('search_link').innerHTML = "<a href=\"javascript:void(0);\" onclick=\"toggleSlide(\'search\');slideup(\'login\');slideup(\'listing\');\"><img src=\"image/interface/up2.gif\" /></a>";
//    //document.getElementById('listing_link').innerHTML = "<a href=\"javascript:void(0);\" onclick=\"toggleSlide(\'listing\');slideup(\'login\');slideup(\'detail\');\"><img src=\"image/interface/up.gif\" /></a>";
//  }
//  else {
//    // le calque est visible alors le masquer
//    slidedown(objname);
//
//    //document.getElementById(objname + '_link').innerHTML = "<img src='image/moins.gif'>";
//    //document.getElementById('login_link').innerHTML = "<a href=\"javascript:void(0);\" onclick=\"toggleSlide(\'login\');slideup(\'search\');slideup(\'detail\');\">Connexion</a>";
//    //document.getElementById('search_link').innerHTML = "<a href=\"javascript:void(0);\" onclick=\"toggleSlide(\'search\');slideup(\'login\');slideup(\'listing\');\"><img src=\"image/interface/down2.gif\" /></a>";
//      //document.getElementById('listing_link').innerHTML = "<a href=\"javascript:void(0);\" onclick=\"toggleSlide(\'listing\');slideup(\'login\');slideup(\'detail\');\"><img src=\"image/interface/down.gif\" /></a>";
//   }
//}

///////////////////////////////////////////

function construction($a,$b)
	{
		var thimage = document.getElementById($b);
		var thpopup = document.getElementById('BackgroundImage');
		thpopup.style.visibility='visible';
		//thpopup.style.display='block';
		thpopup.innerHTML = "<img src=\"" + $a + "\"  id=\"background\"  with=\"100%\" height=\"100%\" />";
	}