var idTab=0;
var sommaTabs=0;
var sommaThumbs=0;
var dipnetCustomize;
var widthThumbs=0;
var idContThumbs=0;

function do_init(){

	accordionMenu(0);
	
	dipnetCustomize=new dipnetScrollPanel();
	dipnetCustomize.loopAttivo=false;
	dipnetCustomize.visBtComandi=true;
	dipnetCustomize.setStyleTabs=true;
	dipnetCustomize.styleTabAttiva="classTabAttiva";
	dipnetCustomize.styleTabsNonAttive="classTabsDisattive";
	dipnetCustomize.tabAttiva=0;
	dipnetCustomize.onNextEvent=abilitaDisabilitaScroll;
	dipnetCustomize.onPreviousEvent=abilitaDisabilitaScroll;
	dipnetCustomize.init();
	
	$('tab'+dipnetCustomize.tabAttiva).addClass(dipnetCustomize.styleTabAttiva);


	// Calcolo dinamicamente la lunghezza del contenitore delle tabs del menu staff
	$$('a.tabs').each(function(a){
	
		var widthTab=(a.offsetWidth)+10;
		
		if(a.id!=idTab){
			
			sommaTabs=sommaTabs+widthTab;
			
			idTab=a.id;
			
		}
		
		a.onclick=goToElement;
		
	});
	
	$('contAllTabs').setStyle('width',sommaTabs+'px');
		
	
	if(sommaTabs>($('menuTabs').offsetWidth)){
		
		$('prevBtnMenu').setStyle('display','block');
		$('nextBtnMenu').setStyle('display','block');
		scorriMenuStaff();
	
	}

	$$('div.contAllThumbs').each(function(div){
				
		idContThumbs=div.id.substr(13);
		
		if($(div.id).getElementsByTagName('img').length>0){
			
			var contThumbs=$(div.id).getElementsByTagName('img').length;
		
			for(var i=0;i<contThumbs;i++){

				widthThumbs=100+4;
				sommaThumbs=sommaThumbs+widthThumbs;
			}
			
			
			$('contAllThumbs'+idContThumbs).setStyle('width',sommaThumbs+'px');
		
			if(sommaThumbs>($('menuThumbs'+idContThumbs).offsetWidth)){
				
				$('prevBtnThumbs'+idContThumbs).setStyle('display','block');
				$('nextBtnThumbs'+idContThumbs).setStyle('display','block');
				$('menuThumbs'+idContThumbs).setStyle('margin-left','15px');
				scorriMenuThumbs(idContThumbs);
			
			}
			
			sommaThumbs=0;
		}

	});
	
	opacityImages();
	
	abilitaDisabilitaScroll();

}


/*****************************************************************/
/********************** SCORRI MENU STAFF ************************/
/*****************************************************************/
function scorriMenuStaff() {

	var myScroller = new Scroller('menuTabs', {area: 50, velocity: 0.2});

	myScroller.start();
	
	
	
}


/*****************************************************************/
/******************* ATTIVO LE TABS DEL MENU *********************/
/*****************************************************************/
function goToElement(a){
	
	if((this.id.substr(3))!=dipnetCustomize.tabAttiva){
	
		dipnetCustomize.gotoElemento(this.id.substr(3));

		dipnetCustomize.tabAttiva=this.id.substr(3);
		
	}

	//abilitaDisabilitaScroll();


}



/*****************************************************************/
/****************** ABILITA/DISABILITA SCROLL ********************/
/*****************************************************************/
function abilitaDisabilitaScroll(){

	var indiceCorrente=parseInt(dipnetCustomize.tabAttiva)+1;

	if ($('lyr'+indiceCorrente).offsetHeight>$('wn'+indiceCorrente).offsetHeight){
		
		wndo = new oggettoScroll('wn'+indiceCorrente, 'lyr'+indiceCorrente);
		oggettoScroll.scrdy=true;
		wndo.setUpScrollbar(('dragBar'+indiceCorrente), ('track'+indiceCorrente), 'v', 1, 1);
		oggettoScroll.GeckoTableBugFix('wn'+indiceCorrente);
		
		$('wn'+indiceCorrente).setStyles({width: '707px',clip: 'rect(0px, 707px, 242px, 0px)'});
		$('lyr'+indiceCorrente).setStyle('width','707px');
		$('up'+indiceCorrente).setStyle('visibility','visible');
		$('track'+indiceCorrente).setStyle('visibility','visible');
		$('down'+indiceCorrente).setStyle('visibility','visible');
	
		
		var lyrScroll=30;

		var lyrHeight=$('lyr'+indiceCorrente).offsetHeight;
		var wnHeight=$('wn'+indiceCorrente).offsetHeight;
		var lyrMax=(lyrHeight-wnHeight);
		
		var dragHeight=$('dragBar'+indiceCorrente).offsetHeight;
		var trackHeight=$('track'+indiceCorrente).offsetHeight;
		
		var dragMax=(trackHeight-dragHeight);

		var dragScroll=parseInt((dragMax*lyrScroll)/lyrMax);
		
		var dragStartPos=$('dragBar'+indiceCorrente).offsetTop;
		
		//alert(dragStartPos);
		
		$('lyr'+indiceCorrente).addEvent('mousewheel', function(e){
		
			var lyrPos=$('lyr'+indiceCorrente).offsetTop;
			
			var dragPos=$('dragBar'+indiceCorrente).offsetTop;
			
			//alert(dragPos + '-->' + dragScroll);
	
				if(e.wheel<0){ 
					
					if(lyrPos>-lyrMax){
						$('lyr'+indiceCorrente).setStyle('top',(lyrPos-lyrScroll)+'px');
						if(dragPos<=dragMax){
							$('dragBar'+indiceCorrente).setStyle('top',(dragPos+dragScroll)+'px');
						}
					}
					
				}else{
	
					if(lyrPos<0){
						$('lyr'+indiceCorrente).setStyle('top',(lyrPos+lyrScroll)+'px');
					
						if(dragPos>0 && (dragPos-dragScroll>=0)){
							$('dragBar'+indiceCorrente).setStyle('top',(dragPos-dragScroll)+'px');
						}
	
					}
				}
		});

	}else{
		
		$('wn'+indiceCorrente).setStyles({width: '730px',clip: 'rect(0px, 730px, 242px, 0px)'});
		$('lyr'+indiceCorrente).setStyle('width','730px');

		$('up'+indiceCorrente).setStyle('visibility','hidden');
		$('track'+indiceCorrente).setStyle('visibility','hidden');
		$('down'+indiceCorrente).setStyle('visibility','hidden');
	
	}
	

	
}

/*****************************************************************/
/************************** SCORRI THUMBS ************************/
/*****************************************************************/
function scorriMenuThumbs(idContThumbs) {
	
	var myScroller = new Scroller('menuThumbs'+idContThumbs, {area: 50, velocity: 0.2});

	myScroller.start();
	
	
	
}


function opacityImages(){
	
	$$('img.imgThumbs').each(function(img){
	
		img.onmouseover=function(){ this.setStyle('opacity',0.5); }

		img.onmouseout=function(){ this.setStyle('opacity',1); }

	});
	
}