var currentImage = 0;
var totalImages = 5;
var viewSize = 4;
var isClickNext = false;
var isClickPrev = false;

var controllaPerScroll = false;

var imgW = 80;
var imgH = 80;

function cycle()
{
    controllaScroll();
    
    if(isClickNext)
    {
      moveToSucc();
    }

    if(isClickPrev)
    {
      moveToPrec();
    }
}

setInterval("cycle()",5);

var movoNext = 0;
var movoPrev = 0;
var movo = 0;

function moveToPrec()
{
    //if(currentImage > 0 || movo < 0)
    if( (getPageCoords(getObj('imageBox')).x) > (getPageCoords(getObj('TabellaScroll')).x)  )
    {
      //new Effect.Move('imageBoxInside', { x: 1, y: 0, transition: Effect.Transitions.full });
      getObj('imageBoxInside').style.left = (new Number(getObj('imageBoxInside').style.left.replace('px','')) + 1) + 'px';
      //movo = movo + 1;
      
      //if(movo > imgW)
      {
	    //movo = 0;
	    //currentImage--;
      }
      
    }
}

function moveToSucc()
{
    //if(currentImage < totalImages-viewSize)
    if( (getPageCoords(getObj('imageBox')).x + getElementSize(getObj('imageBox')).w) <= (getPageCoords(getObj('TabellaScroll')).x + getElementSize(getObj('TabellaScroll')).w)  )
    {
      //new Effect.Move('imageBoxInside', { x: -1, y: 0, transition: Effect.Transitions.full });
      //movo = movo - 1;
      
      getObj('imageBoxInside').style.left = (new Number(getObj('imageBoxInside').style.left.replace('px','')) - 1) + 'px';
      
      //if(movo < -(imgW))
      {
	    //movo = 0;
	    //currentImage++;
      }
    }
}

var l_mom = 0;

function controllaScroll()
{
    if(controllaPerScroll)
    {   
        var idElSCr = document.getElementById("imageBox");
        var coorDiv = getPageCoords(idElSCr);
        var dimeDiv = getElementSize(idElSCr);
        
        var leftP = pos['left'];
	    var topP = pos['top'];
	    
	    /*
	    if(l_mom > pos['left'])
	    {
	        isClickNext = false;
	        isClickPrev = true;
	    }
	    else if(l_mom == pos['left'])
	    {
	        isClickNext = false;
	        isClickPrev = false;
	        controllaPerScroll = false;
	    }
	    else if(l_mom < pos['left'])
	    {
	        isClickNext = true;
	        isClickPrev = false;
	    }
	    
	    l_mom = pos['left'];
	    */
	    
	    var valSeparatore = coorDiv.x + (dimeDiv.w/2);
	    
	    if(leftP > valSeparatore + 20)
	    {
	        isClickNext = true;
	        isClickPrev = false;
	    }
	    else if(leftP < valSeparatore - 20)
	    {
	        isClickNext = false;
	        isClickPrev = true;
	    }
	    else
        {
            isClickNext = false;
	        isClickPrev = false;
        }
    }
    else
    {
        isClickNext = false;
	    isClickPrev = false;
    }
}

document.onmousemove = getMousePosition;