// (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
pfset[0] = "37#v1184165824-1442995323.flv#2007-07-11 08:57:04#38#2#38-small.jpg";
pfset[1] = "45#v1184216823-1351830456.flv#2007-07-11 23:07:03#38#2#38-small.jpg";
pfset[2] = "46#v1184217532-1895385627.flv#2007-07-11 23:18:52#41#8#41-small.jpg";
pfset[3] = "51#v1184365978-1761395400.flv#2007-07-13 16:32:58#45#16#45-small.jpg";
pfset[4] = "52#v1184367635-1348170035.flv#2007-07-13 17:00:35#46#1#46-small.jpg";
pfset[5] = "55#v1184400419-807431498.flv#2007-07-14 02:06:59#38#2#38-small.jpg";
pfset[6] = "56#v1184424028-1478019577.flv#2007-07-14 08:40:28#4#2#4-small.jpg";
pfset[7] = "57#v1184424357-631677925.flv#2007-07-14 08:45:57#4#2#4-small.jpg";
pfset[8] = "58#v1184425109-557667926.flv#2007-07-14 08:58:29#4#2#4-small.jpg";
pfset[9] = "59#v1184435375-500656370.flv#2007-07-14 11:49:35#47#8#47-small.jpg";
pfset[10] = "60#v1184467581-1270397329.flv#2007-07-14 20:46:21#38#2#38-small.jpg";
pfset[11] = "61#v1184571601-2029099379.flv#2007-07-16 01:40:02#38#2#38-small.jpg";
pfset[12] = "64#v1184598866-928687337.flv#2007-07-16 09:14:26#45#16#45-small.jpg";
pfset[13] = "65#v1184600560-295283829.flv#2007-07-16 09:42:40#49#4#49-small.jpg";
pfset[14] = "67#v1184622958-744553711.flv#2007-07-16 15:55:58#4#8#4-small.jpg";
pfset[15] = "69#v1184688843-280079756.flv#2007-07-17 10:14:03#47#12#47-small.jpg";
pfset[16] = "74#v1184735411-140260283.flv#2007-07-17 23:10:11#41#8#41-small.jpg";
pfset[17] = "79#v1184794000-1849808509.flv#2007-07-18 15:26:40#4#8#4-small.jpg";
pfset[18] = "80#v1184799406-278100350.flv#2007-07-18 16:56:46#4#16#4-small.jpg";
pfset[19] = "81#v1184881895-1120296421.flv#2007-07-19 15:51:35#56#1#default.jpg";
pfset[20] = "82#v1184884247-1689357237.flv#2007-07-19 16:30:47#40#4#40-small.jpg";
pfset[21] = "83#v1184912838-967111051.flv#2007-07-20 00:27:18#4#8#4-small.jpg";
pfset[22] = "84#v1184945761-1974367990.flv#2007-07-20 09:36:01#45#16#45-small.jpg";
pfset[23] = "86#v1184985144-1381495689.flv#2007-07-20 20:32:24#45#16#45-small.jpg";
pfset[24] = "87#v1184986913-1213947971.flv#2007-07-20 21:01:53#45#16#45-small.jpg";
pfset[25] = "88#v1184988887-1391606368.flv#2007-07-20 21:34:47#38#2#38-small.jpg";
pfset[26] = "89#v1185090125-433027544.flv#2007-07-22 01:42:06#38#2#38-small.jpg";
pfset[27] = "91#v1185137733-739408292.flv#2007-07-22 14:55:33#40#4#40-small.jpg";
pfset[28] = "92#v1185138267-567608523.flv#2007-07-22 15:04:28#40#4#40-small.jpg";
pfset[29] = "93#v1185138594-680071136.flv#2007-07-22 15:09:54#40#4#40-small.jpg";
pfset[30] = "94#v1185138823-981839456.flv#2007-07-22 15:13:43#40#4#40-small.jpg";
pfset[31] = "95#v1185171509-86647065.flv#2007-07-23 00:18:29#49#4#49-small.jpg";

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+" )";
  }
}