/****************************************************************************************************
	Variable de navigateur
*****************************************************************************************************/
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
/****************************************************************************************************
	Gestion des lien "ponctués"
*****************************************************************************************************/
function montrerLienDirect(lien){
	var lesLiens = $$("a.btn_lien_direct");
	lesLiens.each(function(item) {
		if(lien){
			if(item.id==lien.id){
				item.firstDescendant().style.display="";
				item.style.display="";
			}else{
				item.firstDescendant().style.display="none";
				item.style.display="none";
			}
		}else{
			item.firstDescendant().style.display="none";
			item.style.display="";
		}
	});
}
/****************************************************************************************************
	Gestion des block de lien vers sous-chapitres
*****************************************************************************************************/
function montrerSousMenus(totem){
	var lesLiens = $$("span.btns_liens_totem");
	lesLiens.each(function(item) {
		var parent = Element.extend(item.parentNode);
		if(totem){
			if(parent.id==totem.parentNode.id){
				parent.firstDescendant().style.display="";
			}else{
				parent.firstDescendant().style.display="none";
			}
		}else{
			parent.firstDescendant().style.display="none";
		}
	});
}
/****************************************************************************************************
	Gestion du coq déroulant
*****************************************************************************************************/
var dragObject = null;
var mouseOffset = null;
var amplitude_Coq = 540-45-51-85;
var amplitude_vignettes = 0;
var block_vignettes = null;

function mouseUp(evt){
	dragObject = null;
}
/* Rend un objet Glissant : le coq */
function rendreGlissant(item){
	if(!item) return;
	amplitude_vignettes = getAmplitude();
	amplitude_vignettes -= 540;
	item.onmousedown = function(ev){
		dragObject  = this;
		mouseOffset = getDecalage(this, ev);
		return false;
	}
}

/* Coordonnées de la souris par rapport à une cible */
function getDecalage(target, ev){
	ev = ev || window.event;
	var docPos    = getPosition(target);
	var mousePos  = mouseCoords(ev);
	return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}

/* Gestion du deplacement */
function mouseMove(ev){
	ev           = ev || window.event;
	var mousePos = mouseCoords(ev);
	var posTop = 0;

	if(dragObject){
		posTop = mousePos.y - mouseOffset.y - (40 + 45);
		if((posTop>=0) && (posTop<=amplitude_Coq)){
			dragObject.offset
			dragObject.style.position = 'absolute';
			dragObject.style.top      = posTop;
			//block_vignettes.scrollTop = posTop * Math.round((amplitude_vignettes-500) / amplitude_Coq);
			if(posTop < 10){
				posTop = 0;
			}
			if(posTop > amplitude_Coq-10){
				posTop = amplitude_Coq;
			}
			block_vignettes.style.top = -posTop * ((amplitude_vignettes) / amplitude_Coq);
			/*
			$("log").innerHTML = "posTop : " + posTop + "<br/>";
			$("log").innerHTML += "Top : " + block_vignettes.style.top + "<br/>";
			$("log").innerHTML += "amplitude_vignettes : " + amplitude_vignettes + "<br/>";
			*/
		}
		return false;
	}
}
/* Coordonnées de la souris par rapport à la page */
function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}
/* Position d'un objet par rapport  */
function getPosition(e){
	//attention : ie6 renvoi des pixel en plus pour la position X qui ici n'est pas utilisée
	var left = 0;
	var top  = 0;
	while (e.offsetParent){
		left += e.offsetLeft;
		top  += e.offsetTop;
		e     = e.offsetParent;
	}
	left += e.offsetLeft;
	top  += e.offsetTop;
	return {x:left, y:top};
}

function getAmplitude(){
	var max = 0;
	var obj = document.getElementById("vignette");
	block_vignettes = obj.parentNode;
	return obj.parentNode.getAttribute("amplitude");
}

/****************************************************************************************************
	Initialisation de la page
*****************************************************************************************************/
function surChargement(){
	document.onmousemove = mouseMove;
	document.onmouseup   = mouseUp;
	rendreGlissant($("zone_coq_deroulant_coq"));
}