var isNS = (navigator.appName == "Netscape");
layerRef = (isNS) ? "document" : "document.all";
styleRef = (isNS) ? "" : ".style";

var queue = new Array();

   var NUM_OF_BFLY = 7;
   var step = .015;
   var currStep = 1000*Math.random();

   var Xpos = 50;
   var Ypos = 50;
   var Xp = Xpos;
   var Yp = Ypos;
   var j = 0;
   var first = 'true';
   var vis = "visibile";
   var cnt=0;


function init() {

// fill the queue array with the layer names    
  for(x=0; x < NUM_OF_BFLY; x++)
  {
  // which are numbered bfly1, bfly2 .. in sequence
    queue[x] = "bfly" + (x+1) ;
  }
// Tell the browser what events we want to capture (Netscape)
  if (isNS) { document.captureEvents(Event.MOUSEMOVE); } 
  document.onmousemove = processMouse;  // And where there to go.
  setTimeout("animateLogo()", 50) ;

}       
function processMouse(e) {
                                                   
//      Depending on the browser, position this trail part near the mouse 
//      co-ordinates offsetting by 10 pixels so it dosn't get in the way of 
//      links etc.

   if (isNS) 
   {
      Xpos = e.pageX;
      Ypos = e.pageY;
      for(x=0; x < NUM_OF_BFLY; x++){
       //  currentObj = queue[x+1];

          //    eval("temp=document." + currentObj + ".visibiliby");
         //     temp="visible";
         //    eval("document." + currentObj + ".visibility ="+vis+";");

        // document.layers[x].visibility="visible";

      }
         document.bfly1.visibility="visible";
         document.bfly2.visibility="visible";
         document.bfly3.visibility="visible";
         document.bfly4.visibility="visible";
         document.bfly5.visibility="visible";
         document.bfly6.visibility="visible";
         document.bfly7.visibility="visible";
   } 
   else 
   {
      Xpos = event.clientX + document.body.scrollLeft;
      Ypos = event.clientY + document.body.scrollTop;

      document.all.bfly1.style.visibility="visible";
      document.all.bfly2.style.visibility="visible";
      document.all.bfly3.style.visibility="visible";
      document.all.bfly4.style.visibility="visible";
      document.all.bfly5.style.visibility="visible";
      document.all.bfly6.style.visibility="visible";
      document.all.bfly7.style.visibility="visible";

   }
}

function animateLogo() {
// Logo animation
   var Rng = window.innerHeight/2;
   var RngH = window.innerHeight/2;
   var RngW = window.innerWidth/2-21;
   var RngA = window.innerHeight/2;

   var  yBase = window.innerHeight/2;
   var  xBase = window.innerWidth/2;


                                                   
   for ( j = 0; j < NUM_OF_BFLY; j++ ) 
   {
     currentObj = queue[j];
                                   
      //      Depending on the browser, position this trail part near the mouse 
      //      co-ordinates offsetting by 10 pixels so it dosn't get in the way of 
      //      links etc.


     Yp = Math.cos((20*Math.sin(currStep/(21+j)))+j*70)*(Math.sin(10+currStep/11)+0.2)*Math.cos((currStep + j*27)/10);
     Xp = Math.sin((20*Math.sin(currStep/21))+j*70)*(Math.sin(10+currStep/(11+j))+0.2)*Math.cos((currStep + j*27)/10);
     currStep += step;

     if (isNS) 
     {

        eval("document." + currentObj + ".left = Xpos+Xp*xBase-60+4*Math.random()   ;");
        eval("document." + currentObj + ".top = Ypos + Yp*yBase-60+4*Math.random() ;");
     } 
     else 
     {

        eval("document.all." + currentObj + ".style.pixelLeft = Xpos + Xp*300-60+4*Math.random()   ;");
        eval("document.all." + currentObj + ".style.pixelTop =  Ypos + Yp*250-60+4*Math.random()  ;");
     }// end if
  } // end for

  setTimeout("animateLogo()", 50) ;
}