var scrolledContent=new Array()

scrolledContent[0]=["DESK.jpg","<b>DESK 2001.</b> Oil on paper  66 x 51 cm<br>","FIAC 2001, Paris<br>Galerie Ditesheim 2003<br>Private collection, Switzerland<br>"]
scrolledContent[1]=["CHAPEL.jpg","<b>CHAPEL 2005.</b> Oil on paper 61 x 68 cm<br>","Art Chicago 05<br>Galer&iacute;a Metta, Madrid 2005<br>"]
scrolledContent[2]=["STATEROOM.jpg","<b>STATEROOM 2005.</b> Oil on paper 61 x 68 cm<br>","Art Chicago 05<br>Galer&iacute;a Metta, Madrid 2005<br>"]
scrolledContent[3]=["INTHESTREET.jpg","<b>IN THE STREET 2005.</b> Oil on paper 152 x 122 cm<br>","Art Chicago 05<br>Galer&iacute;a Metta, Madrid 2005<br>"]
scrolledContent[4]=["EMBASSY.jpg","<b>EMBASSY 2004.</b> Oil on paper 152 x 122 cm<br>","ARCO '05 Madrid<br>Galer&iacute;a Alejandro Sales, Barcelona 2005<br>"]
scrolledContent[5]=["LUMINOUS.jpg","<b>LUMINOUS 2004.</b> Oil on paper 122 x 152 cm<br>","ARCO '05 Madrid<br>Private Collection, Portugal<br>"]
scrolledContent[6]=["DESVAN.jpg","<b>DESVAN 2004.</b> Oil on paper 122 x 152 cm<br>","ARCO '05 Madrid<br>"]
scrolledContent[7]=["THEATRELUNCH.jpg","<b>THEATRE LUNCH 2004.</b> Oil on paper  51 x 61 cm<br>","ARCO '05 Madrid<br>Private collection, Spain<br>"]
scrolledContent[8]=["WHITESTREET.jpg","<b>WHITE STREET 2004.</b> Oil on paper 152 x 122 cm<br>","ARCO '05 Madrid<br>Private collection, Spain<br>"]
scrolledContent[9]=["DESPACHO.jpg","<b>DESPACHO 2004.</b> Oil on canvas 120 x 150 cm<br>","ARCO '05 Madrid<br>Private collection, Portugal<br>"]
scrolledContent[10]=["EMPTYHOSPITAL.jpg","<b>EMPTY HOSPITAL 2004.</b> Oil on canvas 193 x 203 cm<br>","Galer&iacute;a Metta, Madrid 2004<br>Private collection, Spain<br>"]
scrolledContent[11]=["BELOWTHEWALL.jpg","<b>BELOW THE WALL 2004.</b> Oil on paper 61 x 68 cm<br>","ARCO '04 Madrid<br>Private collection, Spain<br>"]
scrolledContent[12]=["VIOLETLIGHT.jpg","<b>VIOLET LIGHT 2004.</b> Oil on paper 61 x 76 cm<br>","Private collection, Spain<br>"]
scrolledContent[13]=["ATMORNING.jpg","<b>AT MORNING 2004.</b> Oil on paper 61 x 76 cm<br>","ARCO '04, Madrid<br>Private collection, Spain<br>"]
scrolledContent[14]=["PANTHEON.jpg","<b>PANTHEON 2003.</b> Oil on paper 152 x 122 cm<br>","ARCO '03, Madrid<br>Galer&iacute;a Pedro Pe&ntilde;a, Marbella<br>"]
scrolledContent[15]=["RESIDUE.jpg","<b>RESIDUE 2003.</b> Oil on paper 122 x 98 cm<br>","Galerie Ditesheim, Switzerland<br>"]
scrolledContent[16]=["EMPTYROOM.jpg","<b>EMPTY ROOM 2003.</b> Oil on paper 122 x 152 cm<br>","Alejandro Sales, Barcelona '04<br>ARCO '04, Madrid<br>Private collection, Spain<br>"]
scrolledContent[17]=["COCHEQUEMADO.jpg","<b>COCHE QUEMADO No.2  2003.</b> Oil on paper  54,5 x 122 cm<br>","Galer&iacute;a Metta, Madrid<br>"]
scrolledContent[18]=["TRENHOSPITAL.jpg","<b>TREN HOSPITAL 2003.</b> Oil on canvas 229 x 233 cm<br>","Galer&iacute;a Metta 2003, Madrid<br>El tren en el arte, Museo de Pasi&oacute;n, Valladolid 2004<br>"]
scrolledContent[19]=["RESIDENCE2.jpg","<b>RESIDENCE 2002.</b> Oil on paper 61 x 54,5 cm<br>","ARCO '03, Madrid<br>Private collection, Madrid<br>"]
scrolledContent[20]=["MEMORIAL.jpg","<b>MEMORIAL 2002.</b> Oil on paper 61 x 54,5 cm<br>","FIAC '02, Paris<br>Private collection, France<br>"]
scrolledContent[21]=["BROKENIMAGES.jpg","<b>BROKEN IMAGES 2002.</b> Oil on paper 122 x 152 cm<br>","Galer&iacute;a Metta, Madrid 2003<br>Private collection, England<br>"]
scrolledContent[22]=["INTERIOROFAMONUMENT.jpg","<b>INTERIOR OF A MONUMENT 2002.</b> Oil on paper 61 x 76 cm<br>","Galleria Torbandena 2002, Trieste<br>Private collection, Italy<br>"]
scrolledContent[23]=["SUMP.jpg","<b>SUMP 2002.</b> Oil on canvas 65 x 50 cm<br>","Galleria Torbandena 2002, Trieste<br>Galerie Ditesheim 2003, Switzerland<br>Private collection, Switzerland<br>"]
scrolledContent[24]=["RESIDENCE.jpg","<b>RESIDENCE 2002.</b> Oil on canvas 107 x 98 cm<br>","Galleria Torbandena 2002, Trieste<br>Galerie Ditesheim 2003, Switzerland<br>Galer&iacute;a Metta 2004, Madrid<br>XXXVIIIe Prix International d'Art Contemporain de Monte Carlo. Collection of Ville de Monte Carlo<br>"]

var imagenes = new Array( scrolledContent.length );

/*
 * Pinta el cuerpo central de la opción
 */
function writeSelectedWorksBody()
{
    document.write( "<!-- CUERPO CENTRAL -->" );
    document.write( "<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">" );
    document.write( "<tr><td rowspan=\"100\"><img src=\"images/bs.gif\" width=\"50\" height=\"1\"></td>" );
    document.write( "<td><img src=\"images/bs.gif\" width=\"855\" height=\"20\"></td>" );
    document.write( "<td rowspan=\"100\"><img src=\"images/bs.gif\" width=\"50\" height=\"1\"></td>" );
    document.write( "</tr><tr><td align=\"center\" class=\"view_title\" width=\"76%\">" );
    document.write( "<iframe name=\"IFRAME_MARCO\" id=\"IFRAME_MARCO\" scrolling=\"no\" hspace=\"0\" vspace=\"0\" frameborder=\"0\" height=\"500\" width=\"855\" src=\"./loading.html\" class=scroll\"></iframe>" );
    document.write( "</td></tr><tr>" );
    document.write( "<td><img src=\"images/bs.gif\" width=\"855\" height=\"25\"></td>" );
    document.write( "</tr></table><!-- FIN CUERPO CENTRAL -->" );
}

/*
 *   Escribe el texto 'text' en la capa que se le pasa como parámetro 'obj'
 */
function layerWrite( obj, text )
{
    obj.innerHTML = text;
}

var CURRENT_IMAGE      = 0;
var PAUSE              = 6000;
var bRunning           = true;
var BOTON_SELECTED     = "PLAY_FORWARD";
var PRELOAD_CONTROLLER = 0;
var timer;

/*
 * Para o arranca el scroller a petición del usuario
 */
function handleClick( boton )
{
    BOTON_SELECTED = boton;
    bRunning = false;
    
    if( boton == 'FORWARD' || boton == 'PLAY_FORWARD' )
    	CURRENT_IMAGE++;
    else if( boton == 'BACKWARD' || boton == 'PLAY_BACKWARD' )
    	CURRENT_IMAGE--;

    checkCounter();
    loadContents();

    bRunning = ( boton == 'PLAY_FORWARD' || boton == 'PLAY_BACKWARD' );
}

/*
 * Pinta el frame 'loading' para precargar las imágenes
 */
function paintLoadingFrame()
{
    var iFramon = top.frames[0];
	if( iFramon == null ) iFramon = document;
    
    iFramon.location.href = "./loading.html";
}

/*
 * Método encargado de dar feedback sobre el estado de carga de las imágenes
 */
function writeLoadingAdvance()
{
    var iFramon = top.frames[0];
    var txtInfo = iFramon.document.getElementById( 'txtLoading' );
    
    if( txtInfo )
        layerWrite( txtInfo, "LOADING DATA " + (100*PRELOAD_CONTROLLER/25) + " %" );

}

   
/*
 * Hace la precarga de imágenes para que luego vaya ligerita la aplicación
 */
function startLoading()
{ 
   if( PRELOAD_CONTROLLER < imagenes.length )	
   {
   	imagenes[PRELOAD_CONTROLLER] = new Image()
   	imagenes[PRELOAD_CONTROLLER].src = "./images/"+scrolledContent[PRELOAD_CONTROLLER][0];
    imagenes[PRELOAD_CONTROLLER].onload = startLoading;   
    PRELOAD_CONTROLLER++;
   	writeLoadingAdvance();
   	if( PRELOAD_CONTROLLER == imagenes.length )
   	    loadContents();
    }
    else if(timer==undefined)
        timer = setInterval( "rotate()", PAUSE );
}

function checkCounter()
{
     if( CURRENT_IMAGE >= scrolledContent.length ) 
         CURRENT_IMAGE = 0;
     else if( CURRENT_IMAGE < 0  ) 
         CURRENT_IMAGE = scrolledContent.length-1;
}
/*
 * Rota las imágenes a intervalos del tiempo que se le pase en milis
 */
function rotate()
{
     if( bRunning )
         loadContents();
}

/*
 * Devuelve la imagen del array de imágenes que se le solicita, de las pre-cargadas
 */
function setImage( code, obj )
{
    obj.src    = imagenes[code].src;
    obj.width  = imagenes[code].width;
    obj.height = imagenes[code].height;
} 

/*
 * Carga los contenidos que se pasan como parámetro
 */
function loadContents()
{
    var iFramon = top.frames[0];
	if( iFramon == null ) iFramon = document;
    
    iFramon.location.href = "./contents.html?PICTURE="+CURRENT_IMAGE+"&GALLERY="+scrolledContent[CURRENT_IMAGE][1]+"&TEXT="+scrolledContent[CURRENT_IMAGE][2]+"&BOTON_SELECTED="+BOTON_SELECTED;
    
     if( BOTON_SELECTED == 'PLAY_FORWARD' )    
         CURRENT_IMAGE++;
     else if( BOTON_SELECTED == 'PLAY_BACKWARD' )    
         CURRENT_IMAGE--;
         
     checkCounter();    
}

/*
 * Mata el timer que sirve para mostrar las imágenes
 */
function killTimer()
{
    if( timer != null )
       clearInterval( timer );
}