function setupSlider(slide_delay_in_seconds, overlay_position) {
	$(document).ready(function() {

		//Speed of the slideshow
		var speed = slide_delay_in_seconds * 1000;
		
		//You have to specify width and height in #slider CSS properties
		//After that, the following script will set the width and height accordingly
		$('#mask-gallery, #gallery li').width($('#slider').width());	
		$('#gallery').width($('#slider').width() * $('#gallery li').length);
		$('#mask-gallery, #gallery li, #excerpt li').height($('#slider').height());
		
		if( overlay_position != null && (overlay_position == "top" || overlay_position == "bottom" ) ) {
			$('#mask-excerpt').width($('#slider').width());
		}
		else {
			$('#mask-excerpt').height($('#slider').height());
		}
		
	
		//Assign a timer, so it will run periodically
		var run = setInterval('newsscoller(0)', speed);	
		
		$('#gallery li:first, #excerpt li:first').addClass('selected');

		//Pause the slidershow with clearInterval
		$('#btn-pause').click(function () {
			clearInterval(run);
			return false;
		});

		//Continue the slideshow with setInterval
		$('#btn-play').click(function () {
			run = setInterval('newsscoller(0)', speed);	
			return false;
		});
		
		//Next Slide by calling the function
		$('#btn-next').click(function () {
			newsscoller(0);	
			return false;
		});	

		//Previous slide by passing prev=1
		$('#btn-prev').click(function () {
			newsscoller(1);	
			return false;
		});	
		
		//Mouse over, pause it, on mouse out, resume the slider show
		$('#slider').hover(
		
			function() {
				clearInterval(run);
			}, 
			function() {
				run = setInterval('newsscoller(0)', speed);	
			}
		); 	
		
	});
}

function newsscoller(prev) {
	//Get the current selected item (with selected class), if none was found, get the first item
	var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
	var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

	//if prev is set to 1 (previous item)
	if (prev) {
		
		//Get previous sibling
		var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
		var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
	
	//if prev is set to 0 (next item)
	} else {
		
		//Get next sibling
		var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
		var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
	}

	//clear the selected class
	$('#excerpt li, #gallery li').removeClass('selected');
	
	//reassign the selected class to current items
	next_image.addClass('selected');
	next_excerpt.addClass('selected');

	//Scroll the items
	$('#mask-gallery').scrollTo(next_image, 800, {axis:'x'});		
	$('#mask-excerpt').scrollTo(next_excerpt, 800, {axis:'y'});						
}

