﻿var scrolledContent=new Array()
scrolledContent[0]=["brokenfloor.jpg","<b>BROKEN FLOOR 2007.</b> Oil on paper  68,5 x 76 cm<br>","Private collection, Spain<br>"]
scrolledContent[1]=["entreplanta.jpg","<b>ENTREPLANTA 2008.</b> Oil on paper 119 x 70 cm<br>","Private collection, France<br>"]
scrolledContent[2]=["sleepingarrangements.jpg","<b>SLEEPING ARRANGEMENTS 2008.</b> Oil on paper 152 x 122 cm<br>","Private collection, Spain<br>"]
scrolledContent[3]=["abanderado.jpg","<b>ABANDERADO 2008.</b> Oil on paper 68,5 x 76 cm<br>","Private collection, Britain<br>"]
scrolledContent[4]=["nightbird.jpg","<b>NIGHT BIRD 2008.</b> Oil on canvas 165 x 140 cm<br>","Private collection, Spain<br>"]
scrolledContent[5]=["mattress.jpg","<b>MATTRESS 2008.</b> Oil on paper 122 x 140 cm<br>","<br>"]
scrolledContent[6]=["awake2.jpg","<b>AWAKE AT NIGHT No.1 2008.</b><br> Oil on paper 122 x 140  cm<br>","<br>"]
scrolledContent[7]=["burntdoor.jpg","<b>BURNT DOOR 2008.</b> Oil on paper  152 x 122 cm<br>","<br>"]
scrolledContent[8]=["awake.jpg","<b>AWAKE AT NIGHT No.3 2008.</b><br> Oil on paper 122 x 152 cm<br>","<br>"]
scrolledContent[9]=["barricade.jpg","<b>BARRICADE 2008.</b> Oil on paper 70,5 x 61 cm<br>","<br>"]
scrolledContent[10]=["whitestairs.jpg","<b>WHITE STAIRS 2008.</b><br> Oil on paper 61 x 70,5 cm<br>","Private collection, Spain<br>"]
scrolledContent[11]=["altarpiece.jpg","<b>ALTARPIECE 2008.</b> Oil on canvas 165 x 140 cm<br>","<br>"]
scrolledContent[12]=["whitestreet.jpg","<b>WHITE STREET 2009.</b> Oil on canvas 238 x 172 cm<br>","<br>"]
scrolledContent[13]=["ozymandias.jpg","<b>OZYMANDIAS 2009.</b> Oil on canvas 205 x 297 cm<br>","<br>"]
scrolledContent[14]=["table.jpg","<b>TABLE 2009.</b> Oil on canvas 205 x 297 cm<br>","<br>"]
scrolledContent[15]=["velvetfireplace.jpg","<b>VELVET FIREPLACE 2009.</b> Oil on canvas 198 x 173 cm<br>","Private collection, Spain<br>"]
scrolledContent[16]=["silverscreen.jpg","<b>SILVER SCREEN 2009.</b> Oil on canvas 181 x 146 cm<br>","<br>"]
scrolledContent[17]=["daybed.jpg","<b>DAYBED  2009.</b> Oil on paper  122 x 152 cm<br>","<br>"]
scrolledContent[18]=["smallmattress.jpg","<b>SMALL MATTRESS 2009.</b><br> Oil on canvas 122 x 140 cm<br>","Private collection, Spain<br>"]
scrolledContent[19]=["smallvelvet.jpg","<b>SMALL VELVET 2009.</b> Oil on canvas 94 x 75 cm<br>","<br>"]

var imagenes = new Array( scrolledContent.length );

/*
 * Pinta el cuerpo central de la opción
 */
function writeNewWorksBody()
{
    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 );
}