<!-- 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');
  LO = new animatedObject('LoadT', 'no', 20, 20, 'null', '-40,0,-40,0');

  animationTimeline[0] = new Array();

  animationTimeline[0][01] = 'LO.hide();'


startTimeline(0);
Waiting.show();
}

function initAnimationS() {
  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');
  LO = new animatedObject('Loading', 'no', 20, 20, 'null', '-40,0,-40,0');
  S1 = new animatedObject('elMATT1', 'no', 10, 15, 'null', '150,-240,150,100');
  S2 = new animatedObject('elMATT2', 'no', 10, 15, 'null', '250,430,250,100');
  S3 = new animatedObject('elMATT3', 'no', 10, 15, 'null', '350,-240,350,100');
  S4 = new animatedObject('elMATT4', 'no', 10, 15, 'null', '450,430,450,100');
  F1 = new animatedObject('Fore1', 'no', 10, 10, 'null', '-150,0,-40,0');
  F2 = new animatedObject('Fore2', 'no', 10, 10, 'null', '65,-100,65,0');
  F3 = new animatedObject('Fore3', 'no', 10, 10, 'null', '606,-510,606,0');
  F4 = new animatedObject('Fore4', 'no', 10, 10, 'null', '-500,423,65,423');
  B1 = new animatedObject('Back1', 'yes', 10, 250, 'null', '-570,70,30,70');
  P1 = new animatedObject('Paw1', 'no', 20, 20, 'null', '-570,70,30,70');
  T1 = new animatedObject('Text1', 'no', 10, 10, 'null', '-20,105,47,105');
  N1 = new animatedObject('Nav1', 'no', 10, 10, 'null', '-40,0,-40,0');

  animationTimeline[0] = new Array();

  animationTimeline[0][01] = 'F1.show(); F2.show(); F3.show();F4.show();B1.show();B1.animate();'
  animationTimeline[0][30] = 'S1.show(); S1.animate();T1.show(); T1.animate();'
  animationTimeline[0][40] = 'S2.show(); S2.animate();'
  animationTimeline[0][50] = 'S3.show(); S3.animate();'
  animationTimeline[0][60] = 'S4.show(); S4.animate();'
  animationTimeline[0][80] = 'N1.show();P1.show();T1.hide();'


 
startTimeline(0);
Waiting.hide();
}

function initAnimationNav() {
  layerObj = (isNS) ? 'document' : 'document.all';
  styleObj = (isNS) ? '' : '.style';
  animationTime = new Array();
  animationTimeline = new Array();
  animatedObjects = new Object();
  
  LO = new animatedObject('Loading', 'no', 20, 20, 'null', '-40,0,-40,0');
  B1 = new animatedObject('Back1', 'yes', 60, 300, 'null', '-570,70,30,70');
  B2 = new animatedObject('Back2', 'no', 60, 300, 'null', '30,70,30,70');
  B3 = new animatedObject('Back3', 'no', 60, 300, 'null', '30,70,30,70');
  B4 = new animatedObject('Back4', 'no', 60, 300, 'null', '30,70,30,70');
  B5 = new animatedObject('Back5', 'no', 60, 300, 'null', '30,70,30,70');
  S1 = new animatedObject('elMATT1', 'no', 10, 25, 'null', '150,-240,150,100');
  S2 = new animatedObject('elMATT2', 'no', 10, 25, 'null', '250,430,250,100');
  S3 = new animatedObject('elMATT3', 'no', 10, 25, 'null', '350,-240,350,100');
  S4 = new animatedObject('elMATT4', 'no', 10, 25, 'null', '450,430,450,100');
  F1 = new animatedObject('Fore1', 'no', 10, 10, 'null', '-150,0,-40,0');
  F2 = new animatedObject('Fore2', 'no', 10, 10, 'null', '65,-100,65,0');
  F3 = new animatedObject('Fore3', 'no', 10, 10, 'null', '606,-510,606,0');
  F4 = new animatedObject('Fore4', 'no', 10, 10, 'null', '-500,423,65,423');
  T1 = new animatedObject('Text1', 'no', 10, 10, 'null', '-20,105,45,105');
  N1 = new animatedObject('Nav1', 'no', 10, 10, 'null', '-40,0,-40,0');
  N1A = new animatedObject('Nav1A', 'no', 10, 10, 'null', '-40,0,-40,0');
  N2 = new animatedObject('Nav2', 'no', 10, 18, 'null', '-600,1,-23,1');
  N3 = new animatedObject('Nav3', 'no', 10, 12, 'null', '-38,24,-38,48');
  N4 = new animatedObject('Nav4', 'no', 10, 12, 'null', '-38,24,-38,1');
  NLK1 = new animatedObject('NLink1', 'no', 90, 90, 'null', '-38,2,-38,2');
  OV = new animatedObject('Overlay', 'no', 20, 20, 'null', '-40,0,-40,0');

  animationTimeline[0] = new Array();
  animationTimeline[0][01] = 'OV.show();N2.show();N2.animate();N1A.show();'
  animationTimeline[0][22] = 'N3.show();N3.animate();N4.show();N4.animate();'
  animationTimeline[0][40] = 'NLK1.show();OV.hide();'

startTimeline(0);

}

function initAnimationNavC() {
  layerObj = (isNS) ? 'document' : 'document.all';
  styleObj = (isNS) ? '' : '.style';
  animationTime = new Array();
  animationTimeline = new Array();
  animatedObjects = new Object();

  LO = new animatedObject('Loading', 'no', 20, 20, 'null', '-40,0,-40,0');
  B1 = new animatedObject('Back1', 'yes', 60, 300, 'null', '-570,70,30,70');
  B2 = new animatedObject('Back2', 'no', 60, 300, 'null', '30,70,30,70');
  B3 = new animatedObject('Back3', 'no', 60, 300, 'null', '30,70,30,70');
  B4 = new animatedObject('Back4', 'no', 60, 300, 'null', '30,70,30,70');
  B5 = new animatedObject('Back5', 'no', 60, 300, 'null', '30,70,30,70');
  S1 = new animatedObject('elMATT1', 'no', 10, 25, 'null', '150,-240,150,100');
  S2 = new animatedObject('elMATT2', 'no', 10, 25, 'null', '250,430,250,100');
  S3 = new animatedObject('elMATT3', 'no', 10, 25, 'null', '350,-240,350,100');
  S4 = new animatedObject('elMATT4', 'no', 10, 25, 'null', '450,430,450,100');
  F1 = new animatedObject('Fore1', 'no', 10, 10, 'null', '-150,0,-40,0');
  F2 = new animatedObject('Fore2', 'no', 10, 10, 'null', '65,-100,65,0');
  F3 = new animatedObject('Fore3', 'no', 10, 10, 'null', '606,-510,606,0');
  F4 = new animatedObject('Fore4', 'no', 10, 10, 'null', '-500,423,65,423');
  N1 = new animatedObject('Nav1', 'no', 10, 10, 'null', '-40,0,-40,0');
  N1A = new animatedObject('Nav1A', 'no', 10, 10, 'null', '-40,0,-40,0');
  N2 = new animatedObject('Nav2', 'no', 10, 15, 'null', '-23,1,-600,1');
  N3 = new animatedObject('Nav3', 'no', 10, 12, 'null', '-28,48,-28,24');
  N4 = new animatedObject('Nav4', 'no', 10, 12, 'null', '-28,1,-28,24');
  NLK1 = new animatedObject('NLink1', 'no', 90, 90, 'null', '-38,2,-38,2');
  T1 = new animatedObject('Text1', 'no', 10, 10, 'null', '-20,105,45,105');
  OV = new animatedObject('Overlay', 'no', 20, 20, 'null', '-40,0,-40,0');

  animationTimeline[0] = new Array();
  animationTimeline[0][01] = 'OV.show();N3.show();N3.animate();N4.show();N4.animate();NLK1.hide();'
  animationTimeline[0][12] = 'N2.show();N2.animate();N3.hide();N4.hide();'
  animationTimeline[0][25] = 'N1A.hide();OV.hide();'


startTimeline(0);

}


var layerObj, styleObj, totalTime, currTime;
var animationTime, animationTimeline, animatedObjects;
var bon, boff;

var isNS = (document.layers);
var isDHTML = (document.layers || document.all);

// -->