var arrProyectos = new Array();
var arrBandas = new Array();
var fxScrollWrapper;

/****************  OnLoad ******************/
window.addEvent('domready', function() {
	//loadProyectos();
	
	fxScrollWrapper = new Fx.Scroll($('wrapper'), { 'duration':'long', 'wheelStops':false });
	
	fxScrollWrapper.set(1024,0);
	
	$$('a.btnTomi').each( function (btnTomi, index ) {
		btnTomi.addEvent('click', function() {fxScrollWrapper.start(0,0);});
	});
	
	$$('a.btnTomiCherry, a.btnCherryTomi').each( function (btnTomi, index ) {
		btnTomi.addEvent('click', function() {fxScrollWrapper.start(1024,0);});
	});
	
	$$('a.btnCherry').each( function (btnTomi, index ) {
		btnTomi.addEvent('click', function() {fxScrollWrapper.start(2048,0);});
	});
	
	//document.body.addEvent('load', populateProyectos);
	document.body.addEvent('mouseover', ocultarBandas);
	
	loadingPreLoad = new Image();
	loadingPreLoad.src = 'images/slimbox/loading.gif';
});
/******************************************/

/*function loadProyectos()
{			
	for ( i = 1 ; i <= proyectos_cantidad ; i++ )
	{	
		new Asset.javascript(proyectos_directory + proyectos_prefix + i + "/" + proyectos_conf_file );
	}
}*/
function fixSafariPositioning(banda)
{
	if (Browser.Engine.webkit && !banda.safariPositioningFixed) //&& !banda.safariFixed)
	{
		banda.setStyle('left', banda.getPosition().x);	
		banda.safariPositioningFixed = true;
	}
}
	
	
function addProyecto( nombre, descripcion, cant_imagenes, nueva_linea )
{
	arrProyectos.push( new Proyecto(nombre, descripcion, cant_imagenes, nueva_linea) );
}

function populateProyectos()
{	
	for ( i = 1 ; i <= arrProyectos.length ; i++ )
	{
		oProyecto = arrProyectos[i - 1];
		current_directory = proyectos_directory + proyectos_prefix + i + "/";
		
		if ( oProyecto.nueva_linea )
		{
			$('content').adopt(new Element('br'));
		}
		
		banda = new Element('img', {
			'src': current_directory + proyectos_banda + i + proyectos_banda_extension,
			'class':'banda',
			'events': {
				'mouseleave': function() { 	
					this.oFxIn.cancel();
					this.oFxOut.start(0);
					//this.fade('out'); 
				},
				'mouseenter': function() {
					this.oFxOut.cancel();
					this.oFxIn.start(1);
				},
				'click': function() { 
					if ( !(this.descripcion) )
					{
						Slimbox.open(this.images, 0);
					}
					else
					{
						Slimbox.open(this.descripcion, 0);
					}
				}
			}
		});
		
		banda.oFxIn = new Fx.Tween(banda, { duration: 300, link: 'ignore', property: 'opacity' });
		banda.oFxOut = new Fx.Tween(banda, { duration: 1800, link: 'ignore', property: 'opacity' });
		
		banda.images = new Array();
		if ( oProyecto.descripcion )
			banda.descripcion = current_directory + oProyecto.descripcion;
		
		$('content').adopt(banda.fade('hide'));
		arrBandas.push(banda);
		
		for ( j = 1 ; j <= oProyecto.cant_imagenes ; j++)
		{
			thumb = new Element('img', {
				'src': current_directory + proyectos_thumb_prefix + j + proyectos_thumb_extension,
				'class':'thumb',
				'events': {
					'mouseover': function() { 
						if (this.banda.getStyle('opacity') == 0)
							ocultarBandas(this.banda);
							//this.banda.fade('in'); 
							//this.banda.oFxOut.cancel();
							this.banda.oFxIn.start(1);
							fixSafariPositioning(this.banda);
					}
				}
			});
			
			thumb.banda = banda;
			banda.images.push([current_directory + j + proyectos_fullimage_extension, oProyecto.nombre]);
			
			$('content').adopt(thumb);
		}
	}
}

function ocultarBandas( sender )
{
	arrBandas.each( function(item) { 
		if (item != sender && item.getStyle('opacity').toInt() == 1 ) 
		{
			item.oFxIn.cancel(); 
			item.oFxOut.start(0); 
		} 
	});
}