var active = 1;
var isSliding = false;
var controls;
var time;

window.addEvent('domready',function()
{
	init();
	
	var note = new notifier(3000);
				
	window.addEvent('idle', onIdle);
	window.addEvent('active', onActive);
});

function onIdle(e)
{		
	timer();
}

function onActive(e) 
{
	clearTimeout( time );
}

function timer()
{
	next();
	time = setTimeout ( "timer()", 3000 );
}

function init()
{
	controls = $$('#slide-controls-nav a');
	
	if($('slide-control'))
	{
		var panels = 3;
		
		for( i=0; i<controls.length; i++ )
		{
			controls[i].pnl = i+1;
			controls[i].addEvent('click', function(e) {
			e.stop();
				
				if( isSliding == false && this.pnl != active )
				{
					controls.removeClass('active');
					
					slide(this.pnl);
					this.addClass('active');
				}
			});
		}
		
		$('next-slide').addEvent('click', function(e) {
			e.stop();
			next();
		});
		
		$('prev-slide').addEvent('click', function(e) {
			e.stop();
			previous();			
		});
	}
}

function next()
{
	if( isSliding == false )
	{
		controls.removeClass('active');
		
		current = active+1;
							
		if( current > 3 )
		{
			current = 1;
		}
						
		slide(current);
		$('slide-link-'+current).addClass('active');
	}
}

function previous()
{
	if( isSliding == false )
	{
		controls.removeClass('active');
		
		current = active-1;
							
		if( current < 1 )
		{
			current = 3;
		}
						
		slide(current);
		$('slide-link-'+current).addClass('active');
	}
}

function slide( pnl )
{
	isSliding = true;
	
	$$('#slideshow .slide-item').addClass('hide').removeClass('active');
	
	$('slide-'+pnl).removeClass('hide').addClass('active');
	
	$('image-'+pnl).tween('left', '0').addClass('active').removeClass('inactive');
	
	$('image-'+active).set('tween', {
		onComplete: function(e) {
				$$('#images .inactive').setStyle('left', '130px');
				isSliding = false;
			}
		}).tween('left', '-130').addClass('inactive').removeClass('active');
	
	active = pnl;
}