var galeriaPuntero;
var _galeria, _thumbs;
var _galeriaOn = false;
var _illustraciones = [ [ 'Amor', 'Técnica digital<br>2010' ] ,
						[ 'De la tierra al cielo', 'Técnica digital.<br>2009' ],
						[ 'Alcaucil', 'Tintas y técnica digital.<br>2008' ],
						[ 'Todo por la trompa', 'Técnica digital.<br>2010' ],
						[ 'Don Carlos', 'Collage con cartulinas estampadas y témpera.<br>2010' ],
						[ 'Luna', 'Técnica digital.<br>2009' ],
						[ 'Nena y nene', 'Collage con cartulinas estampadas y témpera.<br>2010' ],
						[ 'Obelisco', 'Collage con cartulinas estampadas y témpera.<br>2010' ],
						[ 'La pequeña vendedora de fósforos', 'Técnica digital.<br>2008' ],
						[ 'Princesa', 'Collage con cartulinas estampadas y calados.<br>2010' ] ];
						
						
						
$(document).ready(function() {
	$('#galeria .left').click(galeriaLeft_OnClick);
	$('#galeria .right').click(galeriaRight_OnClick);
	$('#galeria .cerrar').click(galeriaCerrar_OnClick);
	
	$('#galeria .left').mouseover(galeriaButton_MouseOver);
	$('#galeria .right').mouseover(galeriaButton_MouseOver);
	$('#galeria .cerrar').mouseover(galeriaButton_MouseOver);
	
	$('#galeria .left').mouseout(galeriaButton_MouseOut);
	$('#galeria .right').mouseout(galeriaButton_MouseOut);
	$('#galeria .cerrar').mouseout(galeriaButton_MouseOut);
	
	$('#galeria .transparency').click(galeriaCerrar_OnClick);
	$(window).scroll(window_OnScroll);
});
	
function mostrarGaleria (index)
{
	if ( index < 9 )
		_mostrarGaleria( _illustraciones[index][0], _illustraciones[index][1], ['static/images/ilustraciones/' + index + '.png'], [''] );
	else
		_mostrarGaleria( _illustraciones[index][0], _illustraciones[index][1], [['static/images/ilustraciones/' + index + '-0.png'],['static/images/ilustraciones/' + index + '-1.png'],['static/images/ilustraciones/' + index + '-2.png'],['static/images/ilustraciones/' + index + '-3.png'],['static/images/ilustraciones/' + index + '-4.png'],['static/images/ilustraciones/' + index + '-5.png']], [['static/images/ilustraciones/thumbs/' + index + '-0.png'],['static/images/ilustraciones/thumbs/' + index + '-1.png'],['static/images/ilustraciones/thumbs/' + index + '-2.png'],['static/images/ilustraciones/thumbs/' + index + '-3.png'],['static/images/ilustraciones/thumbs/' + index + '-4.png'],['static/images/ilustraciones/thumbs/' + index + '-5.png']] );
}	
	
	
function _mostrarGaleria(title, desc, galeria, thumbs)
{
	_galeria = trim(galeria);
	_thumbs = trim(thumbs);
	
	$('#galeria').css('width', $(window).width());
	$('#galeria').css('height', $(document.body).height() + 100);
	$('#galeriaWrapper').css('padding-top', $(window).scrollTop() + 30);
	//$('#galeria').css('top', $(window).scrollTop());
	
	galeriaPuntero = 0;
	$('#galeria .desc').html( '<strong>' + title + '</strong>' + '<p>' + desc + '</p>' );
	
	$('#galeria .imagenGaleriaWrapper').html( '<img src="' + _galeria[galeriaPuntero] + '" />' );
	
	thumbsHtml = '';
	$('#galeria .thumbs').html('');
	
	if ( _thumbs.length > 1 )
	{
		$('#galeria .left').show();
		$('#galeria .right').show();
		
		for (var i = 0; i < _thumbs.length ; i++ )
		{
			if ( i == 0 )	
				thumbsHtml += "&nbsp;<img class='activo' onclick='javascript:thumb_OnClick(" + i +  ")' src='" + _thumbs[i] + "' />";
			else			
				thumbsHtml += "&nbsp;<img onclick='javascript:thumb_OnClick(" + i +  ")' src='" + _thumbs[i] + "' />";
		}
		
		$('#galeria .thumbs').html( thumbsHtml );
	}
	else
	{
		$('#galeria .left').hide();
		$('#galeria .right').hide();
	}
	
	$('#toolbar').hide();
	_galeriaOn = true;
	$('#galeria').fadeTo('slow', 1);
}

function thumb_OnClick( key )
{
	galeriaPuntero = key;
	changeThumbActivo();
	
	$('#galeria .imagenGaleriaWrapper').html( '<img src="' + _galeria[galeriaPuntero] + '" />' );
}

function galeriaRight_OnClick ()
{
	galeriaPuntero++;
	
	if ( galeriaPuntero == _galeria.length )
		galeriaPuntero = 0;

	changeThumbActivo();	
	
	$('#galeria .imagenGaleriaWrapper').html( '<img src="' + _galeria[galeriaPuntero] + '" />' );
}

function galeriaLeft_OnClick ()
{
	galeriaPuntero--;
	
	if ( galeriaPuntero == -1 )
		galeriaPuntero = _galeria.length - 1;
	
	changeThumbActivo();
	
	$('#galeria .imagenGaleriaWrapper').html( '<img src="' + _galeria[galeriaPuntero] + '" />' );
}

function galeriaCerrar_OnClick()
{
	_galeriaOn = false;
	$('#galeria').fadeOut('slow');
	$('#toolbar').show();
}

function changeThumbActivo()
{
	$('#galeria .botones .thumbs img').removeClass();
	$('#galeria .botones .thumbs img').eq(galeriaPuntero).addClass('activo');
}

function window_OnScroll()
{
	//que mueva con scroll para arriba
	if ( _galeriaOn && parseInt($('#galeriaWrapper').css('padding-top')) + 30 > $(window).scrollTop() )
		$('#galeriaWrapper').css('padding-top', $(window).scrollTop() + 30);
}

function galeriaButton_MouseOver ()
{
	$(this).css('background-position','center bottom');
}

function galeriaButton_MouseOut ()
{
	$(this).css('background-position','center top');
}

function trim(arr2) {
	var arr1=new Array();
	for(j=0;j<arr2.length;j++)
		if(arr2[j])
			arr1[arr1.length]=arr2[j];
	
	return arr1;
}