jQuery(document).ready(function() {

  mediaCarousel_itemList = $("#videoList li").each(function(i) {
    $(this).html();
  });

  jQuery('#videoList').jcarousel({
    wrap: 'both'
    , scroll:1
    , itemVisibleInCallback: {onBeforeAnimation: mediaCarousel_itemVisibleInCallback}
  });


});


function mediaCarousel_itemVisibleInCallback(carousel, item, i, state, evt) {

  //var videoFile = "file=market-1-8-2009.flv";
}


var selectedVideo;

function playVideo() {
  setSelected(this);

  var flashvars = {};
  var params = {};
  var attributes = {};
  flashvars.file = $(this).find('span')[0].innerHTML;// videoList.childNodes[0].childNodes[0].innerHTML;
  flashvars.autostart = "true";
  params.allowfullscreen = "false";
  params.allowscriptaccess = "always";
  params.play = "true";
  params.wmode = "opaque";
  attributes.align = "middle";
  swfobject.embedSWF("http://cdn.theladders.net/static/video/player-licensed.swf", "player", "450", "312", "7.0.0", "http://cdn.theladders.net/static/video/video/expressInstall.swf", flashvars, params, attributes);
}

selectedClassName = "thumbnailFrameSelected";
unselectedClassName = "thumbnailFrame";

function toggleHover()
{
  var tframe = $(this).find('div.thumbnailFrame')[0];

  if (tframe != null) {
    tframe.className = selectedClassName;
    $(this).find('div.thumbnailCaption')[0].className = "thumbnailCaptionSelected";
  }

}

function setSelected(obj)
{
  {
    if (selectedVideo != null) {
      $(selectedVideo).find('div.thumbnailFrameSelected')[0].className = unselectedClassName;
      $(selectedVideo).find('div.thumbnailCaptionSelected')[0].className = "thumbnailCaption";
    }
    selectedVideo = obj;
    var tframe = $(selectedVideo).find('div.thumbnailFrame')[0];
    if (tframe != null) {
      $(selectedVideo).find('div.thumbnailFrame')[0].className = selectedClassName;
      $(selectedVideo).find('div.thumbnailCaption')[0].className = "thumbnailCaptionSelected";
    }
  }
}

function resetClassName() {
                                                                                                      
  if (selectedVideo == this) {
    return;
  } else {
    $(this).find('div.thumbnailFrameSelected')[0].className = unselectedClassName;
    $(this).find('div.thumbnailCaptionSelected')[0].className = "thumbnailCaption";
  }
}

function initVideoThumbnails() {                                                            
  var flashvars = {};
var params = {};
var attributes = {};
flashvars.file = "video_susan_strong.flv";
flashvars.autostart = "false";
flashvars.image = "http://cdn.theladders.net/static/images/opal_images/aboutUs/susan_strong_preview.jpg";
params.allowfullscreen = "false";
params.allowscriptaccess = "always";
params.play = "true";
params.wmode = "opaque";
attributes.align = "middle";
swfobject.embedSWF("http://cdn.theladders.net/static/video/player-licensed.swf", "player", "450", "312", "7.0.0", "http://cdn.theladders.net/static/video/video/expressInstall.swf", flashvars, params, attributes);

setSelected(document.getElementById("v1"));

  thumbnails = YAHOO.util.Dom.getElementsByClassName('videoThumbnail', 'li');
  YAHOO.util.Event.addListener(thumbnails, "click", playVideo);
  YAHOO.util.Event.addListener(thumbnails, "mouseover", toggleHover);
  YAHOO.util.Event.addListener(thumbnails, "mouseout", resetClassName);


}

YAHOO.util.Event.onDOMReady(initVideoThumbnails);