$(document).ready(function() {  
  //Speed of the slideshow  
 var speed = 5000;  
  //You have to specify width and height in #slider_home CSS properties  
 //After that, the following script will set the width and height accordingly  
 $('#mask-gallery_home, #gallery_home li').width($('#slider_home').width());      
 $('#gallery_home').width($('#slider_home').width() * $('#gallery_home li').length);  
 $('#mask-gallery_home, #gallery_home li, #mask-excerpt, #excerpt li').height($('#slider_home').height());  
  //Assign a timer, so it will run periodically  
 var run = setInterval('newsslider_home(0)', speed);    
  $('#gallery_home li:first, #excerpt li:first').addClass('selected');  
  //Pause the slider_homeshow with clearInterval  
 $('#btn-pause').click(function () {  
 clearInterval(run);  
 return false;  
 });  
  //Continue the slideshow with setInterval  
 $('#btn-play').click(function () {  
 run = setInterval('newsslider_home(0)', speed);    
 return false;  
 });  
  //Next Slide by calling the function  
 $('#btn-next').click(function () {  
  clearInterval(run); newsslider_home(0);    
 return false;  
 });   
  //Previous slide by passing prev=1  
 $('#btn-prev').click(function () {  
  clearInterval(run); newsslider_home(1);    
 return false;  
 });   
  //Mouse over, pause it, on mouse out, resume the slider_home show  
 $('#slider_home').hover(  
  function() {  
 clearInterval(run);  
 },   
 function() {  
 run = setInterval('newsslider_home(0)', speed);    
 }  
 );    
  });  
   function newsslider_home(prev) {  
  //Get the current selected item (with selected class), if none was found, get the first item  
 var current_image = $('#gallery_home li.selected').length ? $('#gallery_home li.selected') : $('#gallery_home li:first');  
 var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');  
  //if prev is set to 1 (previous item)  
 if (prev) {  
  //Get previous sibling  
 var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery_home li:last');  
 var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');  
  //if prev is set to 0 (next item)  
 } else {  
  //Get next sibling  
 var next_image = (current_image.next().length) ? current_image.next() : $('#gallery_home li:first');  
 var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');  
 }  
  //clear the selected class  
 $('#excerpt li, #gallery_home li').removeClass('selected');  
  //reassign the selected class to current items  
 next_image.addClass('selected');  
 next_excerpt.addClass('selected');  
  //Scroll the items  
 $('#mask-gallery_home').scrollTo(next_image, 800);         
 $('#mask-excerpt').scrollTo(next_excerpt, 800);                   
  }