var oDrag = null
var drag = false
var leave = false
var x,y
var cX,cY;
var maxScroll = 736;
var barWidth = 114;

var CapW;
var global_e;

function getElementLeft(id) {
		
			

			var elem = document.getElementById(id);
		xPos = elem.offsetLeft;
		tempEl = elem.offsetParent;
  		while (tempEl != null) {
  			xPos += tempEl.offsetLeft;
	  		tempEl = tempEl.offsetParent;
  		}
		return xPos;
	
}


function getElementTop(Elem) {

		
			var elem = document.getElementById(Elem);
	
			var elem = document.all[Elem];
	
		yPos = elem.offsetTop;
		tempEl = elem.offsetParent;
		while (tempEl != null) {
  			yPos += tempEl.offsetTop;
	  		tempEl = tempEl.offsetParent;
  		}
		return yPos;
	
}

	
function mdown(e) {

	if (!e) var e = window.event;
	var mousePos = mouseCoords(e);
	cX=mousePos.x;
	cY=mousePos.y;
	var tDrag = (e.target) ? e.target : e.srcElement 
 	var id = tDrag.id;
	if(tDrag.className=="draggable")  
	{
	
	oDrag = document.getElementById(tDrag.id);
	//alert(oDrag);
   	drag = true;
	var l2 = document.getElementById(id).style.left.replace('px','');
	if(!l2) l2=0;
	l1 = parseInt(getElementLeft('scrollbar')) + parseInt((2*barWidth/3));// + parseInt((e.clientX - getElementLeft('scrollbar'))); //;
	
	/*maxScroll = document.getElementById('scrollbar').style.width.replace('px','');
	alert(maxScroll);*/
	x = parseInt(l1) ;
    


  
  document.onmousemove=mdrag_on
   document.onmouseup=mdrag_off
	return false;
   }
	else {
		drag = false
		oDrag = null
	return true;
	}
	
	
}

function mdrag_on(e) {

	if (!e) var e = window.event;
	global_e = e;
	if (drag){

	var offset=(e.clientX-x);
	//var l = oDrag.style.left.replace('px','');
	l = offset; //parseInt(l) + parseInt(offset);
	var pos = (maxScroll-l)/maxScroll;
	if(l>=0 && l <= maxScroll-barWidth)
	{
	
		oDrag.style.left = l+'px';
			
		document.getElementById('capitoli').style.left = parseInt( -1 * (CapW) * (1-pos));
		info(document.getElementById('capitoli').style.left);
	}
	
		
	}	
	/*
	* Determino se il mouse ии dentro la box prodotti
	*/
	var mousePos = mouseCoords(e);
	var curTarget  = document.getElementById('gf_modelli');
	if(curTarget)
	{
		var targPos    = getPosition(curTarget);
		var targWidth  = parseInt(curTarget.offsetWidth);
		var targHeight = parseInt(curTarget.offsetHeight);

		if(
			(mousePos.x > targPos.x)                &&
			(mousePos.x < (targPos.x + targWidth))  &&
			(mousePos.y > targPos.y)                &&
			(mousePos.y < (targPos.y + targHeight)))	
			{
			
			if(modelli_stato ==-2 )	apri_modelli();
			
			}else
			{			
			
				if(modelli_stato ==2 )	chiudi_modelli();
			}
	}
	
	return false
}

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
	};
}

function mdrag_off(ev) {
	
	var ev           = ev || window.event;
	var mousePos = mouseCoords(ev);

	
	//if(drag) oDrag.style.position='static';
	oDrag   = null;
	
	drag = false
	leave = true
}

/*
* muovo la scrollbar
* se x = int, la muovo fino a x pixel
* se x = < oppure > la sposto di 20 pixel  (mouse al lato)
* se x = + oppure - la sposto di 200 pixel (mouse clicca nel pulsante della scrollbar)
*/
function movebar(x)
{
 //document.getElementById('bar').style.left=x+'px';
 
 var currentX = document.getElementById('bar').style.left.replace(/[a-z]/gi,'');

 if(x=='<') x=currentX-20;
 if(x=='>') x=parseInt(currentX)+parseInt(20);
 if(x=='-') x=currentX-200;
 if(x=='+') x=parseInt(currentX)+parseInt(200);
 if(x<0) x=0;
 if(x>760) x=740;
 
 var delta;
 var offSet;
 if(!currentX) currentX=0;
 if(currentX<x) 
 {
	delta=1;
	offSet = x-currentX;
 }
 else if(currentX>x) 
 {
 	delta=-1;
	offSet = currentX-x;
 }
 else delta = 0;
 
  
 if(delta)
 {

  var i;
for(i = 0;i<=offSet;i+=10)
{
	var barPos =(parseInt(currentX)+(parseInt(i)*parseInt(delta)));
	var pos = (maxScroll-barPos)/maxScroll;
	var capPos = -1 * (CapW) * (1-pos);
	
	if(barPos<=maxScroll - barWidth && barPos>=0)
	{
		info(barPos);
		setTimeout('document.getElementById("bar").style.left="'+ barPos +'px"',i++);
		setTimeout("document.getElementById('capitoli').style.left ="+ capPos + "",i++);
	}
}
	

	
}
	return false;

}

function clickedBar(ev)
{

var ev           = ev || window.event;

	var mousePos = mouseCoords(ev);
	var curTarget  = document.getElementById('scrollbar');
	var targPos    = getPosition(curTarget);
	

	if(mousePos.x >parseInt( getElementLeft('scrollbar'))+parseInt(20) && mousePos.x < (getElementLeft('bar')+maxScroll) )
	{
		movebar(mousePos.x - targPos.x - parseInt(2*barWidth/3));
	}

}

var autoscrolling = 0;
function autoscroll(x,r)

{
	
	if(!x) 
	{
		autoscrolling =0;
		return;
	}
	if(!r) autoscrolling  = 1;
	var m;
	if (x=='-') m='<';
	if (x=='+') m='>';

	if(autoscrolling)
	setTimeout('autoscroll("'+x+'",1);movebar("'+m+'");',110);
 
}
document.onmousedown=mdown
  document.onmousemove=mdrag_on