var TimeShow=0.8;
var TimeHide=0.8;
var TimeHideAction=0.7;
var DelaiHide=0.5;
var show = "shown";
var showing = "showing";
var hidden = "hidden";
var hidding = "hidding";
var whide = "waitinghide";
var Add;
if(Prototype.Browser.IE)
	Add = 5;
else
{
	Add=18;
}

function affDiv(event)
{
	var el=event.target;
	var i = event.target.id.split("-")[1];
	var div = $('box_'+i);
	purge();
	if(div.style.left=="")
	{
		div.style.left = ds_getleft(el)+"px";
		div.style.top = (ds_gettop(el)+parseInt(el.ancestors()[0].offsetHeight,10)+Add)+"px";
		div.style.zIndex="1100";
		if(!Prototype.Browser.IE){
			if(i==7){
				div.style.width="322px";
			}else{
				div.style.width="151px";
			}
		}else{
			if(i==7){
				div.style.width="324px";
			}
		}
	}
	
	if(div.hasClassName(whide))
		div.removeClassName(whide);
	
	if(!div.hasClassName(showing) && !div.hasClassName(show))
	{
		div.addClassName(showing);
		Effect.BlindDown('box_'+i,{duration:TimeShow,queue: { position: 'end', scope: 'box_'+i,
limit: 2 }});
		setTimeout(function(){
						$(div).addClassName(show);
						$(div).removeClassName(hidden);
						$(div).removeClassName(showing);
					},TimeShow*1000);
	}
}

function purge()
{
	var Tab = $$('.'+show+',.'+showing);
	for(var j=0;j<Tab.length;j++)
	{
		forceHide(Tab[j]);
	}
}

function hideNow(divname)
{
	var div =$(divname);
	if(div.hasClassName(whide))
	{
		div.removeClassName(whide);
		div.addClassName(hidding);
		
		Effect.BlindUp(divname,{duration:TimeHide,queue: { position: 'end', scope: divname,
limit: 2 }});
		setTimeout(function(){
						$(div).addClassName(hidden);
						$(div).removeClassName(show);
						$(div).removeClassName(hidding);
						$(div).style.display="none";
					},TimeHideAction*1000);
	}
}

function hideDiv(event)
{
	purge();
	var el=event.target;
	var i = event.target.id.split("-")[1];
	var div = $('box_'+i);
	if(!div.hasClassName(hidding) && !div.hasClassName(hidden))
	{
		div.addClassName(whide);
		setTimeout("hideNow('box_"+i+"')",DelaiHide*1000);
	}
}

function keepOn(event)
{
	purge();
	var div = event.findElement("div");
	if(div.hasClassName(whide))
		div.removeClassName(whide);
}

function tryHide(event)
{
	purge();
	var div=event.findElement("div");
	if(div.id!="")
		if(!div.hasClassName(hidding) && !div.hasClassName(hidden))
		{
			div.addClassName(whide);
			setTimeout("hideNow('"+div.id+"')",DelaiHide*1000);
		}
}

function forceHide(div)
{
	if(div!="")
		if(!div.hasClassName(hidding) && !div.hasClassName(hidden))
		{
			div.addClassName(whide);
			setTimeout("hideNow('"+div.id+"')",DelaiHide*1000);
		}
}

function hideit(divname)
{
	//$(divname).style.visibility="hidden";
}

document.observe('dom:loaded', function() {
var Tab = $$('a.drops')
for(var i=0;i<Tab.length;i++)
{
	Tab[i].observe("click",affDiv);
	Tab[i].observe("mouseover",keepOn);
	Tab[i].observe("mouseout",hideDiv);
}
var Tab = $$('.divDrop,.divDrop a,.divDrop ul,.divDrop li');
for(var i=0;i<Tab.length;i++)
{
	Tab[i].observe("mouseover",keepOn);
	Tab[i].observe("mouseout",tryHide);
}

})

function d(chaine)
{
	if(typeof(console)!="undefined")
		console.log(chaine);
}

function ds_getel(id) {
	return document.getElementById(id);
}

// Get the left and the top of the element.
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 showHint(elem, legend){
	var elemTarget = $(elem);
	var divHint = $('popuphint');
	var divHintContent = $('hint_content');
	var hintText = "";
	if(legend == undefined || legend == ""){
		hintText = $(elemTarget).title;
	}else{
		hintText = legend;
	}
	//alert($(divTarget).title);
	$(divHintContent).html = hintText;
	//$(elemTarget).attr({ title: "", name: "" });
	$(divHint).style.left = (ds_getleft(elem)-108)+"px";
	if(!Prototype.Browser.IE){
		$(divHint).style.top = (ds_gettop(elem)-50)+"px";
	}else{
		$(divHint).style.top = (ds_gettop(elem)-40)+"px";
	}
	document.getElementById('hint_content').innerHTML = $(elemTarget).title;
	$(divHint).style.zIndex="1200";
	$(divHint).style.display = "block";
}
function hideHint(elem){
	var elemTarget = $(elem);
	var divHint = $('popuphint');
	var divHintContent = $('hint_content');
	$(divHint).style.display = "none";
}