<!-- hide from old browsers

function animatedObject(elementName,loop,speed,steps,endRoutines,route){
  this.elementName = elementName;
  this.loop = loop;
  this.speed = speed;
  this.steps = steps;
  this.frameIndex = 0;
  this.endRoutines = endRoutines;
  this.route = route.split(',');
  this.animate = animateObject;
  this.move = moveObject;
  this.show = showObject;
  this.hide = hideObject;

  animatedObjects[elementName] = this;
}

function stopTimeline(timelineNumber){
   animationTime[timelineNumber] = animationTimeline[timelineNumber].length;
}

function startTimeline(timelineNumber) {
  animationTime[timelineNumber] = 0;
  timelineController(timelineNumber);
}

function timelineController(timelineNumber) {
    if (animationTime[timelineNumber] <= animationTimeline[timelineNumber].length - 1) {
      animationTime[timelineNumber]++;
        if (animationTimeline[timelineNumber][animationTime[timelineNumber]] != null){
          eval(animationTimeline[timelineNumber][animationTime[timelineNumber]]);
        }
        setTimeout('timelineController(' + timelineNumber + ')', 100);
    }
}

function showObject(){
  eval(layerObj + '["' + this.elementName + '"]' + styleObj + '.visibility = "visible"');
}
        
function hideObject(){
  eval(layerObj + '["' + this.elementName + '"]' + styleObj + '.visibility = "hidden"');
}
  

function moveObject(left, top){
  eval(layerObj + '["' + this.elementName + '"]' + styleObj + '.top = top');
  eval(layerObj + '["' + this.elementName + '"]' + styleObj + '.left = left');
}

function animateObject(){
    if (this.route.length > 4 && this.frameIndex < this.route.length)  {
      this.move(this.route[this.frameIndex], this.route[this.frameIndex + 1]);
      this.frameIndex += 2;
      setTimeout('animatedObjects["' + this.elementName + '"].animate()', this.speed);
    }
    else if (this.route.length == 4 && this.frameIndex <= this.steps) {
      this.move(parseInt(this.route[0]) + (this.frameIndex * ((parseInt(this.route[2]) - parseInt(this.route[0])) / this.steps)), parseInt(this.route[1]) + (this.frameIndex * ((parseInt(this.route[3]) - parseInt(this.route[1])) / this.steps)));
      this.frameIndex++;
      setTimeout('animatedObjects["' + this.elementName + '"].animate()', this.speed);         
    }
    else {
      eval(this.endRoutines + "");
      this.frameIndex = 0;
        if (this.loop == "yes"){
          this.animate();
        }
    }
}


function initAnimation() {
  layerObj = (isNS) ? 'document' : 'document.all';
  styleObj = (isNS) ? '' : '.style';
  animationTime = new Array();
  animationTimeline = new Array();
  animatedObjects = new Object();
  
 Waiting = new animatedObject('waitscr','no',0,0,'null','0,0,0,0');
  P1 = new animatedObject('Peek', 'no', 10, 20, 'null', '-200,400,640,38');
  S1 = new animatedObject('Solve', 'no', 10, 20, 'null', '-200,0,640,360');
  F1 = new animatedObject('Frame1', 'no', 10, 10, 'null', '-700,38,8,38');
  NAM = new animatedObject('Name', 'no', 10, 10, 'null', '0,0,0,0');
  NB = new animatedObject('NavBar', 'no', 10, 10, 'null', '8,-30,8,0');
  NS = new animatedObject('NavSc', 'no', 10, 10, 'null', '-700,0,8,0');    
  T1 = new animatedObject('Title', 'no', 20, 20, 'null', '280,150,800,-100');
  A1 = new animatedObject('elMATT1', 'no', 04, 10, 'null', '-150,50,617,100');
  A2 = new animatedObject('elMATT2', 'no', 05, 15, 'null', '-150,100,617,150');
  A3 = new animatedObject('elMATT3', 'no', 10, 10, 'null', '-150,160,617,190');
  A4 = new animatedObject('elMATT4', 'no', 15, 15, 'null', '-150,320,617,140');
  A5 = new animatedObject('elMATT5', 'no', 20, 10, 'null', '-150,20,617,210');
  A6 = new animatedObject('elMATT6', 'no', 25, 15, 'null', '-150,140,617,120');
  A7 = new animatedObject('elMATT7', 'no', 20, 10, 'null', '-150,290,617,170');
  A8 = new animatedObject('elMATT8', 'no', 15, 20, 'null', '-150,80,617,160');
  A9 = new animatedObject('elMATT9', 'no', 10, 15, 'null', '-150,250,617,200');
  A10 = new animatedObject('elMATT10', 'no', 10, 30, 'null', '-150,190,617,180');
  A11 = new animatedObject('elMATT11', 'no', 20, 30, 'null', '-150,120,617,130');
  A12 = new animatedObject('elMATT12', 'no', 10, 20, 'null', '-150,220,617,110');

  animationTimeline[0] = new Array();
  animationTimeline[0][01] = 'NB.animate();NB.show();T1.animate();P1.show(); P1.animate();S1.show(); S1.animate();'
  animationTimeline[0][8] = 'F1.show(); F1.animate();'
  animationTimeline[0][15] = 'NS.show();NS.animate();NAM.show();A1.animate(); A2.animate();A3.animate(); A4.animate();A5.animate(); A6.animate();A7.animate(); A8.animate();A9.animate(); A10.animate();A11.animate(); A12.animate();A1.show(); A2.show();A3.show(); A4.show();A5.show(); A6.show();A7.show(); A8.show();A9.show(); A10.show();A11.show(); A12.show();'
 
startTimeline(0);
Waiting.hide();
}


function initAnimation1() {
  layerObj = (isNS) ? 'document' : 'document.all';
  styleObj = (isNS) ? '' : '.style';
  animationTime = new Array();
  animationTimeline = new Array();
  animatedObjects = new Object();
  
 Waiting = new animatedObject('waitscr','no',0,0,'null','0,0,0,0');
  A1 = new animatedObject('elMATT1', 'no', 10, 25, 'null', '615,25,10,40');
  A2 = new animatedObject('elMATT2', 'no', 10, 25, 'null', '615,50,160,40');
  A3 = new animatedObject('elMATT3', 'no', 10, 25, 'null', '615,75,310,40');
  A4 = new animatedObject('elMATT4', 'no', 10, 25, 'null', '615,100,460,40');
  A5 = new animatedObject('elMATT5', 'no', 10, 25, 'null', '615,125,10,175');
  A6 = new animatedObject('elMATT6', 'no', 10, 25, 'null', '615,150,160,175');
  A7 = new animatedObject('elMATT7', 'no', 10, 25, 'null', '615,175,310,175');
  A8 = new animatedObject('elMATT8', 'no', 10, 25, 'null', '615,200,460,175');
  A9 = new animatedObject('elMATT9', 'no', 10, 25, 'null', '615,225,10,310');
  A10 = new animatedObject('elMATT10', 'no', 10, 25, 'null', '615,250,160,310');
  A11 = new animatedObject('elMATT11', 'no', 10, 25, 'null', '615,275,310,310');
  A12 = new animatedObject('elMATT12', 'no', 10, 25, 'null', '615,300,460,310');

  animationTimeline[0] = new Array();

  animationTimeline[0][01] = 'A1.show(); A1.animate();A2.show(); A2.animate();A3.show(); A3.animate();'
  animationTimeline[0][02] = 'A4.show(); A4.animate();A5.show(); A5.animate();A6.show(); A6.animate();'
  animationTimeline[0][03] = 'A7.show(); A7.animate();A8.show(); A8.animate();A9.show(); A9.animate();'
  animationTimeline[0][04] = 'A10.show(); A10.animate();A11.show(); A11.animate();A12.show(); A12.animate();'

 
startTimeline(0);

}

var layerObj, styleObj, totalTime, currTime;
var animationTime, animationTimeline, animatedObjects;
var bon, boff;

var isNS = (document.layers);
var isDHTML = (document.layers || document.all);

// -->