function init(){
    var interval=500;
    Effect.Appear('image111');
	setTimeout('Effect.Appear(\'image121\')',interval);
	setTimeout('Effect.Appear(\'image131\')',2*interval);
	setTimeout('Effect.Appear(\'image112\')',3* interval);
	setTimeout('Effect.Appear(\'image122\')',4*interval);
	setTimeout('Effect.Appear(\'image132\')',5* interval);
	setTimeout('Effect.Appear(\'image113\')',6* interval);
	setTimeout('Effect.Appear(\'image123\')',7* interval);
	setTimeout('Effect.Appear(\'image133\')',8* interval);
	try {
         $('arrow2').attachEvent(
            'onclick',   //vavido per IE
            forward
         ); 
      } 
      catch(e) {
         $('arrow2').addEventListener(
            'click',   //valido per Mozilla-Based Browser
            forward,
            false
         );
      }
		
}

function showBigImage(idSpan, idImage){
	$(idSpan).setStyle({display:'block'});
	Effect.Appear(idImage,{from: 0.0, to: 1.0}); 
	return false;
}

function hideBigImage(idSpan, idImage){
   Effect.Fade(idImage); 
   setTimeout("$(\'"+idSpan+"\').setStyle({display:\'none\'})",1000);
   return false;
}

function showHideObj(obj,show){
	
   if (show == 1) {
		/* formalismo prototype, riferendosi alla libreria prototype
		 * si ha il vantaggio di delegare la gestione di differenze di
		 * interpretazione tra i vari browser in particolare IE6 e IE7
		 */
		obj.setStyle({display:'block'});
   }
   else {
      obj.setStyle({display:'none'});
   }
}

function setEvent(arrow,action) {
	funct="";
	if (action==">") funct="forward";
	if (action=="<") funct="back"; 
	if (action != '') {
   	try {
   		arrow.attachEvent(
			   'onclick',   //valido per IE
            eval(funct)
			);	
		} 
		catch(e) {
			arrow.addEventListener(
			   'click',   //valido per Mozilla-Based Browser
				eval(funct),
			   false
			);
		}
	}
   else {
      try {
			   arrow.detachEvent(
            'onclick',   //vavido per IE
            forward
         ); 
			arrow.detachEvent(
            'onclick',   //vavido per IE
            back
         ); 
		}
		catch(e) {
				
            arrow.removeEventListener(
            'click',
            forward,
            false
         )
			arrow.removeEventListener(
            'click',
            back,
            false
         )
		}
	}
}
function forward(){
	changePage('>');
}
function back(){
	changePage('<');
}
function changePage(action) {
	/* Per la funzione showHideObj(obj,show) si ha per il parametro show
	 * show = 0 ---> nasconde l'oggetto
	 * show = 1 ---> mostra l'oggetto
	 * il parametro di tipo numerico è necessario per IE6 e IE7
	 */
	
	var interval=500;
	objDiv=$('top_body_'+page);
	arrow_1=$('arrow1');
	arrow_2=$('arrow2');
	if (action == '>') {
   	//page++;
		page=page+1;
		prevPage=page -1;
   }
   if (action == '<') {
      //page--;
		page=page-1;
		prevPage=page+1;
   }
	if(page==1) {
		//alert("in page 1");
		//arrow_1.setAttribute('onclick','');   //non valido per IE8
		setEvent(arrow_1,'');
		//
		arrow_1.setStyle({opacity:'0.5',
         cursor:'default'
		});
		
      //arrow_2.setAttribute('onclick','changePage(\'>\')');
		setEvent(arrow_2,">");
      arrow_2.setStyle({opacity:'1',
         cursor:'pointer'
      });
	}
	if(page==pages){
		//arrow_2.setAttribute('onclick','');
		setEvent(arrow_2,'');
      arrow_2.setStyle({opacity:'0.5',
      cursor:'default'
      });
		//arrow_1.setAttribute('onclick','changePage(\'<\')' );
		setEvent(arrow_1,'<');
      arrow_1.setStyle({opacity:'1',
         cursor:'pointer'
      });
	}
	if(page>1 && page<pages) {
		
      //arrow_1.setAttribute('onclick','changePage(\'<\')');
		setEvent(arrow_1,'<');
      arrow_1.setStyle({opacity:'1',
         cursor:'pointer'
      });
		
      //arrow_2.setAttribute('onclick','changePage(\'>\')');
		setEvent(arrow_2,'>');
      arrow_2.setStyle({opacity:'1',
         cursor:'pointer'
      });
	}
	
	Effect.Fade('image'+ prevPage +'11');
	setTimeout('Effect.Fade(\'image'+ prevPage +'21\')',1* interval);
   setTimeout('Effect.Fade(\'image'+ prevPage +'31\')',2* interval);
   setTimeout('Effect.Fade(\'image'+ prevPage +'12\')',3* interval);
   setTimeout('Effect.Fade(\'image'+ prevPage +'22\')',4* interval);
   setTimeout('Effect.Fade(\'image'+ prevPage +'32\')',5* interval);
   setTimeout('Effect.Fade(\'image'+ prevPage +'13\')',6* interval);
   setTimeout('Effect.Fade(\'image'+ prevPage +'23\')',7* interval);
   setTimeout('Effect.Fade(\'image'+ prevPage +'33\')',8* interval);
   setTimeout('showHideObj(objDiv,0)',10* interval);
	setTimeout("objDiv=$('top_body_'+page);",10.3*interval);
	setTimeout('showHideObj(objDiv,1)',11*interval);
	setTimeout('Effect.Appear(\'image'+page+'11\')',11*interval);
   setTimeout('Effect.Appear(\'image'+page+'21\')',12*interval);
   setTimeout('Effect.Appear(\'image'+page+'31\')',13* interval);
   setTimeout('Effect.Appear(\'image'+page+'12\')',14* interval);
   setTimeout('Effect.Appear(\'image'+page+'22\')',15* interval);
   setTimeout('Effect.Appear(\'image'+page+'32\')',16* interval);
   setTimeout('Effect.Appear(\'image'+page+'13\')',17* interval);
   setTimeout('Effect.Appear(\'image'+page+'23\')',18* interval);
   setTimeout('Effect.Appear(\'image'+page+'33\')',19* interval);
	//setTimeout('showHideObj(objStrong,1)',19*interval);
}