var display_number = 5;
var thumb_max = 0;
var current_index = 0;
var li_str = '';
var mftvData;

function ini_scroll(id_name)
{
  createPlayer();
  $.getJSON("/json/videos/", function(jsData)
  {
    var mftvData = jsData;
    thumb_max = Math.ceil(mftvData.length / display_number) - 1;

    li_str = '<ul id="sccnt">';
    for(i = 0;i < mftvData.length;i++)
    {
      li_str += '<li><div class="scrollcontent">';
      li_str += '<a href="javascript://" onclick="play_video(' + "'" + mftvData[i].xml + "'" + ');">';
      li_str += '<img src="' + mftvData[i].thumbnail + '" alt="' + mftvData[i].title + '" title="' + mftvData[i].title + '" width="120" height="90" />' + '</a>';
      li_str += '<span><a href="javascript://" onclick="play_video(' + "'" + mftvData[i].xml + "'" + ');">' + mftvData[i].title + '</a><br />' + mftvData[i].performer + '</span>';
      li_str += '</div></li>';
   }
   li_str += '<ul>';
   $(id_name).append(li_str);
  });

}

function play_video(flv_url)
{
  var player = $('#theplayer').get(0);
  player.startPlay(flv_url);
}
  
function ini_scroll_btn(id_name)
{
  var scroll_name = id_name + ' ' + 'ul';
  $(".next").click(function()
  {
    if(current_index > 0)
    {
      current_index--;
      $(scroll_name).animate({ marginLeft: -1 * current_index * 120 * display_number},1000);
    } 
  });

  $(".prev").click(function()
  {
    if(current_index < thumb_max)
    {
      current_index++;
      $(scroll_name).animate({ marginLeft: -1 * current_index * 120 * display_number},1000);
    }
  });

}

var player = null;
function playerReady(thePlayer)
{
  player = window.document[thePlayer.id];
}

function createPlayer()
{
  var flashvars = {
    bufferlength:"16",
    smoothing:"flase",
    backcolor:"333333",
    frontcolor:"ffffff",
    lightcolor:"CCCCFF",
    screencolor:"333333",
    fullscreen:"true",
    stretching:"exactfit"
  };
    
  var params = {
    allowfullscreen:"true", 
    allowscriptaccess:"always",
    wmode:"opaque"
  };
    
  var attributes = {
    id:"theplayer",
    name:"theplayer"
  };
  swfobject.embedSWF("/swf/player.swf", "player", "640", "450", "9.0.115", false, flashvars, params, attributes);
}

	function display(url){
		if (url != 'disable'){
			$.getJSON(url, function(jsData){
	    		var data = jsData;
	    		thumb_max = Math.floor(data.length / 6);
	    		str = '<div id="scroll-cont"><ul id="sccnt">';
	    		for(i = 0;i < data.length;i++){
	      		str += '<li><div>';
	      		str += '<a href="javascript://" onclick="play_video(' + "'" + data[i].xml + "'" + ');">';
	      		str += '<img src="' + data[i].thumbnail + '" alt="' + data[i].title + '" title="' + data[i].title + '" width="120" height="90" />' + '</a>';
	      		str += '<span><a href="javascript://" onclick="play_video(' + "'" + data[i].xml + "'" + ');">' + data[i].title + '</a><p>' + data[i].performer + '</p></span>';
	      		str += '</div></li>';
	    		}
	    		str += '<ul></div>';
	    		$('#scroll-cont').replaceWith(str);
	   	});
		}
	}