var CabooseStation = function() {};

CabooseStation = Class.extend({
    conductor: false,
    state: 'min', // left, right, or min
    open_tabs: [], // Currently open tabs
    wrapper_width: 0,
    
    init: function()
    {       
      this.wrapper_width = $('#caboose_station_wrapper').width();
      this.attach_dom();
      $('body').css('overflow', 'scroll-y'); 
      //alert(this.open_tabs);

      if ($('#caboose_station_wrapper').hasClass('state_left'))
      {
        $('#caboose_station_wrapper').css('left', 0);
        $('#caboose_station_wrapper').show();
        this.state = 'left';
      }
      else if ($('#caboose_station_wrapper').hasClass('state_right'))
      {
        $('#caboose_station_wrapper').css('right', 0);
        $('#caboose_station_wrapper').show();
        this.state = 'right';
      }
      else
      {
        $('#caboose_station_wrapper').css('right', 0);
        $('#caboose_station_wrapper').css('width', 0);
        $('#caboose_station_wrapper').show();
        this.state = 'min';
      }
    },
    
    attach_dom: function()
    {
      var this2 = this;
      $('#caboose_station li ul.visible').each(function (i,ul) {
        var id = $(this).parent().attr('id').replace('nav_item_', '');
        this2.open_tabs[this2.open_tabs.length] = id;
      });
      
      $('#caboose_conductor').click(function(event) { 
        event.preventDefault();
        this2.right(); 
      });  
      $('#caboose_station ul.hidden').hide();
      $('#caboose_station li a.top_level').click(function() {
        ul = $(this).parent().children("ul.hidden:first");
        var id = $(this).parent().attr('id').replace('nav_item_', '');
        if (ul.length)
        {
          ul.slideDown(200).addClass('visible').removeClass('hidden');
          this2.open_tabs[this2.open_tabs.length] = id; 
        }
        else
        {
          ul = $(this).parent().children("ul:first");
          ul.hide().addClass('hidden').removeClass('visible');
          
          var index = this2.open_tabs.indexOf(id);
          if (index > -1)
            this2.open_tabs.splice(index, 1);
        }
      });      
      $('#caboose_station li ul a').each(function(i, a) {
        var href = $(a).attr('href');
        $(a).click(function(event) {
          event.preventDefault();
          this2.open_url(href); 
        })
      });      
      $('#caboose_station a.close').click(function(event) {
        event.preventDefault();
        
        if (this2.state == 'left')
          this2.close_url($(this).attr('href'));
        else if (this2.state == 'right')
          this2.min();
      });
      
      $('#caboose_station li.my_account a').click(function(event) {
        event.preventDefault();
        this2.open_url($(this).attr('href'));
      });
    },
    
    min: function(func_after)
    {
      if (this.state == 'min')
        return;
      if (!func_after)
        func_after = function() {};
      
      // Assume you never go from left to min
      $('#caboose_station_wrapper').removeClass('state_left state_right').addClass('state_min');
      $('#caboose_station_wrapper').animate({ width: 0 }, 300);
      this.state = 'min';
    },
    
    left: function(func_after)
    {
      if (this.state == 'left')
        return;
      if (!func_after)
        func_after = function() {};

      // Assume you never go from min to left
      $('#caboose_station_wrapper').removeClass('state_min state_right').addClass('state_left');      
      $('#caboose_station_wrapper').animate({ left: 0 }, 300, func_after);
      this.state = 'left'; 
    },
    
    right: function(func_after)
    {
      if (this.state == 'right')
        return;
      if (!func_after)
        func_after = function() {};
      
      $('#caboose_station_wrapper').removeClass('state_min state_left').addClass('state_right');
      if (this.state == 'left')
      {
        $('#caboose_station_wrapper').animate({ right: 0 }, 300, func_after);
      }
      else if (this.state == 'min')
      {        
        $('#caboose_station_wrapper').animate({ width: this.wrapper_width }, 300, func_after);
      }
      this.state = 'right'; 
    },
    
    open_url: function(url)
    {
      // Send the station settings first
      var this2 = this;
      $.ajax({
        url: '/admin/station',
        type: 'put',
        data: {
          state: 'left',
          open_tabs: this2.open_tabs,
          return_url: window.location.pathname
        },
        success: function() {
          if (this2.state == 'left')
          {
            window.location = url;
            return;
          }
          
          var w = $(window).width() - $('#caboose_station').width();
          var h = $(window).height();
          
          $('#caboose_station_wrapper').after(
            $('<div/>')
              .attr('id', 'caboose_white')
              .css({
                position: 'absolute',
                right: 0,
                top: 0,
                width: 0,
                height: h,
                background: 'url(/assets/loading.gif) 40px 40px no-repeat #fff'
              })
            );
          $('#caboose_station_wrapper').removeClass('state_right').addClass('state_left');
          $('#caboose_station_wrapper').animate({ left: 0 }, 300, function() { window.location = url; });
          $('#caboose_white').animate({ width: '+=' + w }, 300);
        }
      });
    },
    
    close_url: function(url)
    {      
      // Send the station settings first
      var this2 = this;
      $.ajax({
        url: '/admin/station',
        type: 'put',
        data: {
          state: 'right',
          open_tabs: this2.open_tabs,
          return_url: false
        },
        success: function() {
          var w = $(window).width() - $('#caboose_station').width();
          $('#caboose_station_wrapper').removeClass('state_left').addClass('state_right');
          $('#content_wrapper').animate({ marginLeft: '+=' + w }, 300);
          $('#caboose_station_wrapper').animate({ left: w }, 300, function() { window.location = url; })
        }
      }); 
    }
});

/******************************************************************************/

var caboose_station = false;
$(document).ready(function() {
  caboose_station = new CabooseStation();
});