window.addEvent('domready', function() {
	
	var current_item = 0;
	var scroll_active = false;
	var live_links = true;
	var scroll_del = 6000;
	
	
	runScroll();
	
	function runScroll()
	{
		scroll_active = true;
		
		if (scroll_active == true)
		{
			(function() { scroll();}).delay(scroll_del);
		}	
	}
	
	
	
	$('next').addEvent('click', function(event){ 
			event.stop();	
			scroll();
        });		
	
	$$('.banner_shortcuts').each(function(el){
		el.addEvent('click', function(event){
			banner_no = el.id.substring(12)

			//alert(banner_no);

			if (banner_no != current_item)
			{
				scroll_active = false;
				move_to(banner_no);
				
			}
			
		});
		
	});
	
	function scroll()
	{	
		
		if (scroll_active == true)
		{
			next_item = (current_item+1)
		
			if (next_item == (banner_count+1))
			{
				$('banners_container').setStyle('margin-left', '0px');
				current_item = 0;
				next_item = (current_item+1);
			}
			
			move_to(next_item);
			
		}
		
				
		
	}
	
	
	
	function move_to(item_no)
	{		
		if (live_links == true)
		{
		
			old_val = current_item*935;
			new_val = item_no*935;
			duration = (Math.abs(item_no-current_item))*1000
		
		
			var myFx = new Fx.Tween('banners_container', {transition: Fx.Transitions.Bounce.easeOut, duration: duration});
		
			myFx.addEvent('complete', function() { 
				live_links = true;	
				
				if (scroll_active == true)
				{
					(function() {scroll();}).delay(scroll_del);
				}	
			});
			

			
			live_links = false;
			myFx.start('margin-left', '-'+old_val+'px', '-'+new_val+'px');	
			current_item = item_no;
		
			$$('.banner_shortcuts').each(function(el){
				banner_no = el.id.substring(12)
				if ((item_no == banner_no) || ((item_no == banner_count) && (banner_no == 0)))
				{
					el.innerHTML = "<img src=\"/images/banner_selected.jpg\"/>";
				}
				else
				{
					el.innerHTML = "<img src=\"/images/banner_unselected.jpg\"/>";
				}
	
			});	
		}
	}
	
});