// JavaScript Document
// esta funcion cambiará sin recargar la pagina, la foto de la obra y sus datos
// here we define global variable

//toda variable definida fuera de una funcion es global, sea definida con o sin el prefijo var
indice=0;

/////////////////////////////////////

	if(screen.height>600)
	  document.write('<link href="css.css" rel="stylesheet" type="text/css">');
	else
	  document.write('<link href="css-chico.css" rel="stylesheet" type="text/css">');

///////// FUNCIONES ///////////////
function adelante_artista(artista,biofull,obra,medidasyanio,tecnica,foto,anterior,siguiente)// funcion que muestra las obras de los artistas secuencialmente
{

indice++;


var laImagen = document.getElementById(foto);
var medidasYanio = var_medidas_obra[indice] + ', '+ '<span class="anio">' + var_anio_obra[indice] + '</span>'; 

if (var_bio_artista == "")//nombre artista sin bio
		{document.getElementById('artista').innerHTML = var_nombre_artista[indice] + " " + var_apellido_artista[indice] ;}
else // nombre artista con bio
		{document.getElementById('artista').innerHTML = var_nombre_artista[indice] + " " + var_apellido_artista[indice] + "<span> | <a href=\"javascript:func_div_txt('biofull','biotext','oscurecerfondo','artista');\" class=\"biografia\">Bio</a></span></div>";}






if (var_serie_obra[indice]== "")
		{document.getElementById('obra').innerHTML = '"' + var_nombre_obra[indice] + '"' ;}
else
		{document.getElementById('obra').innerHTML = '"' + var_nombre_obra[indice] + '"' + '<span class="serie">| Serie: ' + '"' + 
		 var_serie_obra[indice] + '"</span>'; }

document.getElementById('medidasyanio').innerHTML = medidasYanio;
document.getElementById('tecnica').innerHTML = var_tecnica_obra[indice];

miurl = var_foto_obra[indice]; // empiezo a armar el string de la url
var cadenaurl = "url(" + miurl + ") no-repeat center center";//termino de armar el string de la url completa
laImagen.style.background  = cadenaurl;//aqui le paso la url para poner como fondo del div la foto de la obra

//////////////////////////
//habilitar el boton atras:
document.getElementById('anterior').style.visibility="visible";//al ir adelante siempre se debe habilitar el boton atras
/////////////////////////

if (var_num_rows == indice+1){//deshabilitar el boton siguiente si es la ultima obra:

	document.getElementById('siguiente').style.visibility="hidden";
	}

}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////	
///////////////////////////////////////////////////////////////////////////////////////////////////////	
function atras_artista(artista,biofull,obra,medidasyanio,tecnica,foto,anterior,siguiente)//funcion que muestra retrocediendo las obras de los artistas
{
	
indice--;

var laImagen = document.getElementById(foto);

var medidasYanio = var_medidas_obra[indice] + ', '+ '<span class="anio">' + var_anio_obra[indice] + '</span>'; 

if (var_bio_artista == "")//nombre artista sin bio
		{document.getElementById('artista').innerHTML = var_nombre_artista[indice] + " " + var_apellido_artista[indice] ;}
else // nombre artista con bio
		{document.getElementById('artista').innerHTML = var_nombre_artista[indice] + " " + var_apellido_artista[indice] + "<span> | <a href=\"javascript:func_div_txt('biofull','biotext','oscurecerfondo','artista');\" class=\"biografia\">Bio</a></span></div>";}





if (var_serie_obra[indice]== "")
		{document.getElementById('obra').innerHTML = '"' + var_nombre_obra[indice] + '"' ;}
else
		{document.getElementById('obra').innerHTML = '"' + var_nombre_obra[indice] + '"' + '<span class="serie">| Serie: ' + '"' + 
		 var_serie_obra[indice] + '"</span>'; }document.getElementById('medidasyanio').innerHTML = medidasYanio;

document.getElementById('tecnica').innerHTML = var_tecnica_obra[indice];

miurl = var_foto_obra[indice];
var cadenaurl = "url(" + miurl + ") no-repeat center center";
laImagen.style.background  = cadenaurl;


document.getElementById('siguiente').style.visibility="visible";//al ir para atras siempre se debe habilitar el boton siguiente

if (indice==0){ //si esta en la primera obras, no debe mostrar flecha atras

	document.getElementById('anterior').style.visibility="hidden";
	}
}

///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////


function adelante_muestra(muestra,artista,obra,medidasyanio,tecnica,foto,anterior,siguiente)// funcion que muestra las obras de los artistas secuencialmente
{
	
indice++;


var laImagen = document.getElementById(foto);
var elArtista = var_nombre_artista[indice] +' '+ var_apellido_artista[indice];

var medidasYanio = var_medidas_obra[indice] + ', '+ '<span class="anio">' + var_anio_obra[indice] + '</span>'; 

var laMuestra = "\"" + var_nombre_muestra[indice] + "\"" + "<span> |<a href=\"javascript:func_div_txt('biofull','biotext','oscurecerfondo','muestra');\" class=\"biografia\">Leer texto</a></span>";
/// aqui se les asigna nueva informacion a los divs que muestran la obra y su foto
document.getElementById('muestra').innerHTML = laMuestra;

document.getElementById('artista').innerHTML = elArtista;

if (var_serie_obra[indice]== "")
		{document.getElementById('obra').innerHTML = '"' + var_nombre_obra[indice] + '"' ;}
else
		{document.getElementById('obra').innerHTML = '"' + var_nombre_obra[indice] + '"' + '<span class="serie">| Serie: ' + '"' + 
		 var_serie_obra[indice] + '"</span>'; }

document.getElementById('tecnica').innerHTML = var_tecnica_obra[indice];
document.getElementById('medidasyanio').innerHTML = medidasYanio;

miurl = var_foto_obra[indice]; // empiezo a armar el string de la url
var cadenaurl = "url(" + miurl + ") no-repeat center center";//termino de armar el string de la url completa
laImagen.style.background  = cadenaurl;//aqui le paso la url para poner como fondo del div la foto de la obra

//////////////////////////
//habilitar el boton atras:
document.getElementById('anterior').style.visibility="visible";//al ir adelante siempre se debe habilitar el boton atras
/////////////////////////

if (var_num_rows == indice+1){//deshabilitar el boton siguiente si es la ultima obra:

	document.getElementById('siguiente').style.visibility="hidden";
	}

}

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////	
///////////////////////////////////////////////////////////////////////////////////////////////////////	
function atras_muestra(muestra,artista,obra,medidasyanio,tecnica,foto,anterior,siguiente)//funcion que muestra retrocediendo las obras de los artistas
{
	
indice--;

var laImagen = document.getElementById(foto);

var elArtista = var_nombre_artista[indice] +' '+ var_apellido_artista[indice];

var medidasYanio = var_medidas_obra[indice] + ', '+ '<span class="anio">' + var_anio_obra[indice] + '</span>'; 


var laMuestra = "\"" + var_nombre_muestra[indice] + "\"" + "<span> |<a href=\"javascript:func_div_txt('biofull','biotext','oscurecerfondo','muestra');\" class=\"biografia\">Leer texto</a></span>";

document.getElementById('muestra').innerHTML = laMuestra;
document.getElementById('artista').innerHTML = elArtista;

if (var_serie_obra[indice]== "")
		{document.getElementById('obra').innerHTML = '"' + var_nombre_obra[indice] + '"' ;}
else
		{document.getElementById('obra').innerHTML = '"' + var_nombre_obra[indice] + '"' + '<span class="serie">| Serie: ' + '"' + 
		 var_serie_obra[indice] + '"</span>'; }
		 
document.getElementById('tecnica').innerHTML = var_tecnica_obra[indice];
document.getElementById('medidasyanio').innerHTML = medidasYanio;

miurl = var_foto_obra[indice];
var cadenaurl = "url(" + miurl + ") no-repeat center center";
laImagen.style.background  = cadenaurl;


document.getElementById('siguiente').style.visibility="visible";//al ir para atras siempre se debe habilitar el boton siguiente

if (indice==0){ //si esta en la primera obras, no debe mostrar flecha atras

	document.getElementById('anterior').style.visibility="hidden";
	}
}
/////////////////////////////////////
/////////////////////////////////////
/////////////////////////////////////

///////// FUNCION PARA BIO Y TEXTOS VARIOS///////////////
function func_div_txt(biofull,biotext,oscurecerfondo,x)// funcion que oscurece fondo y muestra div de biografia
{
		document.getElementById('biofull').style.display = '';
		document.getElementById('oscurecerfondo').style.display = '';
		if (x=='muestra'){

			document.getElementById('biotext').innerHTML =  var_texto_muestra;
		}
		if (x=='artista'){

			document.getElementById('biotext').innerHTML =  var_bio_artista;
		}
		
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////	


function func_sin_div_txt()// funcion que reestablece fondo y oculta div de biografia
{
		
		document.getElementById('biofull').style.display = 'none';
		document.getElementById('oscurecerfondo').style.display = 'none';
}