var buttoned_slides = function() {
	var offset = 534;		// HOW MUCH TO MOVE
	var items = $('carousel');
	var fx = new Fx.Morph(items, {duration: 200, transition: Fx.Transitions.linear});
	
	var items_per_slide = 5;
	
	var scroll = new Fx.Scroll('carousel_scroll_area', {
		offset:{'x':0, 'y':0}, 
		transition: Fx.Transitions.Elastic.easeOut
	});

	$('moveleft').addEvent('click', function(event) {
		event = new Event(event).stop();
		
		fx.start({ 
			'opacity': .3 
		}).chain(function(){
			this.start.delay(800, this, { 'opacity': 1 });
			
			for(var i = 0; i < items_per_slide; i++)
				$$('#carousel li')[0].inject($('carousel'), 'bottom');
			$('carousel_scroll_area').scrollTo(offset);
			
			scroll.start(0);
		});			
	});
	
	
	$('moveright').addEvent('click', function(event) { 
		event = new Event(event).stop();
		
		fx.start({ 
			'opacity': .3 
		}).chain(function(){
			this.start.delay(800, this, { 'opacity': 1 });
			
			scroll.start(offset).chain(function() {
				for(var i = 0; i < items_per_slide; i++) {
					var eles = $$('#carousel li');
					eles[eles.length - 1].inject($('carousel'), 'top');
				}
				
				$('carousel_scroll_area').scrollTo(0);
			});
		});
	});
	
	scroll.toLeft();
};

var constant_scroll = function() {
	$('moveleft').hide();
	$('moveright').hide();
	
	var slide_width	= 116 + 15, // image width + li margin
		move_amount	= 1, //pixels to move each frame
		interval	= 50;
	
	var scroll_carousel = function() {
		var left		= this.getScroll().x,
			new_left	= left + move_amount;
		
		if(left + move_amount > slide_width) {
			new_left = new_left - slide_width;
			$$('#carousel li')[0].inject($('carousel'), 'bottom');
		}
		
		this.scrollTo(new_left, 0);
	};
	
	$('carousel_scroll_area').go = function() {
		this.timer = scroll_carousel.periodical(interval, $('carousel_scroll_area'));
	};
	
	$('carousel_scroll_area').stop = function() {
		$clear(this.timer);
	};
	
	$('carousel_scroll_area').go();
	
	$$('#carousel_scroll_area a').each(function(el) {
		el.addClass('mb');
		el.rel = "[carousel]";
		// el.href = "http://sol.fastdevweb.com/static_html/image_get.aspx";
	});
	
	/*var initMultiBox = new multiBox({
		mbClass: '.mb',//class you need to add links that you want to trigger multiBox with (remember and update CSS files)
		container: $(document.body),//where to inject multiBox
		descClassName: 'multiBoxDesc',//the class name of the description divs
		path: './Files/',//path to mp3 and flv players
		useOverlay: true,//use a semi-transparent background. default: false;
		addRollover: true,//add rollover fade to each multibox link
		recalcTop: true,//subtract the height of controls panel from top position
		onOpen: function() { $('carousel_scroll_area').stop(); },
		onClose: function() { $('carousel_scroll_area').go(); }
	});*/
};

window.addEvent('domready', function() {
	var use_buttoned_slides = false;
	if(use_buttoned_slides) buttoned_slides();
	else constant_scroll();
});