//
// Codigo JScript para galerķa de fotos y Cambio aleatorio del fondo
//

// Cambia la imagen de fondo

function SetBackground()
{
	var sImg = ["transparent url(images/fondo0a.jpg) no-repeat scroll center top","transparent url(images/fondo0b.jpg) no-repeat scroll center top","transparent url(images/fondo0c.jpg) no-repeat scroll center top","transparent url(images/fondo0d.jpg) no-repeat scroll center top","transparent url(images/fondo0e.jpg) no-repeat scroll center top","transparent url(images/fondo0f.jpg) no-repeat scroll center top",];
	var oDiv;
	var i;

	oDiv = (document.getElementById) ? document.getElementById("Pgn0") : Pgn0;
	i = Math.floor(Math.random()*6);
	
	oDiv.style.background = sImg[i];
}


//  Pone o quita los bordes resaltados al objeto recibido
//  Parametros:
// obj  : Objeto que genera la llamada
// mode : Tipo de bordes (TRUE = poner, FALSE = quitar)

function ItemHighlight(obj, mode)
{
	if (mode)
		obj.style.border = "1px solid #ffffff";
	else
		obj.style.border = "1px solid #000000";
}

//  Inicializa el contenido de la pagina por primera vez

function InitCollectionPage()
{
	DrawPageThumbs();
	ShowBigImage(0);
}

// Muestra la imagen grande indicada
// Parametros:
// indice  : Indice de la foto a mostrar en m_sImgArray[]
// Tambien utiliza m_sImgArray[] y bigImageDiv, que deben estar definidas en la pagina.

function ShowBigImage(indice)
{
	var str;
	var oDiv;   // Obj para acceder al DIV de la imagen

	// Nombre de la foto a mostrar
	str = "images/" + m_sImgArray[indice];

	oDiv = (document.getElementById) ? document.getElementById("ImagenGrande") : ImagenGrande;
	oDiv.innerHTML = "<img src='" +str+ "' class='Grnd'><br>";
}

// Pinta la tabla de thumbnails de la coleccion en pantalla (en vertical, 2 columnas)
// Parametros:
// Utiliza m_sImgArray[], que debe estar definido en la pagina

function DrawPageThumbs()
{
	var i, str, maxImg;
	var oDiv;               // Obj para acceder al DIV de los thumbnails

	oDiv = (document.getElementById) ? document.getElementById("Miniaturas") : Miniaturas;
	maxImg = m_sImgArray.length;    // Numero de fotos en la coleccion
	str = "";

	for (i=0; i<maxImg; i++)
	{
		str = str + "<img src='images/miniaturas/" +m_sImgArray[i]+ "' class='Mntr' onClick='ShowBigImage(" +i+ ");' onMouseOver='ItemHighlight(this, true);' onMouseOut='ItemHighlight(this, false);'>";
	}
	oDiv.innerHTML = str;
}