var progreso = 0, galeriaIniciada = false; cuentaPrimerasFotos = 0; primerasCargadas = false;
function iniciarGaleria(){
	for( var i = 0; i < 2; i++ ){
		if( i == 0)
		$( '#imagenes' ).fadeIn(600);
		else{
			var listas = document.getElementsByTagName('li');
			for ( var i = 0; i < listas.length; i ++ )
				$(listas[i]).fadeIn(800);
			$('.galeria').addClass('gallery_demo');
			$('ul.gallery_demo').galleria({
				history   : false,
				clickNext : true,
				insert    : '#main_image',
				onImage   : function(image,caption,thumb) {
					image.css('display','none').fadeIn(500);
					caption.css('display','none').fadeIn(500);
					var _li = thumb.parents('li');
					_li.siblings().children('img.selected').fadeTo(500,0.3);
					thumb.fadeTo('fast',1).addClass('selected');
				},
				onThumb : function(thumb) {
					var _li = thumb.parents('li');
					var _fadeTo = _li.is('.active') ? '1' : '0.3';
					thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
					thumb.hover(
					function() { thumb.fadeTo('fast',1); },
					function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
					)
				}
			});
		}
	}
}
function aumentarCuentaPrimerasFotos(){
	cuentaPrimerasFotos++;
	if( cuentaPrimerasFotos == 3 ){
		primerasCargadas = true;
		var retardo = 0;
		for(var i = 0; i < 10; i++){
			setTimeout( "aumentar();" , retardo );
			retardo = retardo + 600;
		}
	}
}
function aumentar(){
	progreso++;
	if( progreso > 100 && !galeriaIniciada && primerasCargadas ){
		galeriaIniciada = true;
		setTimeout(function(){
			$("#progressbar	").hide(1).progressbar("destroy");
			setTimeout("iniciarGaleria();",150);
		},450);
	}
	$("#progressbar").progressbar("progress",progreso);
}
function progresar(){
	var retardo = 0;
	for(var i = 0; i < 10; i++){
		setTimeout( "aumentar();" , retardo );
		retardo = retardo + 200;
	}
}
function progresoInicial(){
	var retardo = 0;
	for(var i = 0; i < 100; i++){
		setTimeout( "aumentar();" , retardo );
		retardo = retardo + 600;
	}
}
$(document).ready(function(){
	$("#progressbar").fadeIn(500).progressbar( function() {
		interval: 500;
		text: 0;
		textClass: "textoProgressBar";
		width: 250;
		range: true;
		increment: 1;
	});
	$('.scroll-pane').jScrollPane({scrollbarWidth:10, dragMaxHeight:50});
	$('.scroll-pane-publicaciones').jScrollPane({scrollbarWidth:6, scrollbarMargin:2, dragMaxHeight:50});
	setTimeout("progresoInicial();",50);
	setTimeout("progresar();",3000);
	setTimeout("progresar();",8000);
	

// CODIGO POR EL PLUGIN LIGHTBOX-GALLERY, ANHADIDO POR JP@AGOSTO-2009
// If you make images display slowly, use following two lines;
//	var i = 0;
//	showImg(i);

	jQuery('a[rel*=lightbox]').lightBox();
	jQuery('.gallery1 a').lightBox({captionPosition:'gallery'});
	jQuery('.gallery1 a').tooltip({track:true, delay:0, showURL: false});

// Add these lines if you want to handle multiple galleries in one page.
// You need to add into a [gallery] shorttag. ex) [gallery class="gallery2"] 
//jQuery('.gallery2 a').lightBox({captionPosition:'gallery'});
//jQuery('.gallery2 a').tooltip({track:true, delay:0, showURL: false});
//jQuery('.gallery3 a').lightBox({captionPosition:'gallery'});
//jQuery('.gallery3 a').tooltip({track:true, delay:0, showURL: false});
jQuery('.ciudad-presencia-foto1 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto2 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto3 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto4 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto5 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto6 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto7 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto8 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto9 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto10 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto11 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto12 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto13 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto14 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto15 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto16 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto17 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto18 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto19 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto20 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto21 a').lightBox({captionPosition:'gallery'});
jQuery('.ciudad-presencia-foto22 a').lightBox({captionPosition:'gallery'});
	
});