function cargaimagesglobal() 
{
	if (document.getElementById) 
	{ // DOM3 = IE5, NS6
		document.getElementById('cargandoglobal').style.visibility = 'hidden';
	}
	else 
	{
		if (document.layers) 
		{ // Netscape 4
			document.hidepage.visibility = 'hidden';
		}
		else 
		{ // IE 4
			document.all.hidepage.style.visibility = 'hidden';
		}
	}
}

//precarga images
var lista; 
function precargar()
{ 
    var dibujos = new Array(precargar.arguments.length); 
    for (var i = 0; i < dibujos.length; i ++)    
    { 
        dibujos[i] = new Image(); 
        dibujos[i].src = precargar.arguments[i] 
    } 
    return dibujos; 
} 

function precargados(dibujos)    
{ 
    var parciales = true; 
    for (var i = 0; i < dibujos.length; i ++) 
        parciales = (parciales && dibujos[i].complete); 
    return parciales; 
} 

function porciento(dibujos)    
{ 
    var parciales = 0; 
    for (var i = 0; i < dibujos.length; i ++) 
        parciales += (dibujos[i].complete) ? 1 : 0; 
    return parseInt(100 * parciales / dibujos.length); 
} 


function continuar()    
{ 
//    alert("Continuar");
    new Fx.Style('cargandoimg', 'opacity',{duration: 10}).start(1,0);
    fadein.delay(500, $('contenedor'));
    document.getElementById("cargandoimg").style.visibility = 'hidden';
    if (p)
       setPhotoName (p);
    else
       setPhotoName (1);
} 

function cargando()    
{ 
    document.getElementById("barra").style.width = porciento(lista) + "%"; 
    if (precargados(lista)) 
       continuar(); 
    else 
       setTimeout("cargando()", 100); 
} 

function ini(photo)    
{ 
//    alert("INI");
    document.getElementById("cargandoimg").style.visibility = 'visible';
    lista = new precargar(photo); 
//    alert("cargando");
    cargando(); 
}

function start()
{
    new Fx.Style('cargandoimg', 'opacity',{duration: 500}).start(1,0);
//    new Fx.Style('contenedor', 'opacity',{duration: 1000}).start(0,1);
    document.getElementById("cargandoimg").style.visibility = 'hidden';
    setTimeout("setImg (1)",600);
}


/*arrays van en el html*/
/*
var p = 1
//direccion de las imagenes
imagen = new Array
imagen[1] = "img/graffitisin/2007/1 linares -jaen-.jpg"
imagen[2] = "img/graffitisin/2007/2 malaga.jpg"
imagen[3] = "img/graffitisin/2007/3 almeria.jpg"
imagen[4] = "img/graffitisin/2007/4 albacete .jpg"
imagen[5] = "img/graffitisin/2007/5 linares -jaen-.jpg"
imagen[6] = "img/graffitisin/2007/5 linares -jaen- detalle.jpg"

//titulo del fichero	
nombreimg = new Array
nombreimg[1] = "1 linares -jaen-"
nombreimg[2] = "2 malaga"
nombreimg[3] = "3 almeria"
nombreimg[4] = "4 albacete"
nombreimg[5] = "5 linares -jaen-"
nombreimg[6] = "5 linares -jaen- detalle"

//numero de caracteres del titulo del fichero	
longtxt = new Array
longtxt[1] = "16"
longtxt[2] = "8"
longtxt[3] = "9"
longtxt[4] = "10"
longtxt[5] = "16"
longtxt[6] = "24"
*/

function setPhotoName (photoIndex)
{
//	alert("PhotoName");
   e=document.getElementById("nombre");
   {
      var longt;
      if (longtxt[p])
         longt=11*longtxt[p]+50;
      else
         longt=250;
      var prefix=p+'/'+(imagen.length-1);
      e.innerHTML='<font color=#AAAAAA>['+prefix+']</font> '+nombreimg[photoIndex];
      e.style.width=longt+'px';
   }
}

function setImg(index)
{
	//alert(lo);
	if (index<1) index=1;
	if (index>imagen.length-1) p=imagen.length-1;
	if (index!=0)
	{
	   p=index;
		new Fx.Style('cargandoimg', 'opacity',{duration: 10}).start(0,1);
		document.imgs.src = imagen[p];
		ini(imagen[p]);
		valor=p;
      setPhotoName (p);
	}
}

function previmg()
{
	p=valor;
	if (p<=1) 
	{
  	   p=imagen.length-1;
   }
   else
   {
	   p--;
   }
   valor=p;
   setImg(p);
}

function nextimg()
{
	p=valor;
	if (p<imagen.length-1)
	{
  	   p++;
   }
   else
   {
	   p=1;
   }
   valor=p;
   setImg(p);
}

/*variables van en el html*/
/*
var lo = imagen.length - 1
var valor = 1
var p = valor
*/

function cambianext()
{
  fadeout();
  setTimeout ("nextimg.delay(20, $('contenedor'))",600);
}

function cambiaprev()
{
  fadeout();
  setTimeout ("previmg.delay(20, $('contenedor'))",600);
}


function fadeout()
{
    new Fx.Style('contenedor', 'opacity',{duration: 500}).start(1,0);
}

function fadein()
{
	 new Fx.Style('contenedor', 'opacity',{duration: 1000}).start(0,1);
}

var valor = 1

function cambia(p)
{
    fadeout();
    setTimeout("setImg("+p+")",600);
}