$(document).ready(function() {

	//Speed of the slideshow
	var speed = 8000;
    window.banner_current = 0;

    var num_elems = $('#gallery li').length;
	$('#mask-gallery, #gallery li').width($('#slider').width());	
	$('#gallery').width($('#slider').width() * num_elems);
	$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
	
	var run = setInterval('banner_next()', speed);	
	$('#gallery li:first, #excerpt li:first').addClass('selected');

	$('#slider').hover(
		function() {
			clearInterval(run);
		}, 
		function() {
			run = setInterval('banner_next()', speed);	
		}
    );

    banner_goto(0);
	
});

function banner_goto(index) {

    var num_elems = $('#gallery li').length;
    index = index % num_elems;
	var next_image = $($('#gallery li')[index]); 
	var next_excerpt = $($('#excerpt li')[index]);

   	//clear the selected class
    $('#excerpt li, #gallery li').removeClass('selected');
    $('.banner .buttons li a').removeClass('current');
	
	//reassign the selected class to current items
	next_image.addClass('selected');
    next_excerpt.addClass('selected');
    $('.button-'+(index+1)).addClass('current');

	//Scroll the items
	$('#mask-gallery').scrollTo(next_image, 800);		
	$('#mask-excerpt').scrollTo(next_excerpt, 800);					

}

function banner_next() {
    var num_elems = $('#gallery li').length;
    banner_current = (banner_current + 1) % num_elems;
    banner_goto(banner_current);
}