var imagenes = new Array();
var circulos_current = -1;
var circulos_time;
var div_parent = $( 'circulos_content' );
var div_titulos= $( 'circulos_titulo' );
var fx1 = new Fx.Morph(div_parent, {duration: 200, transition: Fx.Transitions.Sine.easeOut});
var fx2 = new Fx.Morph(div_titulos, {duration: 200, transition: Fx.Transitions.Sine.easeOut});
var circulos_cambia_plaza = function( id )
{
	$( 'circulos_content' ).empty();
	if( id.test( "plaza_" ) ){ var plaza = id.replace( "plaza_", "" ); } else { var plaza = id; id = "plaza_" + id ;}
	$$( 'a.plaza').each( function( item){ $(item).removeClass('activa'); } );
	$( id ).addClass( "activa" );
	$( 'circulos_flecha' ).setStyle('left',$(id).getStyle('left') );
	$( 'circulos_titulo1' ).set( 'html', '' );
	$( 'circulos_titulo2' ).set( 'html', 'Cargando plaza.... <img src="/images/loading.gif" border="0" width="20" height="20"/>' );
	$( 'circulos_titulo2' ).set( 'href', '' );
	imagenes = new Array();
	var idP = 0;
	for( var id in objCirculos )
	{
		id = parseInt( id, 10 );
		if( plaza == objCirculos[id].plaza )
		{
			if( idP == 5 ) return;
			obj = { 
				"src" : "/media/canales/"+objCirculos[id].foto,
				"titulo1" : objCirculos[id].titulo,
				"titulo2" : objCirculos[id].entradilla,
				"link" : objCirculos[id].url
			};
			imagenes.push( obj );
			idP++;
		}
	}
	circulos_siguiente();
}
var carga_circulo = function( id )
{
	fx1.start(
		{ 'opacity' : 0}
	).chain( function()
		{
			$( 'circulos_content' ).empty();
			var imagen = imagenes[id].src;
			var loadIMG = new Element( 'img', { 'id' : 'circulo_img', 'src' : imagen }).inject( $( 'circulos_content' ) );
			loadIMG.setStyle( 'cursor' , 'pointer' );
			loadIMG.addEvent( 'click', function(){ window.location=imagenes[id].link } );
			fx1.start({ 'opacity' : 1 });
			fx2.start(
				{ 'opacity' : 0}
			).chain( function() 
				{
					fx2.start( { 'opacity' : 1 } );
					$( 'circulos_titulo1' ).set( 'href', imagenes[id].link );
					$( 'circulos_titulo1' ).set( 'html', imagenes[id].titulo1 );
					$( 'circulos_titulo1' ).addEvent( 'click',
						function()
						{	if( flagUrchin )
							{	pageTracker._trackEvent( 'home','Click','portlet_circulos' );
							}
						}
					);
					$( 'circulos_titulo2' ).set( 'href', imagenes[id].link );
					$( 'circulos_titulo2' ).set( 'html', imagenes[id].titulo2 );
					$( 'circulos_titulo2' ).addEvent( 'click',
						function()
						{	if( flagUrchin )
							{	pageTracker._trackEvent( 'home','Click','portlet_circulos' );
							}
						}
					);
					$$( 'a.plaza' ).each( function( item ){ $( item ).removeClass( 'activa' ); } );
					$( imagenes[ id ].plaza ).addClass( 'activa' );
					$( 'circulos_flecha' ).setStyle( 'left', $( imagenes[ id ].plaza ).getStyle( 'left' ) );
				}
			);
		}
	);
}

var circulos_siguiente = function()
{
	if( circulos_current >= ( imagenes.length - 1 ) )
	{
		circulos_current = 0;
	}
	else
	{
		circulos_current++
	}
	$clear( circulos_time );
	circulos_time = circulos_siguiente.periodical( 5000 );
	carga_circulo( circulos_current );
}
var circulos_anterior = function()
{
	if( circulos_current <= 0 )
	{
		circulos_current = ( imagenes.length - 1 );
	}
	else
	{
		circulos_current--;
	}

	$clear( circulos_time );
	circulos_time = circulos_anterior.periodical( 5000 );
	carga_circulo( circulos_current );
}
var llena_portlet_circulos = function()
{
}

var plazas = [ 'circulos', 'circulos_mexico', 'circulos_monterrey', 'circulos_jalisco', 'circulos_acapulco', 'circulos_rivieramaya', 'circulos_guanajuato', 'circulos_queretaro' ];
window.addEvent( 'domready',
function()
{
	new Request(
	{	'url'	:	'/txt/portlet_circulos.txt?q=' + Math.random(),
		'onSuccess' : function( txt, html )
		{
			var responseJSON = PHP_Unserialize( txt );
			objCirculos = responseJSON.data.Circulos;
			if( objCirculos )
			{
				//circulos_cambia_plaza( plazas[0] );
					imagenes = [];
				for( var id = 0; id < plazas.length; id++ )
				{
					id1 = 0;
					for( var pid in objCirculos )
					{
						pid = parseInt( pid, 10 );
						if( objCirculos[ pid ].plaza == plazas[ id ] )
						{
							if( id1 == 0 ){
							imagenes.push(
								{	"src"		:	"/media/canales/" + objCirculos[ pid ].foto,
									"titulo1"	:	objCirculos[pid].titulo,
									"titulo2"	:	objCirculos[pid].entradilla,
									"link"		:	objCirculos[pid].url,
									"plaza"		:	"plaza_" + objCirculos[pid].plaza
								}
							);
							}
							id1++;
						}
					}
				}
				$$( 'a.plaza' ).each(
					function( item, index )
					{
						$( item ).addEvent(
							'click',
							function()
							{
								//alert( item + ' ' + index );
								carga_circulo( index );
								circulos_current = index;
							}
						);
					}
				);
				circulos_siguiente();

			}
		}
	} ).send();
}
);