/* **************************************** */
/* SETTAGGI INIZIALI DEGLI ELEMENTI */
/* **************************************** */
function setToolbarGeometry()
{
	 $('toolbar').show();
    /* set css style of some elements */
    $('toolbar_mask').setStyle('overflow: hidden;');
   
	/* CALCOLO LA LARGHEZZA DEI PRIMI 5 ELEMENTI */
	var larghezzaCinqueElementiToolbar = 0;
	
	/* ASSEGNO LA LARGEZZA ALLA MASK E ALLA POSIZIONE DEL PULSANTE */
	var largezza5Elementi = 0;
	if($$('div#toolbar ul li').length > 5)
	{
		for(i=0; i<5; i++)
		{
			largezza5Elementi += $$('div#toolbar ul li')[i].getWidth();
		}
	}
	
	$('toolbar_mask').setStyle('width:' + ( largezza5Elementi + 10) + 'px;');
	$('scroll_forward').setStyle('left:' + (largezza5Elementi + 100) + 'px;');
	
    var fullToolbarWidth = 5000;
    $('toolbar').setStyle('width:'+ fullToolbarWidth +'px;');
    
	/* modifico l'ultimo elemento della lista */
    $$('div#content div#toolbar ul li')[$$('div#content div#toolbar ul li').length - 1].setStyle('background-image: none;')
    
 	$('scroll_back').setStyle('display:block;');
    $('scroll_forward').setStyle('display:block;');
    graphicalElementsMove();
	setToolbarArrowPosition();
}

function setToolbarArrowPosition(){
	var altezzaPulsanti = $('toolbar_container').cumulativeOffset().top + ( ( $('toolbar_container').getHeight() - $('scroll_back').getHeight() )/2 );
	
	$('scroll_back').setStyle('top:' + altezzaPulsanti + 'px;');
	$('scroll_forward').setStyle('top:' + altezzaPulsanti + 'px;');
}

function graphicalElementsMove()
{
    // $('toolbar').setStyle('height:auto;');
    // if($('toolbar').getHeight() < 30) $('toolbar').setStyle('height:30px;');
    configure_scroll_buttons();
}

function configure_scroll_buttons()
{
	/* BACK BUTTON */
	if( $$('div#toolbar ul li')[0].cumulativeOffset().left < ( $('toolbar_mask').cumulativeOffset().left) )
    {
        $$('div#scroll_back a')[0].setStyle('background: transparent url(/web/css/img/arrow_left.gif) no-repeat center;');
	}else
    {
        $$('div#scroll_back a')[0].setStyle('background: transparent url(/web/css/img/arrow_left_deactivated.gif) no-repeat center;');
	}
    
    /* FORWARD BUTTON */
    if( ( $$('div#toolbar ul li')[$$('div#toolbar ul li').length-1].cumulativeOffset().left + $$('div#toolbar ul li')[$$('div#toolbar ul li').length-1].getWidth()) > ( $('toolbar_mask').cumulativeOffset().left + $('toolbar_mask').getWidth() + 10)  )
    {
        $$('div#scroll_forward a')[0].setStyle('background: transparent url(/web/css/img/arrow_right.gif) no-repeat center;');
	}else
    {   
        $$('div#scroll_forward a')[0].setStyle('background: transparent url(/web/css/img/arrow_right_deactivated.gif) no-repeat center;');
	}
}
/* **************************************** */
/* FUNZIONE PER LO SCROLL DELLA TOOLBAR */
/* **************************************** */
function toolbar_scroll_prev()
{
	 $('toolbar_mask').setStyle('overflow: hidden;');
	 var correzione = 0;
    /* 1.  bisogna scoprire di quanto deve essere lo spostamento */
    var estremoSxToolbarMask = $('toolbar_mask').cumulativeOffset().left + correzione;
    /* ciclo tutti gli elementi li e vedo qual'è il primo che esce a dx della mask */
    var itemToMove = -1;
    for(i=$$('div#toolbar ul li').length-1; i>=0; i--)
    {
        if( $$('div#toolbar ul li')[i].cumulativeOffset().left < estremoSxToolbarMask && itemToMove == -1)
        {
            itemToMove = i;
            var differenceInMovement =  estremoSxToolbarMask - $$('div#toolbar ul li')[i].cumulativeOffset().left;
        }
    }
    //* 2. chiamata alla funzione di scriptacuolous per il movimento */
    new Effect.Move ($('toolbar'),{ x: differenceInMovement, y: 0, mode: 'relative', duration: 0.3, afterFinish: configure_scroll_buttons});
}

function toolbar_scroll_next()
{
	$('toolbar_mask').setStyle('overflow: hidden;');
	var correzione = 0;
    
	var estremoDxToolbarMask = $('toolbar_mask').cumulativeOffset().left + $('toolbar_mask').getWidth() + correzione;
    
	var itemToMove = -1;
    for(i=0; i<$$('div#toolbar ul li').length; i++)
    {
		if( ($$('div#toolbar ul li')[i].cumulativeOffset().left + $$('div#toolbar ul li')[i].getWidth()) > estremoDxToolbarMask && itemToMove == -1)
        {
            itemToMove = i;
            var differenceInMovement = ( $$('div#toolbar ul li')[i].cumulativeOffset().left + $$('div#toolbar ul li')[i].getWidth() ) - estremoDxToolbarMask;
        }
    }
    
	new Effect.Move ($('toolbar'),{ x: -(differenceInMovement + 10), y: 0, mode: 'relative', duration: 0.3, afterFinish: configure_scroll_buttons});
}


/* **************************************** */
/* ON-LOAD - prototype-style */
/* **************************************** */

document.observe("dom:loaded", function() {
	if( $('toolbar') )  $('toolbar').hide();
});


window.onload = function() {
  	if( $('toolbar') ) setToolbarGeometry(); 
}