<?
  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 pfset         = new Array();

var dset          = new Array();
var iset          = new Array();
var mset          = new Array();
var tset          = new Array();
var aset          = new Array();

var groupNum			= 0;
var px250         = 0;
var px251         = 1000;

// 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');            // newest entries last
  $i    = 0;
  
  foreach ( $al as $key=>$obj )
  {    
    echo 'pfset['.$i.'] = "'.$obj->id.'#'.$obj->fileName.'#'.date( 'Y-m-d H:i:s', ($obj->creation - 28800) ).'#'.$obj->userID.'#'.$obj->lable.'#';
		if ( file_exists('avatar/'.$obj->userID.'-small.jpg' ) )
			echo $obj->userID.'-small.jpg';
		else
			echo 'default.jpg';		
		echo '";';
    echo "\n";
    $i++;
  }   
?>

function reinit()
{
	fsetpos       = 0;
	dxpos         = 0;
	moveIt        = false;
	moveDir       = 1;
	moveActive    = false;
	reorderCount  = 0;
	
	
	var i	= 0;
	var j	= 0;
	
	fset = new Array();	
  while ( i < pfset.length )
  {
    var data = pfset[i].split("#");
		
  	if ( groupNum==0 || (data[4] & groupNum) == groupNum )
  		fset[j++]=pfset[i];
  	i++;
	}
}

function setupDSet()
{
  i 		= 0;
  xpos	= 0;

	reinit();

	while( i < 12 )
	{
    setEle( e('bid'+i), xpos );
    setEle( e('iid'+i), xpos );
    e('tid'+i).innerHTML = '';
    e('mid'+i).setAttribute( "vidid", "" );
    e('mid'+i).src = "../images/empty.gif";
    e('aid'+i).src = "../images/empty.gif";
    
		xpos+=100;
		i++;		
	}

	dset          = new Array();
	iset          = new Array();
	mset          = new Array();
	tset          = new Array();
	aset          = new Array();	  
	
	i=0;
  do
  {
    dele = document.getElementById( ("bid"+i) );
    mele = document.getElementById( ("mid"+i) );
    iele = document.getElementById( ("iid"+i) );
    tele = document.getElementById( ("tid"+i) );
    aele = document.getElementById( ("aid"+i) );
    
    if ( dele != null )
    {
      dset[i] = dele;
      iset[i] = iele;
      mset[i] = mele;
      tset[i] = tele;
      aset[i] = aele;
      setNewData( i, i );
      flipPos( dele );
    }          
    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 ( fset.length < 10 )
  	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];
    aiset = aset[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];
      aset[i+1] = aset[i];
      i--;
    }    
    dset[0] = bdset;
    iset[0] = biset;
    mset[0] = miset;
    tset[0] = tiset;
    aset[0] = aiset;
    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];
    aiset = aset[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];
      aset[i] = aset[i+1];
      i++;
    }    
    dset[dset.length-1] = bdset;
    iset[dset.length-1] = biset;
    mset[dset.length-1] = miset;
    tset[dset.length-1] = tiset;
    aset[dset.length-1] = aiset;
    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") );
  // xajax_helloWorld(0);
  if ( ele.getAttribute("vidid") != null )
  	xajax_showVid( ele.getAttribute("vidid") );
}

function showVidScreen()
{
	showAnimation( 0 );
	xajax.$('waitScreen').style.display = 'block';
	xajax.$('waitScreenText').style.display = 'block';
}

function hideVidScreen()
{
	showAnimation( 1 );
  xajax.$('video').innerHTML = '';
	xajax.$('waitScreen').style.display = 'none';
	xajax.$('waitScreenText').style.display = 'none';
}

function doTest()
{

}

function doTest2()
{
  
}

function setNewData( dspIdx, dataPos )
{
  if ( dspIdx < fset.length )
  {
    var data = fset[dataPos].split("#");
    var data2 = data[2].split( " " );
    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";
    aset[dspIdx].src = "../images/empty.gif";
//    aset[dspIdx].src = "avatar/"+data[3]+"-small.jpg";
    aset[dspIdx].src = "avatar/"+data[5];
  }    
}

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+53;
  
  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();
    style25();
    
    window.setTimeout( "doAnimation()", 50 );
  }
  else
    moveActive=false;
}

function moveTheLine( evt )
{    
  if ( mouseActive )
  {
    xpos = evt.clientX-xoffset;
    setTheLine( xpos );
    style25();
    
    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 = e( "theLine" );
    
    if ( ele != null )
      ele.style.left = xpos + "px";
  }    
}

function mgroup( tag )
{
	if ( groupNum == tag )
		groupNum=0;
	else
		groupNum=tag;
	
	setupDSet();
}

function doAnimation25()
{
  px250-= 10;
  px251-= 10;
    
  if ( px250<=-1000 )  px250=1000;
  if ( px251<=-1000 )  px251=1000;

  e( 't0' ).style.left = px250 + "px";  
  e( 't00' ).style.left = px251 + "px";
  window.setTimeout( "doAnimation25()", 50 );
}

function showAnimation( show )
{
	if ( show == 1 )
		mode='block';
	else
		mode='none';
		
	e( 't0' ).style.display = mode;
	e( 't00' ).style.display = mode;
}


function style25()
{
  for( i=1; i<6; i++ )
  {
    var nx  = Math.random()*1000,
        ny  = Math.random()*620,
        fs  = Math.random()*80+20,
        r   = parseInt(Math.random()*255),
        g   = parseInt(Math.random()*255),
        b   = parseInt(Math.random()*255);
  
    e( 't'+i ).style.top = ny + "px";
    e( 't'+i ).style.left = nx + "px";
    e( 't'+i ).style.fontSize = fs + "px";
    e( 't'+i ).style.color = "rgb( "+r+", "+g+", "+b+" )";
  }
}