var scroll1api;
  var autoplay = true;
  
  function pause_scroll(img_element)
  {
    if(autoplay)
      {
          scroll1api.stop();
          autoplay = false;
          img_element.src="/templates/55/images/carousel/play-carousel.png";
      }
    else
      {
          scroll1api.play();
          autoplay = true;
          img_element.src="/templates/55/images/carousel/pause-carousel.png";
      }
                                      
  }

// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready
$(document).ready(function()
{
  // initialize scrollable together with the navigator plugin
  scroll1api = $(".scrollable1").scrollable({clickable:false,size:1, loop:true, items: ".items1", keyboard: false}).navigator({navi: "span.main_nav_pages_list", activeClass: "main_nav_enabled"}).autoscroll({api: true, interval:10000});
               $(".scrollable2").scrollable({clickable:false,size:4, disabledClass: "featured_games_nav_disabled",loop:true, speed: 600}).navigator({navi: "div.featured_games_list_nav", activeClass: "featured_games_nav_enabled"}).mousewheel(500);	
});