var $j = jQuery.noConflict();

function videoOverlays()
{
  $j(".video-thumb a").bind("mouseenter", function()
  {
    var overlay = $j(this).find(".video-thumb-overlay");
    overlay.css({display : "block"});
  }).bind("mouseleave", function()
  {
    var overlay = $j(this).find(".video-thumb-overlay");
    overlay.fadeOut(200);
  });
}

function swapOverlayImage(container)
{
  var imgItems = $j('#' + container + ' .video-thumb-overlay');
  $j(imgItems).each(function()
  {
    if(container == 'top-eleven')
    {
      $j(this).attr('src', '/images/starting/large_play_overlay.png');
    }
    else
    {
      $j(this).attr('src', '/images/starting/small_play_overlay.png');
    }
    videoOverlays();
  });
}

$j(document).ready(function()
{
  videoOverlays();
})

//------------------------------
// ListRanker class
//------------------------------

/*
var ListRanker = Class.create();

ListRanker.prototype = {
  draggable_elements_hash : new Hash(),
  droppable_elements_hash : new Hash(),

  initialize : function() {

    this.all_position_lis = $$('.positions_list li');

    // Make picked options draggable & droppable
    var draggable_picked_options = $$('.positions_list li.used_position');
    draggable_picked_options.each(
      function(draggable_picked_option) {
        this.make_draggable_element(draggable_picked_option);
        this.make_droppable_element(draggable_picked_option);
      }.bind(this)
    )

    // Make unpicked options draggable
    var draggable_unpicked_options = $$('.options_list li.unpicked_option');
    draggable_unpicked_options.each(
      function(draggable_unpicked_option) {
        this.make_draggable_element(draggable_unpicked_option);
      }.bind(this)
    )
    // Make picked options original spot droppable
    var droppable_picked_options = $$('.options_list li.picked_option');
    droppable_picked_options.each(
      function(droppable_picked_option) {
        this.make_droppable_element(droppable_picked_option);
      }.bind(this)
    )

    // Make unpicked position spots droppable
    var droppable_unpicked_positions = $$('.positions_list li.unused_position');
    droppable_unpicked_positions.each(
      function(droppable_unpicked_position) {
        this.make_droppable_element(droppable_unpicked_position);
      }.bind(this)
    )
  },


  make_draggable_element: function(draggable_element) {
    draggable_element = $(draggable_element);
    this.draggable_elements_hash[draggable_element.id] =
      new Draggable(
        draggable_element,
        {
          ghosting: true,
          revert: function(element)  {
              element.style.top = 0;
              element.style.left = 0;
            }
        }
      );
  },

  remove_draggable_element: function(draggable_element) {
    this.draggable_elements_hash[draggable_element.id].destroy();
  },


  make_droppable_element: function(droppable_element) {
    droppable_element = $(droppable_element);
    this.droppable_elements_hash[droppable_element.id] =
      Droppables.add(droppable_element , {
        accept: new Array('used_position','picked_option','unpicked_option'),
        onDrop: function(element, target) {
          this.move_option(element, target)
        }.bind(this),
        hoverclass:'drag_hover'
      });
  },


  make_empty_position_spot: function(position_element) {
    position_element.innerHTML = '<input name="position[]" type="hidden" />';
  },


  move_option: function(dragged_element, drop_target) {

    //console.debug("dropped target: ", drop_target);
    //console.debug("dragged element: ", dragged_element);

    drop_target_info = drop_target.getElementsByClassName('option_info_wrapper')[0];
    dragged_element_info = dragged_element.getElementsByClassName('option_info_wrapper')[0];

    if (dragged_element.hasClassName('unpicked_option') & drop_target.hasClassName('unused_position')) {
      // We're dragging an unpicked option to an unused position
      //console.debug('Option #1')


      // Swap information
      drop_target_info.innerHTML = dragged_element_info.innerHTML

      // Swap Classes
      dragged_element.addClassName('picked_option');
      dragged_element.removeClassName('unpicked_option');
      drop_target.addClassName('used_position');
      drop_target.removeClassName('unused_position');


      // Remove unused Option from draggable list & add to droppable list
      this.remove_draggable_element(dragged_element);
      this.make_droppable_element(dragged_element);

      // Add the position to draggable list
      this.make_draggable_element(drop_target);

    } else if (dragged_element.hasClassName('used_position') & drop_target.hasClassName('picked_option')) {
      // We're dragging a used option back to the pool of options
      //console.debug('Option #2')

      dropped_option_id = drop_target.getElementsByTagName('input')[0].value;
      dragged_option_id = dragged_element.getElementsByTagName('input')[0].value;

      // This can only be done if it is the same player
      if (dropped_option_id == dragged_option_id) {

        // Swap information
        this.make_empty_position_spot(dragged_element_info);

        // Swap Classes
        dragged_element.addClassName('unused_position');
        dragged_element.removeClassName('used_position');
        drop_target.addClassName('unpicked_option');
        drop_target.removeClassName('picked_option');

        // Remove old Option from draggable list & add to droppable list
        this.remove_draggable_element(dragged_element);
        this.make_droppable_element(dragged_element);

        // Remove Position from droppable list & add to draggable list
        Droppables.remove(drop_target);
        this.make_draggable_element(drop_target);

      }


    } else if (dragged_element.hasClassName('unpicked_option') & drop_target.hasClassName('used_position')) {
      // We're replacing the option in a currently picked position with a new unpicked option
      //console.debug('Option #3')

      removed_option_id = drop_target.getElementsByTagName('input')[0].value;

      // Re-enable the removed option
      removed_option = $('option_' + removed_option_id);
      removed_option.addClassName('unpicked_option');
      removed_option.removeClassName('picked_option');
      Droppables.remove(removed_option);
      this.make_draggable_element(removed_option);


      // Fill in the position with the new option
      drop_target_info.innerHTML = dragged_element_info.innerHTML

      // Cycle Classes
      dragged_element.addClassName('picked_option');
      dragged_element.removeClassName('unpicked_option');
      drop_target.addClassName('used_position');
      drop_target.removeClassName('unused_position');

      // Remove the dragged Option from draggable list & add to droppable list
      this.remove_draggable_element(dragged_element);
      this.make_droppable_element(dragged_element);


    } else if (dragged_element.hasClassName('used_position') & drop_target.hasClassName('used_position')) {
      // We're swapping to picked options in their position slots
      //console.debug('Option #4')

      // We are swapping the position of two options in the position list
      var temp_info = drop_target_info.innerHTML
      drop_target_info.innerHTML = dragged_element_info.innerHTML
      dragged_element_info.innerHTML = temp_info

    } else if (dragged_element.hasClassName('used_position') & drop_target.hasClassName('unused_position')) {
      // We're moving a picked option to another unused position
      //console.debug('Option #5')

      // Move information
      drop_target_info.innerHTML = dragged_element_info.innerHTML;
      this.make_empty_position_spot(dragged_element_info);

      // Swap CSS classes
      dragged_element.addClassName('unused_position');
      dragged_element.removeClassName('used_position');
      drop_target.addClassName('used_position');
      drop_target.removeClassName('unused_position');

      // Make old position no longer draggable
      this.remove_draggable_element(dragged_element);

      // Make new position draggable
      this.make_draggable_element(drop_target);


    } else {
      // Invalid drag - do nothing
      //console.debug('Option #6')
    }

    this.update_positions();

  }, // END - move_option()

  update_positions : function() {
    try {
      if (this.all_position_lis != null) {
        this.all_position_lis.each(
          function(position_li) {
            if (position_li.hasClassName('used_position')) {
              position = position_li.id.split("_")[1];
              team_id_field = position_li.getElementsByTagName('input')[0];
              team_id = team_id_field.value;
              team_position_node = $('option_' + team_id + '_position');
              team_position_node.innerHTML = position;
            }
          }
        )
      }
    } // END - try
    catch(e) {
     console.error(e.description);
    }
  } // END - update_positions()

};*/