// starting the script on page load
$(document).ready(function () {	

	// Add content dialog
	
	$('#slideshow li').hide();
	$('#slideshow li:first').show();
	$('#slideshow li:first').addClass('selected');
		
	setInterval('nextSlide()', 4000);
	
	$('a.large, a.highlight').append(' ➜');
	
	
});

function nextSlide() {

  var $active = $('#slideshow li.selected');
  var $next = $active.next('li').length ? $active.next('li') : $('#slideshow li:first');

  $active.removeClass('selected');
  $active.hide();

  $next.show();
  $next.addClass('selected');

  $next.css({ opacity: 0.0 })
        .animate({ opacity: 1.0 }, 800, function () {
       });

}