$(document).ready(function() {
 
 var $ss = $('#slideshow');
 
 
$ss.append('<a  href="/category_s/126.htm" title="sun reader"><img src="/v/royal/slideShow/images/sunreaders.jpg" alt="" height="450" width="520" style="border:solid 5px #C7C7C7" /></a>');

$ss.append('<a  href="/Stripe_reading_glasses_s/102.htm" title="stripes"><img src="/v/royal/slideShow/images/stripes.jpg" alt="" height="450" width="520" style="border:solid 5px #C7C7C7" /></a>');

$ss.append('<a  href="Reading_Glasses_Accessories_s/101.htm" title="accessories"><img src="/v/royal/slideShow/images/accessories.jpg" alt="" height="450" width="520" style="border:solid 5px #C7C7C7" /></a>');

$ss.append('<a  href="/Men_s_Reading_Glasses_s/129.htm" title="Men Reading Glasses"><img src="/v/royal/slideShow/images/mens.jpg" alt="" height="450" width="520" style="border:solid 5px #C7C7C7" /></a>');


 
    $ss.cycle({
  fx: 'fade',
  pager:  '#slidePaging',
  timeout: 5000,
  delay: -2000,
  pagerClick:    togglePlay
 });
 
  
});
 
function togglePlay(zeroBasedSlideIndex, slideElement) {
 toggleSlidePlay(1);
}
function toggleSlidePlay(pause) {
 if (pause==1) {
     $('#pauseButton').hide();
  $('#playButton').show();
  $('#slideshow').cycle('pause');
 } else {
  $('#pauseButton').show();
  $('#playButton').hide();
  $('#slideshow').cycle('resume');
 }
 
}