function UpdateTitles(index)
{
    $('ul.billboardTitles li a').removeClass('sel');
    $('ul.billboardTitles li:eq(' + index + ')').find('a').addClass('sel');
}

var done = false;

$(document).ready(function() {

    $(".billboard-nav").tabs("#billboard-items > div", {

		// enable "cross-fading" effect
		effect: 'horizontal',
		fadeOutSpeed: 50,
		fadeInSpeed: 50,

		// start from the beginning after the last tab
		rotate: true

	// use the slideshow plugin. It accepts its own configuration
	});

    $('.billboard-nav').slideshow({
		autoplay: true,
		clickable: false,
		interval: 5000,
        onBeforeClick: function(tab, index)
        {
            if(done)
            {
                return false;
            }
            UpdateTitles(index);
        }
	});

    $('ul.billboardTitles li a').click(function(e, i) {
        var index = $('ul.billboardTitles li a').index(this);
        done = false;
        $('.billboard-nav a:eq(' + index + ')').click();
        done = true;
        return false;
    });

    // Stop on click
    $('#billboard-items').click(function() {
        done = true;
    });
});