window.onload = init

function init()
{ setRollovers()
  setTargets()
  
  section = document.getElementsByTagName("body")[0].id
  if (section == "intro")
  { introAnimate()
  }
}





/* this inserts Javascript code for rollovers */

function setRollovers()
{ imgs = document.getElementsByTagName('img');
  for (i=0;i<imgs.length;i++)
  { if (/rollOver/.test(imgs[i].className))
    { imgs[i].parentNode.onmouseover=function(){roll(this,true);}
      imgs[i].parentNode.onmouseout=function(){roll(this,false);}
    }
  }
}

function roll(node,status)
{ nodeImg = node.firstChild
  srcImage = nodeImg.getAttribute("src")
  
  if (status)
  { navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
    if (navState == "off")
    { srcImage = srcImage.substring(0,srcImage.length - 7)
      srcImage = srcImage + "on.gif"
      nodeImg.setAttribute("src",srcImage)
    }
  }
  else
  { navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
    if ((navState != "sel"))
    { srcImage = srcImage.substring(0,srcImage.length - 6)
      srcImage = srcImage + "off.gif"
      nodeImg.setAttribute("src",srcImage)
    }
  }
}





/*

setTargets() adds the target attribute to <a> tags that
have rel="newWindow"

*/

function setTargets()
{ var anchors = document.getElementsByTagName("a")
  for (var i=0; i<anchors.length; i++)
  { var anchor = anchors[i]
    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "newWindow") 
    { anchor.target = "_blank"
    }
  } 
}





/*

Advancing Commerce rollovers

*/

function rollChange(which,total)
{ currentImg = document.getElementById("rollImg").getAttribute("src")
  currentImg = currentImg.substring(0,currentImg.length - 5)
  newImg = currentImg + which + ".jpg"
  document.getElementById("rollImg").setAttribute("src",newImg)
  
  for(i=0;i<=total;i++)
  { currentImg = document.getElementById("roll" + i).getAttribute("src")
    currentImg = currentImg.substring(0,currentImg.length - 7)
    
    if (i == which)
    { newImg = currentImg + "sel.gif"
    }
    else
    { newImg = currentImg + "off.gif"
    }
    
    document.getElementById("roll" + i).setAttribute("src",newImg)
  }
}





/*

Highlights of the Year rollovers

*/

function highlightsRoll(which)
{ currentImg = document.getElementById("rollImg").getAttribute("src")
  currentImg = currentImg.substring(0,currentImg.length - 6)
  newImg = currentImg + which + ".gif"
  document.getElementById("rollImg").setAttribute("src",newImg)
}





/*

Animation functions

*/

var opacity = 0
var opacityWoman = 0
var opacityMan = 0
var opacityStrip = 0
var opacityStrip1 = 0
var opacityStrip2 = 0
var opacityStrip3 = 0
var opacityStrip4 = 0
var opacityStripFinal = 0
var opacityPeople = 0

function setOpacity(layr,num)
{	obj = document.getElementById(layr).style
	obj.MozOpacity = num
	obj.opacity = num
	obj.filter = "alpha(opacity=" + (num * 100) + ")"
}

function introAnimate()
{ setOpacity("part1a",0)
  setOpacity("part1b",0)
  setOpacity("part2",0)
  setOpacity("next",0)
  setOpacity("imgWoman",0)
  setOpacity("imgMan",0)
  setOpacity("imgStrip",0)
  setOpacity("imgStrip1",0)
  setOpacity("imgStrip2",0)
  setOpacity("imgStrip3",0)
  setOpacity("imgStrip4",0)
  setOpacity("imgStripFinal",0)
  setOpacity("imgPeople",0)
  document.getElementById("part1a").style.display = "block"
  document.getElementById("part1b").style.display = "block"
  document.getElementById("part2").style.display = "block"
  document.getElementById("next").style.display = "block"
  document.getElementById("imgWoman").style.display = "block"
  document.getElementById("imgMan").style.display = "block"
  document.getElementById("imgStrip").style.display = "block"
  document.getElementById("imgStrip1").style.display = "block"
  document.getElementById("imgStrip2").style.display = "block"
  document.getElementById("imgStrip3").style.display = "block"
  document.getElementById("imgStrip4").style.display = "block"
  document.getElementById("imgStripFinal").style.display = "block"
  document.getElementById("imgPeople").style.display = "block"
  
  opacity = 0
  introAnimate1()
}

function introAnimate1()
{ setOpacity("part1a",opacity)
  setOpacity("part1b",opacity)
  opacity = (opacity + .2)
  if (opacity <= 1.0)
  { setTimeout("introAnimate1()",50)
  }
  else
  { opacity = 0
    anim = setTimeout("introAnimate2()",3000)
  }
}

function introAnimate2()
{ setOpacity("part2",opacity)
  opacity = (opacity + .2)
  if (opacity <= 1.0)
  { setTimeout("introAnimate2()",50)
  }
  else
  { opacity = 1
    anim = setTimeout("introAnimate2a()",2500)
  }
}

function introAnimate2a()
{ setOpacity("next",opacity)
  opacity = (opacity + .1)
  if (opacity <= 1.0)
  { setTimeout("introAnimate2a()",50)
  }
  else
  { opacity = 1
    anim = setTimeout("introAnimate3()",13000)
  }
}

function introAnimate3()
{ setOpacity("part1a",opacity)
  setOpacity("part1b",opacity)
  setOpacity("part2",opacity)
  setOpacity("next",opacity)
  opacity = (opacity - .2)
  if (opacity >= 0)
  { setTimeout("introAnimate3()",50)
  }
  else
  { document.getElementById("part1a").style.display = "none"
    document.getElementById("part1b").style.display = "none"
    document.getElementById("part2").style.display = "none"
    document.getElementById("next").style.display = "none"
    introAnimateNext()
  }
}

function introAnimateNext()
{ document.getElementById("skipIntro").style.display = "none"
  setTimeout("fadeInWoman()",1)
  setTimeout("fadeInStrip()",750)
  setTimeout("fadeInMan()",1500)
  setTimeout("fadeInPeople()",2250)

  setTimeout("fadeInStrip3()",1100)
  setTimeout("fadeInStrip1()",1500)
  setTimeout("fadeInStrip4()",1900)
  setTimeout("fadeInStrip2()",2300)

  setTimeout("fadeInStripFinal()",4000)
  setTimeout("finishAnimation()",5500)
}

function fadeInWoman()
{ setOpacity("imgWoman",opacityWoman)
  opacityWoman = (opacityWoman + .2)
  if (opacityWoman <= 1.0)
  { setTimeout("fadeInWoman()",100)
  }
}

function fadeInMan()
{ setOpacity("imgMan",opacityMan)
  opacityMan = (opacityMan + .2)
  if (opacityMan <= 1.0)
  { setTimeout("fadeInMan()",100)
  }
}

function fadeInStrip()
{ setOpacity("imgStrip",opacityStrip)
  opacityStrip = (opacityStrip + .2)
  if (opacityStrip <= 1.0)
  { setTimeout("fadeInStrip()",100)
  }
}

function fadeInStrip1()
{ setOpacity("imgStrip1",opacityStrip1)
  opacityStrip1 = (opacityStrip1 + .2)
  if (opacityStrip1 <= 1.0)
  { setTimeout("fadeInStrip1()",50)
  }
}

function fadeInStrip2()
{ setOpacity("imgStrip2",opacityStrip2)
  opacityStrip2 = (opacityStrip2 + .2)
  if (opacityStrip2 <= 1.0)
  { setTimeout("fadeInStrip2()",50)
  }
}

function fadeInStrip3()
{ setOpacity("imgStrip3",opacityStrip3)
  opacityStrip3 = (opacityStrip3 + .2)
  if (opacityStrip3 <= 1.0)
  { setTimeout("fadeInStrip3()",50)
  }
}

function fadeInStrip4()
{ setOpacity("imgStrip4",opacityStrip4)
  opacityStrip4 = (opacityStrip4 + .2)
  if (opacityStrip4 <= 1.0)
  { setTimeout("fadeInStrip4()",50)
  }
}

function fadeInPeople()
{ setOpacity("imgPeople",opacityPeople)
  opacityPeople = (opacityPeople + .2)
  if (opacityPeople <= 1.0)
  { setTimeout("fadeInPeople()",100)
  }
}

function fadeInStripFinal()
{ setOpacity("imgStripFinal",opacityStripFinal)
  opacityStripFinal = (opacityStripFinal + .2)
  if (opacityStripFinal <= 1.0)
  { setTimeout("fadeInStripFinal()",100)
  }
}

function finishAnimation()
{ document.getElementById("nav").style.display = "block"
  document.getElementById("header").style.display = "block"
  document.getElementById("footer").style.display = "block"
}


function skipIntro()
{ clearTimeout(anim)
  document.getElementById("part1a").style.display = "none"
  document.getElementById("part1b").style.display = "none"
  document.getElementById("part2").style.display = "none"
  document.getElementById("next").style.display = "none"
  setOpacity("imgWoman",1)
  setOpacity("imgMan",1)
  setOpacity("imgStripFinal",1)
  setOpacity("imgPeople",1)
  document.getElementById("imgWoman").style.display = "block"
  document.getElementById("imgMan").style.display = "block"
  document.getElementById("imgStripFinal").style.display = "block"
  document.getElementById("imgPeople").style.display = "block"
  document.getElementById("skipIntro").style.display = "none"
  finishAnimation()
}

function nextIntro()
{ clearTimeout(anim)
  introAnimate3()
}