$(document).ready(function() {
  if ($('#excerpt').length){
    var excerpts = true;
  } else {
    var excerpts = false;
  }
	//Speed of the slideshow
	//var speed = 5000;
	
	//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').height($('#slider').height());
	$('#mask-excerpt, #excerpt li').height($('#slider').height());
	
	//Assign a timer, so it will run periodically
	//var run = setInterval('newsscoller(0)', speed);
	
	$('#gallery li:first').addClass('selected');
	$('#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 () {
		imgscoller(0);
  	if (excerpts == true){
  	  excerptscoller(0);
  	}
		return false;
	});	

	//Previous slide by passing prev=1
	$('#btn-prev').click(function () {
		imgscoller(1);
		if (excerpts == true){
  	  excerptscoller(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);	
		}
	);
	*/
});

var counter = 1;

function imgscoller(prev) {
  var transitionSpeed = 600;
  
	//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');

	if (prev) {
	  counter--;
	  if (current_image.prev().length) {
	    var next_image = current_image.prev();
	    var next_image_nr = counter;
	  } else {
	    counter = $('#gallery > li').length;
	    var next_image = $('#gallery li:last');
	    var next_image_nr = $('#gallery > li').length;
	  }
		//var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
		//var next_image_nr = (current_image.prev().length) ? counter : $('#gallery').length;
		$('#img_nr').html(next_image_nr);
	} else {
	  counter++;
	  if (current_image.next().length) {
	    var next_image = current_image.next();
	    var next_image_nr = counter;
	  } else {
	    counter = 1;
	    var next_image = $('#gallery li:first');
	    var next_image_nr = 1;
	  }
		//var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
		//var next_image_nr = (current_image.next().length) ? counter : 1;
		$('#img_nr').html(next_image_nr);
	}

	//clear the selected class
	$('#gallery li').removeClass('selected');
	
	//reassign the selected class to current items
	next_image.addClass('selected');

	//Scroll the items
	$('#mask-gallery').scrollTo(next_image, transitionSpeed);
}


function excerptscoller(prev) {
  var transitionSpeed = 600;
  
	//Get the current selected item (with selected class), if none was found, get the first item
	var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

	if (prev) {
		var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
	} else {
		var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
	}

	//clear the selected class
	$('#excerpt li').removeClass('selected');
	
	//reassign the selected class to current items
	next_excerpt.addClass('selected');

	//Scroll the items
	$('#mask-excerpt').scrollTo(next_excerpt, transitionSpeed);
}