$(document).ready(function() {
  // do stuff when DOM is ready

  // Animation Effect
  $('#topnav a')
    .css( {backgroundPosition: "-20px 35px"} )
    .mouseover(function(){
      $(this).stop().animate({backgroundPosition:"(-20px 0px)"}, {duration:500})
    })
    .mouseout(function(){
      $(this).stop().animate({backgroundPosition:"(-20px 35px)"}, {duration:200, complete:function(){
        $(this).css({backgroundPosition: "-20px 35px"})
      }})
    })


    // Tabs
    $('#tabs').tabs();

    $('#promoslideshow').cycle()

    $('#promoslideshow').cycle({ 
        timeout: 7000,
        delay:  1000, 
        speed:  500
    }); 


});