var numFrags = 3;
var fragHolder = [];
var stopStart = true;
var maxWidth = $("body").width();
var maxHeight = $("body").height();
var oDoDo = [];

$(document).ready(function(){
 $("h2 + p").addClass("source");
 $("h2 + p + p").addClass("fragment");
 maxWidth = $("body").width();
 maxHeight= $("body").height();
setUpFrags();
 setInterval("moveFrags()",120 );

 });

function moveFrags(){
 if(!stopStart) return;
 for (i=0;i<numFrags;i++){
   var thisFrag = fragHolder[i];
   var pT = parseInt(thisFrag.offset().top);
   var pL = parseInt(thisFrag.offset().left);
   if(pT > maxHeight)
     thisFrag.hDir = false;
   if(pT <0 )
     thisFrag.hDir = true;
   if(pL > maxWidth)
     thisFrag.wDir = false;
   if( pL < 0)
     thisFrag.wDir = true;
   if(thisFrag.hDir)
    thisFrag.css('top', pT + 20 + 'px');
   else
    thisFrag.css('top', pT - 20 + 'px');
   if(thisFrag.wDir)
    thisFrag.css('left',pL + 20+ 'px');
   else
    thisFrag.css('left',pL - 20+ 'px');
 }

}


function setUpFrags(){
for (i=0;i<numFrags;i++){
   var thisFrag = fragHolder[i];
   if(thisFrag)
    thisFrag.css("display", "none");
}
  fragHolder = [];
 for (i=0;i<numFrags;i++){
  var frag1 = Math.floor(Math.random()*142); 
 if(typeof console != 'undefined') 
   console.log("F" + frag1 + " "); 
oDoDo.push(frag1);

  var Frag = $("#Fragment" + frag1);
  Frag.css("display", "block");
  Frag.addClass("shownFragment");
  var frag1L = Math.floor(Math.random()*maxWidth); 
  var frag1T = Math.floor(Math.random()*maxHeight); 
  Frag.css('top', frag1T + 'px');
  Frag.css('left', frag1L + 'px');
  Frag.hDir = Math.floor(Math.random()*2); 
  Frag.wDir = Math.floor(Math.random()*2); 
  fragHolder.push(Frag);
 }
$('#debug').html( oDoDo.sort().join(',  ' ));
}

function setStopStart(obj){
if(!stopStart){
obj.value="Stop it, please";
stopStart = true;
} else {
obj.value="Come on! Boogie!";
stopStart = false;
}




}