document.observe("dom:loaded", function() {
	Init();
});

var active=0;
var HideFlag=false;
var Delai;
var DefaultDelai=5;

function Init()
{
	
	var Tab = $$(".Menu");

	var reg = new RegExp("javascript:displayDIV","ig");
	for(var i=0;i<Tab.length;i++)
	{
	  if(reg.test(Tab[i].href))
	  {
		Cache(Tab[i]);
		Tab[i].observe('click',function(event){
		  window.location.href = "index.asp?id="+getAccueil(Event.element(event));
		});
		Tab[i].observe('mouseover',function(event){
			Affiche(Event.element(event));
		});
		Tab[i].observe('mouseout',function(event){
			Cache(Event.element(event));
		});
		id=getId(Tab[i]);
		
		$('SMDIV'+id).style.position='absolute';
		$('SMDIV'+id).style.left = parseInt(ds_getleft(Tab[i])) + parseInt(Tab[i].offsetWidth)+'px';
		$('SMDIV'+id).style.top = parseInt(ds_gettop(Tab[i]))+'px';
		$('SMDIV'+id).style.background = "#37A5C6";
		$('SMDIV'+id).style.padding="5px";
		if($('SMDIV'+id).style.display!="none")
			$('SMDIV'+id).style.display="none";
		
		var regbr = new RegExp("(<br>|<br/>|<br />)","ig");
		$('SMDIV'+id).innerHTML = $('SMDIV'+id).innerHTML.replace(regbr,"$1<hr>");
		
		$('SMDIV'+id).observe('mouseover',function(event){
			Keep(Event.element(event));
		});
		$('SMDIV'+id).observe('mousemove',function(event){
			Keep(Event.element(event));
		});
		$('SMDIV'+id).observe('mouseout',function(event){
		  CacheDiv(Event.element(event));
		});
	  }
	}
	
	var Tab2 = $$(".Sous_Menu_Actif");
	
	if(Tab2.length!=0)
	{
		Tab2.className = "Sous_Menu";
		CacheDiv(Tab2[0]);
	}
	
	if(gup('id')=="")
	{
		$('header').style.background="url('"+Header[0]+"')";
	}
	else if(Header[gup('id')]!=undefined)
	{
		$('header').style.background="url('"+Header[gup('id')]+"')";
	}
}

function getAccueil(el)
{
  return Tab[getId(el)];
}



function getId(el)
{
    var reg = new RegExp("displayDIV\\('[0-9]+'\\)", "g");
    res = el.href.match(reg);
    id = res[0].replace("displayDIV('","").replace("')","");
    return id;
}




function Keep(el)
{
    HideFlag=false;
	Delai = DefaultDelai;
}


function Affiche(el)
{
    if(active!=0)
    {
      HideFlag = false;
      $('SMDIV'+active).style.display="none";
    }
    var id = getId(el);
    Show(id);
}


function Hide(id)
{
	  if(Delai<=0 && $('SMDIV'+id)!=null)
	  {
		$('SMDIV'+id).style.display="none";
		active=0;
	  }
	  else if(HideFlag)
	  {
		Delai--;
		setTimeout('Hide('+id+')',100);
	  }
}



function Show(id)
{
  $('SMDIV'+id).style.display="block";
  HideFlag = false;
  Delai = DefaultDelai;
  active=id;
}

function CacheDiv(el)
{
  if(typeof(el.ancestors)!="undefined")
  {
	el = el.ancestors();
	el = el[0];
	var id = el.id;
	id = id.substring(5);  
	HideFlag=true;
	Hide(id);
  }
}

function Cache(el)
{
   var id = getId(el);
   HideFlag = true;
   Hide(id);
}

function ds_getleft(el) {
	var tmp = el.offsetLeft;
	el = el.offsetParent
	while(el) {
		tmp += el.offsetLeft;
		el = el.offsetParent;
	}
	return tmp;
}
function ds_gettop(el) {
	var tmp = el.offsetTop;
	el = el.offsetParent
	while(el) {
		tmp += el.offsetTop;
		el = el.offsetParent;
	}
	return tmp;
}

function gup( name )
{
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}