fotos = [] ;
    texto = [];
    i = 0 ;
	a=0;

    fotos[0] = 'images/pic/uto1.jpg' ;
	texto[0] = 'Bomb';     
    fotos[1] = 'images/pic/uto2.jpg';
    texto[1] = 'Utopia gigante by Hope'; 
    fotos[2] = 'images/pic/uto3.jpg';
	texto[2] = ' '; 
	fotos[3] = 'images/pic/uto4.jpg' ;
    texto[3] = 'Utopia - Hope and Beck'; 
    fotos[4] = 'images/pic/uto5.jpg';
    texto[4] = 'Em todo lugar!'; 
    fotos[5] = 'images/pic/uto6.jpg';
	texto[5] = 'Mini Bomb'; 
	fotos[6] = 'images/pic/uto7.jpg' ;
    texto[6] = 'Fim de tudo mas a Familia Utopia Continua em Pe!'; 
    fotos[7] = 'images/pic/uto8.jpg';
    texto[7] = 'Style...'; 
    fotos[8] = 'images/pic/uto9.jpg';
    texto[8] = 'Utopia by NOW... '; 
	fotos[9] = 'images/pic/Uto10.jpg' ;
	texto[9] = 'Utopia.........';     
    fotos[10] = 'images/pic/uto11.jpg';
    texto[10] = 'Até de Bonde'; 
    fotos[11] = 'images/pic/Uto12.jpg';
	texto[11] = 'Feliz aniversario...'; 
	
    

   function next() {
	if ( (i+1) < fotos.length ) show( i+1 ) ;
}

function change(a) {
	 show( a ) ;
}
   
    function prev() {
	if ( i > 0 ) show( i-1 ) ;
}
   

    function show( n ) {
        i = n ;
        document.getElementById("foto").src = fotos[i] ;
        document.getElementById("legenda").innerHTML ='<p>' + texto[i] + '</p>' ;
        document.getElementById("contador").innerHTML = '<p>Foto ' + (n+1) + ' de 12 </p>' ;
        setOpacities();
    }
  
    function setOpacities() {
        var browser = navigator.appName;
       
        if (browser == "Netscape") {
            filtro1 = ".MozOpacity = '0.5'";
            filtro2 = ".MozOpacity = '1.0'";
        } else {
            filtro1 = ".filter = 'alpha(opacity=50)'";
            filtro2 = ".filter = 'alpha(opacity=100)'";
        }
       
        if (i == 0) {
            eval("document.getElementById('antes').style" + filtro1);
        } else {
            eval("document.getElementById('antes').style" + filtro2);
        }
   
        if ((i+1) == fotos.length) {
            eval("document.getElementById('depois').style" + filtro1);
        } else {
            eval("document.getElementById('depois').style" + filtro2);
        }
    }