$(document).ready(function() {

	//Speed of the slideshow
	//var speed = 5000;
	
	var showSlides = 6; //Number of visible slides (slides to show at a time)
	var pxScroll = 780; //Number of pixels to scroll by clicking next or previous
	
	//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());
		var lenLi = $('#gallery li').length;
		var numSlide;
		if(lenLi%showSlides){
			numSlide = parseInt((lenLi/showSlides)+1);
		}
		else{
			numSlide = parseInt(lenLi/showSlides);
		}
		//document.write($('#slider').width());
	$('#gallery').width($('#slider').width() * numSlide);
	$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
	
	//Assign a timer, so it will run periodically
	//var run = setInterval('newsslider(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('newsslider(0)', speed);	
		return false;
	});*/
	
	//Next Slide by calling the function
	$('#btn-next').click(function () {
		$('#mask-gallery').scrollTo("+="+pxScroll+"px","800");
		return false;
	});	

	//Previous slide by passing prev=1
	$('#btn-prev').click(function () {
		$('#mask-gallery').scrollTo("-="+pxScroll+"px","800");	
		return false;
	});	
	
	$('#1').click(function(){
		$('#mask-gallery').scrollTo("0","800");
		return false;
		}
	)
	$('#2').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*1+'px',"800");
		return false;
		}
	)
	$('#3').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*2+'px',"800");
		return false;
		}
	)
	$('#4').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*3+'px',"800");
		return false;
		}
	)
	$('#5').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*4+'px',"800");
		return false;
		}
	)
	$('#6').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*5+'px',"800");
		return false;
		}
	)
	$('#7').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*6+'px',"800");
		return false;
		}
	)
	$('#8').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*7+'px',"800");
		return false;
		}
	)
	$('#9').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*8+'px',"800");
		return false;
		}
	)
	$('#10').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*9+'px',"800");
		return false;
		}
	)
	$('#11').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*10+'px',"800");
		return false;
		}
	)
	$('#12').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*11+'px',"800");
		return false;
		}
	)
	$('#13').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*12+'px',"800");
		return false;
		}
	)
	$('#14').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*13+'px',"800");
		return false;
		}
	)
	$('#15').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*14+'px',"800");
		return false;
		}
	)
	$('#16').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*15+'px',"800");
		return false;
		}
	)
	$('#17').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*16+'px',"800");
		return false;
		}
	)
	$('#18').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*17+'px',"800");
		return false;
		}
	)
	$('#19').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*18+'px',"800");
		return false;
		}
	)
	$('#20').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*19+'px',"800");
		return false;
		}
	)
	$('#21').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*20+'px',"800");
		return false;
		}
	)
	$('#22').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*21+'px',"800");
		return false;
		}
	)
	$('#23').click(function(){
		$('#mask-gallery').scrollTo(pxScroll*22+'px',"800");
		return false;
		}
	)
	
	//Mouse over, pause it, on mouse out, resume the slider show
	/*$('#slider').hover(
	
		function() {
			clearInterval(run);
		}, 
		function() {
			run = setInterval('newsslider(0)', speed);	
		}
	); 	*/
	
});