var PlaylistData = null;
  var CurrentVideo = ( Moxi.query.video )?Moxi.query.video:0;
  var MoxiVideo = Moxi.Video;
  var CurrentAlbum = {};

  function onVideoItem( a_Data )
  {
    CurrentVideo = a_Data.index;
    var Target = $( '#video_' + CurrentVideo );
    $( '.video_selected' ).addClass( 'video_not_selected' );
    $( '.video_selected' ).removeClass( 'video_selected' );
    $('#navigation').accordion( 'activate', CurrentAlbum[PlaylistData[CurrentVideo].attr.album] );
    Target.addClass( 'video_selected' );
    document.getElementById( 'ImageTitle' ).innerHTML = 'What It Is: ' + PlaylistData[CurrentVideo].title.text;
    document.getElementById( 'ImageText' ).innerHTML = PlaylistData[CurrentVideo].what.text;
    document.getElementById( 'ImageMore' ).innerHTML = PlaylistData[CurrentVideo].more.text;
  }
  
  function PlayVideo( a_Index )
  {
    var Data = {};
    Data.index = parseInt( a_Index );
    onVideoItem( Data );
    MoxiVideo.Play( Data.index );
  }
  
  Moxi.Video.Load( "flashcontent", '/us/xml/moxi_features_video_list.xml', {controlbar:'over', repeat:'list', autostart:'true', item:CurrentVideo}, "578", "351" );

  function onPlaylistLoad( a_PlaylistData )
  {
    PlaylistData = a_PlaylistData;
    var HeaderTemplate = '<li><a class="head{0}" href="{1}">{2}</a>';
    var ItemTemplate = '<li><a id="video_{0}" href="javascript:void(null)" onclick="PlayVideo({2});">{1}</a></li>';
    var LastHeader = '';
    var headerCount = 0;
    var ItemsHTML = '';
    var ItemCount = 0;
    for( var i = 0; i < a_PlaylistData.length; i++ )
    {
      if( !LastHeader.Eq( a_PlaylistData[i].attr.album ) )
      {
        ItemCount = 0;
        LastHeader = a_PlaylistData[i].attr.album;
        CurrentAlbum[LastHeader] = headerCount;
        headerCount++;
        var ClassAddition = '';
        if( i > 0 )
        {
          ClassAddition = " addedMargin";
        }
        ItemsHTML = HeaderTemplate.format( ClassAddition, "?p=1.1." + headerCount, a_PlaylistData[i].attr.album ) + '<ul id="' + LastHeader + '_items">';
      }
      ItemsHTML += ItemTemplate.format( i, a_PlaylistData[i].title.text, i );
      if( i+1 == a_PlaylistData.length || !LastHeader.Eq( a_PlaylistData[i+1].attr.album ) )
      {
        if( ItemsHTML != '' )
        {
          ItemsHTML += '</ul></li>';
          $( '#navigation' ).append( ItemsHTML );
          $( '#' + LastHeader + '_items' ).css( 'height', ( ItemCount * 21 ) + 'px' );
        }
      }
      ItemCount++;
    }
    $( '#navigation' ).css({ 'visibility': 'visible' });
    $( '#navigation' )[0].oncontextmenu = function(){ return false; };
    $( '#navigation' ).accordion(
    {
      active: CurrentAlbum[PlaylistData[CurrentVideo].attr.album],
      header: '.head',
      navigation: true,
      event: 'click',
      fillSpace: false,
      animated: 'easeslide',
      icons: { header: 'current', headerSelected: 'selected' },
      clearStyle: true
    })

    onVideoItem( {index:CurrentVideo} )
  }
  
  $(document).ready(function(){
    Moxi.Banners.Add( 'features', 'page_banner' );
  });