// JavaScript Document

// query string code start
	  var player   = null;
      var playItem = null;
      var file     = null;

      if(!(playItem = swfobject.getQueryParamValue('item')))
      {
        playItem = 0;
      }
	  if(!(file = swfobject.getQueryParamValue('playlist')))
      {
        file = 'videos/videos_fly.xml';
      } 
	  
      function playerReady(obj)
      {
        player = gid(obj.id);
		addListeners();
		printPlaylistData();
		playAway();
      };
      
      //...start the player on the query parameter item
      function playAway()
      {
        if((player.getPlaylist() !== 'null') && (player.getPlaylist() !== 'undefined') && playItem !== 0)
        {
          player.sendEvent('ITEM',  playItem);
          player.sendEvent('PLAY', 'true');
		  gid('playaway').innerHTML = 'playAway: Player: ' + player.id + ' playItem: ' + playItem + ' File: ' + file;
        }
        else
        {
          setTimeout("playAway()", 100);
        }
      };


      function gid(name)
      {
        return document.getElementById(name);
      };


	var flashvars =
      {
        file:file,
		stretching:false,  
		autostart:false, 
		shuffle:false, 
		repeat:"list",
		skin:"videos/stylish.swf",
		backcolor:"333333",
		frontcolor:"cccccc",
		lightcolor:"ea9000"
      };

      var params =
      {
        allowfullscreen:"true", 
		allowscriptaccess:"always",
		allowcrossdomain:"true",
		wmode:"transparent"
      };

      var attributes =
      {
        id:'playerId',
        name:'playerId'
      };

	  swfobject.embedSWF("videos/player.swf", "placeholder1", "592", "342", "9.0.115", false, flashvars, params, attributes);

// query string code end

var currentItem = -1;
var previousItem = -1;
var currentLength = 0;
var currentState = 'NONE'; 
var previousState= 'NONE'; 
var linkFlag = false;

function addListeners() {
	if (player) { 
		player.addControllerListener("ITEM", "itemListener");
		player.addModelListener("STATE", "stateListener");
	} else {
		setTimeout("addListeners()",100);
	}
}


function itemListener(obj) { 
	if (obj.index != currentItem) {
 		previousItem = currentItem;
		currentItem = obj.index; 		
		setItemStyle(currentItem);	
	}
}


function stateListener(obj) { //IDLE, BUFFERING, PLAYING, PAUSED, COMPLETED
	currentState = obj.newstate; 
	//previousState = obj.oldstate; 

	var tmp = document.getElementById("itm" + currentItem);
	if ((currentState != previousState)||(currentItem != previousItem)) {  
		previousState = currentState; 
		setItemStyle(currentItem);	
	} 
}


function mover(obj, idx) { 
	if (idx == currentItem) { obj.className = 'playinghi'; }
	else  { obj.className = 'playlisthi'; }
}


function mout(obj, idx) {
	linkFlag = false;
	if (idx == currentItem) { obj.className = 'playinglo'; }
	else  { obj.className = 'playlistlo'; } 
}


function setItemStyle(idx) {
	var count = getLength(); 
	for(var i=0; i<count; i++) { 
		var tmp = document.getElementById("itm" + i);
		if (tmp) { 
			if(i == idx) {
				 if(currentState == 'PLAYING') { tmp.className = 'playinglo'; } //'playinghi';
				else { tmp.className = 'playlisthi'; } //'playinglo';
			} else { tmp.className = 'playlistlo'; }
		}
	}
	var tmp = document.getElementById("plstwrapper");
	tmp.scrollTop = idx * 80;
}


function getLength() { currentLength = player.getPlaylist().length; return(currentLength); };


function printPlaylistData() {
	var plst = null;
	plst = player.getPlaylist();
	if (plst) {
		var txt='<table cellPadding="0" cellSpacing="8" border="0" width="298">'; 
		for(var i in plst) { 
 			txt+='<tr><td><table width="288" cellPadding="0" cellSpacing="0" id="itm' + i + '" onclick="if(! linkFlag) player.sendEvent(\'ITEM\',' + i + ');" ';
 			txt+='class="playlistlo" onmouseover="mover(this, ' + i + ')" onmouseout="mout(this, ' + i + ')">';
			txt+='<tr><td><img src="' + plst[i].image + '" width="140"  height="79" title="Click to Play"></td>';
			txt+='<td class="plst_pad" width="100%">';
			txt+='<b>' + plst[i].title + '</b><br>';
			//txt+=plst[i].author + '<br>';
			//txt+='<a href="' + plst[i].link + '" target="_blank" title="' + plst[i].link + '" onclick="linkFlag=true"> fly 1</a><br>';
			//txt+='<a href="' + plst[i].link + '" target="_blank" title="' + plst[i].link + '" onclick="linkFlag=true"> fly 2</a><br>';
			//txt+='<a href="' + plst[i].link + '" target="_blank" title="' + plst[i].link + '" onclick="linkFlag=true"> fly 3</a><br>';
			//txt+=plst[i].description;
			txt+='</td></tr></table></td></tr>';
		}
		txt+='</table>'; //alert(txt);

		var tmp = document.getElementById("plstDat");
		if (tmp) { tmp.innerHTML = txt; }
	} else {
		setTimeout("printPlaylistData()",100);
	}	
}