var currentItem    =      -1;
      var previousItem   =      -1;
      var currentLength  =       0;
      var currentState   =  'NONE';
      var previousState  =  'NONE';
      var linkFlag       =   false;
      var player         =    null;
	  
      function playerScrollBar(){
       var scrolling = new ScrollRegion($("playerscroll").getElementsBySelector("div")[0]);
     }	

      function playerReady(thePlayer)
      {
        player = document.getElementById(thePlayer.id);
        addListeners()
        printPlaylistData();
        //setTimeout("playerScrollBar()",3000);
      };
     
      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;
            var prevID = "itemStatus"+previousItem;
            var prevStatus = $(prevID);
            var prevtitleId = "itemtitle"+previousItem;
            var prevtitleStatus = $(prevtitleId);
            if(prevtitleStatus){
				 prevtitleStatus.removeClassName("redfont");
            }
            if(prevStatus){
				prevStatus.hide();
            }
           currentItem  = obj.index;
           var titleId = "itemtitle"+currentItem;
           var titleStatus = $(titleId);
           var currentID = "itemStatus"+currentItem;
           var currentStatus = $(currentID);
           if(titleStatus){
				titleStatus.addClassName("redfont")
           }
          if(currentStatus){
				currentStatus.show();
          }
        }
      };
	  
	
      function stateListener(obj) //IDLE, BUFFERING, PLAYING, PAUSED, COMPLETED
      {
        currentState  = obj.newstate;
        var itemID = "itemStatus"+currentItem;
        var titleId1 = "itemtitle"+currentItem;
        var itemStatus = $(itemID);
        var titleStatus1 = $(titleId1);
	
        if(titleStatus1){
			if((currentState == "IDLE") || (currentState == "COMPLETED")){
				titleStatus1.removeClassName("redfont");
				itemStatus.hide();
			}else if ((currentState == "PLAYING")){
							titleStatus1.addClassName("redfont");
				itemStatus.show();
			}
		}
    
        var tmp = document.getElementById("itm" + currentItem);
        if((currentState != previousState) || (currentItem != previousItem))
        {
          previousState = currentState;
        }
      };
       
	   function mover(objId, classname)
	   {
          $(objId).addClassName(classname);
       };
      
	   function mout(objId, classname)
       {
          $(objId).removeClassName(classname);
       };
		
	  /* function showMoreContent(itemDescid,anchorId,lessDescId,moreDescId){
		  var lesscontent = "<a id='"+anchorId+"' style='display:inline' href=\"javascript:showLessContent('"+itemDescid+"','"+anchorId+"','"+lessDescId+"','"+moreDescId+"')\" >&nbsp;&nbsp;&rsaquo;&nbsp;less info</a>";
		  var moreDescContent = $(moreDescId).innerHTML;
		  moreDescContent = moreDescContent+lesscontent;
		  $(itemDescid).innerHTML = moreDescContent;
	   };

	   function showLessContent(itemDescid,anchorId,lessDescId,moreDescId){
		   var morecontent = "<a id='"+anchorId+"' style='display:inline' href=\"javascript:showMoreContent('"+itemDescid+"','"+anchorId+"','"+lessDescId+"','"+moreDescId+"')\" >&nbsp;&nbsp;&rsaquo;&nbsp;more info</a>";
		   var lessCont = $(lessDescId).innerHTML;
		   lessCont = lessCont + morecontent;
		   $(itemDescid).innerHTML = lessCont;
	   };*/

	   function showMoreContent(itemDescid,anchorId,lessDescId,moreDescId){
		   var parentLi = $(itemDescid).up(2);
		   var style = {"height": "auto"};
		   var lesscontent = "<a id='"+anchorId+"' style='display:inline' href=\"javascript:showLessContent('"+itemDescid+"','"+anchorId+"','"+lessDescId+"','"+moreDescId+"')\" >&nbsp;&nbsp;&rsaquo;&nbsp;less info</a>";
		   $(parentLi).setStyle(style);
		   var moreDescContent = $(moreDescId).innerHTML;
		   moreDescContent = moreDescContent+lesscontent;
		   $(itemDescid).innerHTML = moreDescContent;
	  };

	  function showLessContent(itemDescid,anchorId,lessDescId,moreDescId){
		var style1 = {"height": ""};
		var parentItem = $(itemDescid).up(2);
		var morecontent = "<a id='"+anchorId+"' style='display:inline' href=\"javascript:showMoreContent('"+itemDescid+"','"+anchorId+"','"+lessDescId+"','"+moreDescId+"')\" >&nbsp;&nbsp;&rsaquo;&nbsp;more info</a>";
	    var lessCont = $(lessDescId).innerHTML;
	    lessCont = lessCont + morecontent;
		$(itemDescid).innerHTML = lessCont;
		$(parentItem).setStyle(style1);
	  };