<?
  require_once( 'lib/database.php');
  require_once( 'tools.php');

?>
// (c) 2006,2007 by Roger Sennert http://www.bluestarsoftware.de
// for Shu Lea Cheang

// console.log( "and now it starts..." );

var xoffset       = 10;
var maxwidth      = 1000;
var step          = 10;
var magicNumber   = 3;
var mouseActive   = false;
var isIE          = false;
var isMOZ         = false;
var fsetpos       = 0;
var dxpos         = 0;
var moveIt        = false;
var moveDir       = 1;
var moveActive    = false;
var reorderCount  = 0;
var aset          = new Array();
var fset          = new Array();

var dset          = new Array();
var iset          = new Array();
var mset          = new Array();
var tset          = new Array();


// Browsers detection
if ( navigator.appName == "Microsoft Internet Explorer" )
  isIE = true;
else
  isMOZ = true;

if ( isIE )
{
  document.onselectstart=new Function ("return false;");		// disable selection in IE
}
if ( isMOZ )
{
	document.onmousedown=new Function ("return false;");      // disable selection in Mozilla and hopely the other browsers
	document.onclick=new Function ("return true;");
}

// Handling of mouse button	
document.onmouseup = stopTheMove;

// Build the data array
<?
  $vm   = new VideoManager();
  // $al   = $vm->getList('','creation DESC');      // newest entries first
  $al   = $vm->getList('','creation');            // newest entries last
  $i    = 0;
  
  foreach ( $al as $key=>$obj )
  {    
    echo 'fset['.$i.'] = "'.$obj->id.'#'.$obj->fileName.'#'.date( 'Y-m-d H:i:s', ($obj->creation - 28800) ).'"';
    // echo 'fset['.$i.'] = "'.$obj->id.'#'.$obj->fileName.'#'.$obj->creation.'"';
    echo "\n";
    $i++;
  }   
?>


function setupDSet()
{
  i = 0;
  
  do
  {
    dele = document.getElementById( ("bid"+i) );
    mele = document.getElementById( ("mid"+i) );
    iele = document.getElementById( ("iid"+i) );
    tele = document.getElementById( ("tid"+i) );
    if ( dele != null )
    {
      dset[i] = dele;
      iset[i] = iele;
      mset[i] = mele;
      tset[i] = tele;
      setNewData( i, i );
    }          
    i++;
  } while( dele!=null );      
}

function moveTheSet( direction )
{
  i = 0;  

  if ( fsetpos==0 && dxpos==0 && direction>0 )      // do not allow to scroll when we have the first item!
    return;
  if ( fsetpos+10==fset.length && dxpos==0 && direction<0 )
    return;

  if ( direction>0 && fsetpos>0 && dxpos==0 )
  {
    i=dset.length-2;
    bdset = dset[dset.length-1];
    biset = iset[dset.length-1];
    miset = mset[dset.length-1];
    tiset = tset[dset.length-1];
    
    while( i>=0 )
    {
      dset[i+1] = dset[i];
      iset[i+1] = iset[i];
      mset[i+1] = mset[i];
      tset[i+1] = tset[i];
      i--;
    }    
    dset[0] = bdset;
    iset[0] = biset;
    mset[0] = miset;
    tset[0] = tiset;
    setEle( bdset, -100 );
    setEle( biset, -100 );              
    
    fsetpos--;
    setNewData( 0, fsetpos );
        
    dxpos=-100; 
  }

  i=0;
  dxpos += direction*step;   
  while( i < dset.length )
  {
    moveEle( dset[i], direction*step );
    moveEle( iset[i], direction*step );
    i++;
  }
  
  if ( dxpos==-100 && direction<0 )
  {
    i=0;
    bdset = dset[0];
    biset = iset[0];
    miset = mset[0];
    tiset = tset[0];
    
    while( i < dset.length-1 )
    {
      dset[i] = dset[i+1];
      iset[i] = iset[i+1];
      mset[i] = mset[i+1];
      tset[i] = tset[i+1];
      i++;
    }    
    dset[dset.length-1] = bdset;
    iset[dset.length-1] = biset;
    mset[dset.length-1] = miset;
    tset[dset.length-1] = tiset;
    setEle( bdset, maxwidth );
    setEle( biset, maxwidth );              
    
    fsetpos++;
    if ( fsetpos+10 < fset.length )
      setNewData( i, fsetpos+10 );
    dxpos=0;
  }
}

function openPopup( ele )
{
  openPlayerWindow( ele.getAttribute("vidid") );
}

function doTest()
{

}

function doTest2()
{
  
}

function setNewData( dspIdx, dataPos )
{
  if ( dspIdx < fset.length )
  {
    var data = fset[dataPos].split("#");
    var data2 = data[2].split( " " );
    // var ti = new Date();
    // ti.setTime( data[2]*1000 );
    // tset[dspIdx].innerHTML = ti.getFullYear()+"-"+ti.getMonth()+1+"-"+ti.getDate()+ "<br>" + ti.getHours() +":" + ti.getMinutes()+ ":" + ti.getSeconds();
    tset[dspIdx].innerHTML = data2[0]+ "<br>" + data2[1];
    mset[dspIdx].setAttribute( "vidid", data[0] );
    mset[dspIdx].src = "../images/empty.gif";
    mset[dspIdx].src = "thumbs/"+data[1]+"-full.jpg";
  }    
}

function setEle( ele, pos )
{
  ele.style.left = ( pos+magicNumber ) + "px";  
}

function flipVis( ele )
{
  var show  = Math.random();
  var sshow = "visible"; 
  
  if ( show > 0.5 )
    sshow = "hidden";
    
  ele.style.visibility = sshow;
}

function flipPos( ele )
{
  var ypos = Math.round(parseInt( Math.random()*74 )/10);    
  
  if ( ypos <=3 )
    ypos = ypos*75+3;
  else
    ypos = ypos*75+23;
  
  ele.style.top = (ypos) + "px";
}

function reorderTheSet()
{
  reorderCount++;
  
  if ( reorderCount > 10 )
  {
    i=0;   
    while( i < dset.length )
    {
      flipPos( dset[i] );
      flipVis( dset[i] );
      i++;
    }
    reorderCount=0;
  }
}

function moveEle( ele, offset )
{
  ele.style.left = ( parseInt(ele.style.left.substring( 0, ele.style.left.length-2 ))+offset ) + "px";  
}



function stopTheMove( evt )
{
  mouseActive = false;
}

function startTheMove( evt )
{
  mouseActive = true; 
}

function doAnimation()
{
  if ( moveIt==true && mouseActive==true )
  {
    moveTheSet( moveDir );
    reorderTheSet();
    window.setTimeout( "doAnimation()", 50 );
  }
  else
    moveActive=false;
}

function moveTheLine( evt )
{    
  if ( mouseActive )
  {
    xpos = evt.clientX-xoffset;
    setTheLine( xpos );
    reorderTheSet();
    if ( xpos>=0 && xpos<=30 )
    {
      moveDir=1;
      moveIt=true;
    }
    else if ( xpos>=970 && xpos<=1000 )
    {
      moveDir=-1;
      moveIt=true;
    }
    else
      moveIt=false;
      
    if ( moveIt==true && moveActive==false )
    {
      moveActive=true;
      window.setTimeout( "doAnimation()", 0 );
    }           
  }  
}

function setTheLine( xpos )
{
  if ( xpos<= 1000 )
  {
    ele = document.getElementById( "theLine" );
    
    if ( ele != null )
      ele.style.left = xpos + "px";
  }    
}