$('document').ready(function() {

  	$('#slider').append('<img class="fader_left" src="/amm/themes/activemediamanager/images/left_fade.png" />');
  	$('#slider').append('<img class="fader_right" src="/amm/themes/activemediamanager/images/right_fade.png" />');

   var slide_panels = $('#slider .scrollContainer > div');
   var slide_container = $('#slider .scrollContainer:first');
   var horizontal = true;

   if (horizontal) {
     slide_panels.css({
       'float' : 'left',
       'position' : 'relative' // IE fix to ensure overflow is hidden
     });

     slide_container.css('width', slide_panels[0].offsetWidth * slide_panels.length);
   }

   var scroll_var = $('#slider .scroll').css('overflow', 'hidden');

   function selectNav() {
     $(this)
       .parents('ul:first')
         .find('a')
           .removeClass('selected')
         .end()
       .end()
       .addClass('selected');
   }

   $('#slider .slider_navigation').find('a').click(selectNav);

   function trigger(data) {
     var el = $('#slider:first .slider_navigation:first').find('a[href$="' + data.id + '"]').get(0);
     selectNav.call(el);
   }

   if (window.location.hash) {
     trigger({ id : window.location.hash.substr(1) });
   } else {
     $('ul.slider_navigation a:first').click();
   }

   var offset = parseInt((horizontal ?
     slide_container.css('paddingTop') :
     slide_container.css('paddingLeft'))
     || 0) * -1;

   var scrollOptions = {
     target: scroll_var,
     items: slide_panels,
     navigation: '.slider_navigation a',
     prev: 'a.slider_left',
     next: 'a.slider_right',
     axis: 'x',
     onAfter: trigger,
     offset: offset,
     duration: 500,
     // easing - can be used with the easing plugin:
     // http://gsgd.co.uk/sandbox/jquery/easing/
     easing: 'swing'
   };

   $('#slider').serialScroll(scrollOptions);

   // $.localScroll(scrollOptions);

   // scrollOptions.duration = 1;
   // $.localScroll.hash(scrollOptions);

   $('#new_feature_tabs').tabs();
});