/* 
fonctions permettant de faire defiler les images des structures
		Michel Novembre 2009
		@michel@ccmb-pub.fr

*/

function affiche_curseur()
{
//affiche le curseur quand heigt>200
	 var doc = document.getElementById('tab_produits');
	// alert(doc.offsetHeight);
	 var H=doc.offsetHeight;
	var defil=doc.scrollHeight;
	var top=doc.offsetTop;
	
	if(H>200)
	{
		//document.getElementById("scroll_vert").style.display='block'; //display ne fonctionne pas avec IE
		document.getElementById("scroll_vert").style.visibility='visible';
	}
	else
	{
		document.getElementById("fond_curseur").style.visibility='hidden';
	return;
	}

}

function bouge(pas,pas_curseur)
{
// je recupere la pos de la souris

	var tab_structure = document.getElementById('tab_produits');
	var curseur = document.getElementById('scroll_vert');
	var top_curseur = curseur.offsetTop;	 
	var defil=tab_structure.scrollHeight;//hauteur maxi de defilement
	var top=tab_structure.offsetTop;
	//var y=parseInt(top)-40;//je fait monter le tableau de 40px;
	var y=parseInt(top)+pas;//je fait monter le tableau de 40px;

		tab_structure.style["top"] =y+'px';
	 // je deplace le curseur
	 	var y_curseur=parseInt(top_curseur)+parseInt(pas_curseur);
		curseur.style["top"] =y_curseur+'px';

}


/* position de la souris*/
function mousePosition(e)
{

 var posx = 0;
 var posy = 0;
 var tab_structure = document.getElementById('tab_produits');
 var curseur = document.getElementById('scroll_vert');
 var top_curseur = curseur.offsetTop;
var limite=165;	 
	
 if (!e) var e = window.event;

 if (e.pageX || e.pageY)
 {
  posx = e.pageX;
  posy = e.pageY; 
 }
 else if (e.clientX || e.clientY)
 {
  posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
  posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
 }
var sens='';
var top_ref=document.getElementById("newtop").value;

//document.getElementById("res").innerHTML='top_ref'+top_ref+'   posy  '+posy;	
		// on est dans le fond je regarde si on monte ou on descend
		if(top_ref<posy)
		{
		sens='on descend';
		//suivant la pos du curseur je continue ou je reintinialise
			if(top_curseur<limite)
			{
			//on bouge
			//document.getElementById("res").innerHTML+='  **1 on bouge';
			bouge(-3,3);
			}
			else
			{
			//je remet le tout en haut
			//document.getElementById("res").innerHTML+='  **1 en bas';
			curseur.style["top"] =0+'px';
			tab_structure.style["top"] =0+'px';
			}	
		}
		else
		{
		sens='on monte';
		//suivant la pos du curseur je continue ou je reintinialise
			
			if(top_curseur>0)
			{
			//on bouge
			//document.getElementById("res").innerHTML+='  **2 on bouge';
			bouge(3,-3);
			}
			else
			{
			//je remet le tout en haut
			//document.getElementById("res").innerHTML+='  **2 en bas';
			curseur.style["top"] =0+'px';
			tab_structure.style["top"] =0+'px';
			}			
		}
	//document.getElementById("res").innerHTML+=' y=  '+posy+' pos curseur  '+top_curseur+'  sens'+sens;
document.getElementById("newtop").value= posy;	

}