window.onload = init

function init()
{ if (document.getElementById("letterCharts"))
  { animateCharts()
  }
  if (document.getElementById("successNav"))
  { document.getElementById("successNav").style.visibility = "visible"
  }
}





/*

animates the charts one by one.

*/

var opacity = 0

function animateCharts()
{ setOpacity("chart0",0)
  setOpacity("chart1",0)
  setOpacity("chart2",0)
  setOpacity("chart3",0)
  document.getElementById("chart0").style.visibility = "visible"
  document.getElementById("chart1").style.visibility = "visible"
  document.getElementById("chart2").style.visibility = "visible"
  document.getElementById("chart3").style.visibility = "visible"
  opacity = 0
  animateChart0()
}

function animateChart0()
{ setOpacity("chart0",opacity)
  opacity = (opacity + 20)
  if (opacity <= 100)
  { setTimeout("animateChart0()",50)
  }
  else
  { opacity = 0
    setTimeout("animateChart1()",500)
  }
}

function animateChart1()
{ setOpacity("chart1",opacity)
  opacity = (opacity + 20)
  if (opacity <= 100)
  { setTimeout("animateChart1()",50)
  }
  else
  { opacity = 0
    setTimeout("animateChart2()",500)
  }
}

function animateChart2()
{ setOpacity("chart2",opacity)
  opacity = (opacity + 20)
  if (opacity <= 100)
  { setTimeout("animateChart2()",50)
  }
  else
  { opacity = 0
    setTimeout("animateChart3()",500)
  }
}

function animateChart3()
{ setOpacity("chart3",opacity)
  opacity = (opacity + 20)
  if (opacity <= 100)
  { setTimeout("animateChart3()",50)
  }
}

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






/*

handles rollovers for the Accelerating Success landing pagr

*/

function showSlide(which,obj)
{ document.getElementById("successSlide" + which).style.visibility = "visible"
  roll(obj,true)
}

function hideSlide(which,obj)
{ document.getElementById("successSlide" + which).style.visibility = "hidden"
  roll(obj,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 + "hov.jpg"
      nodeImg.setAttribute("src",srcImage)
    }
  }
  else
  {  navState = srcImage.substring(srcImage.length - 7,srcImage.length - 4)
    if ((navState != "sel") && (navState != "off"))
    { srcImage = srcImage.substring(0,srcImage.length - 7)
      srcImage = srcImage + "off.jpg"
      nodeImg.setAttribute("src",srcImage)
    }
  }
}