window.onload = init

function init()
{ setRollovers()
  setWindows()
  setNav()
  
  if (document.getElementById("home"))
  { startScroll()
  }
}




/*

after the html page loads, setRollovers() scans the HTML page for any img tag 
that has the class "rollOver". When it finds one, it attaches the mouseover events.

*/

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);}
      imgs[i].parentNode.onfocus=function(){roll(this,true);}
      imgs[i].parentNode.onblur=function(){roll(this,false);}
    }
  }
}

function setWindows()
{ 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";
    }
  }
} 




/*

roll() handles the image rollovers.

*/

function roll(node,status)
{ nodeImg = node.firstChild
  srcImg = nodeImg.getAttribute("src")
  fileName = srcImg.substring(0,srcImg.length - 7)
  navState = srcImg.substring(srcImg.length - 7,srcImg.length - 4)
  fileType = srcImg.substring(srcImg.length - 3,srcImg.length - 0)
  
  if (status)
  { if (navState == "off")
    { fileName = fileName + "ovr." + fileType
      nodeImg.setAttribute("src",fileName)
    }
  }
  else
  { if ((navState != "sel") && (navState != "off"))
    { fileName = fileName + "off." + fileType
      nodeImg.setAttribute("src",fileName)
    }
  }
}




/*

set default navigation state.

*/

function setNav()
{ if (document.getElementById("home"))
  { nodeImg = document.getElementById("nav").getElementsByTagName("img")[0]
  }
  else if (document.getElementById("letter"))
  { nodeImg = document.getElementById("nav").getElementsByTagName("img")[1]
  }
  else if (document.getElementById("highlights"))
  { nodeImg = document.getElementById("nav").getElementsByTagName("img")[2]
  }
  else if (document.getElementById("directors"))
  { nodeImg = document.getElementById("nav").getElementsByTagName("img")[3]
  }
  else if (document.getElementById("shareowner"))
  { nodeImg = document.getElementById("nav").getElementsByTagName("img")[4]
  }
  
  srcImg = nodeImg.getAttribute("src")
  fileName = srcImg.substring(0,srcImg.length - 7)
  fileType = srcImg.substring(srcImg.length - 3,srcImg.length - 0)
  fileName = fileName + "sel." + fileType
  nodeImg.setAttribute("src",fileName)
}




/*

home page chart functions.

*/

var currentChart = 0
var currentVert = 0
var chartImages = new Array(4)

chartImages[1] = "<img src='images/home/chart_workplace.gif' width='882' height='251' alt='' />"
chartImages[2] = "<img src='images/home/chart_marketplace.gif' width='882' height='251' alt='' />"
chartImages[3] = "<img src='images/home/chart_community.gif' width='882' height='251' alt='' />"

function chartClick(which)
{ if (which == currentChart)
  { chartButtonOff(which)
    chartHide(which)
    currentChart = 0
  }
  else if (currentChart == 0)
  { currentChart = which
    chartButtonOn(currentChart)
    chartShow(currentChart)
  }
  else if (currentChart != 0)
  { chartButtonOff(currentChart)
    currentChart = which
    chartButtonOn(currentChart)
    document.getElementById("homeChart").innerHTML = chartImages[currentChart]
  }
}

function chartButtonOn(which)
{ nodeImg = document.getElementById("homeChartNav").getElementsByTagName("img")[which-1]
  srcImg = nodeImg.getAttribute("src")
  fileName = srcImg.substring(0,srcImg.length - 7)
  navState = srcImg.substring(srcImg.length - 7,srcImg.length - 4)
  fileType = srcImg.substring(srcImg.length - 3,srcImg.length - 0)
  fileName = fileName + "sel." + fileType
  nodeImg.setAttribute("src",fileName)
}

function chartButtonOff(which)
{ nodeImg = document.getElementById("homeChartNav").getElementsByTagName("img")[which-1]
  srcImg = nodeImg.getAttribute("src")
  fileName = srcImg.substring(0,srcImg.length - 7)
  navState = srcImg.substring(srcImg.length - 7,srcImg.length - 4)
  fileType = srcImg.substring(srcImg.length - 3,srcImg.length - 0)
  fileName = fileName + "off." + fileType
  nodeImg.setAttribute("src",fileName)
}

function chartShow(which)
{ document.getElementById("homeChart").innerHTML = chartImages[which]
  chartAnimateOn()
}

function chartHide(which)
{ chartAnimateOff()
}

function chartAnimateOn()
{ document.getElementById("homeChart").style.height = (currentVert + 1) + "px"
  currentVert = currentVert + 8
  if (currentVert <= 240)
  { setTimeout("chartAnimateOn()",10)
  }
  else
  { currentVert = 240
  }
}

function chartAnimateOff()
{ document.getElementById("homeChart").style.height = (currentVert + 1) + "px"
  currentVert = currentVert - 8
  if (currentVert >= 0)
  { setTimeout("chartAnimateOff()",10)
  }
  else
  { currentVert = 0
  }
}




/*

home page animated images functions.

*/

var currentMod = 1
var picPosition = 0
var picDestination = 0

function modClickLeft()
{ currentMod--
  picDestination = (currentMod - 1) * (-894)
  updateArrows()
  modNavUpdate()
}

function modClickRight()
{ currentMod++
  picDestination = (currentMod - 1) * (-894)
  updateArrows()
  modNavUpdate()
}

function modClickJump(which)
{ currentMod = which
  picDestination = (currentMod - 1) * (-894)
  picPosition = picDestination
  updateArrows()
  modNavUpdate()
  updatePics()
}

function updateArrows()
{ if (currentMod == 1)
  { document.getElementById("arrowLeft").style.display = "none"
  }
  else if (currentMod == 13)
  { document.getElementById("arrowRight").style.display = "none"
  }
  else
  { document.getElementById("arrowLeft").style.display = "block"
    document.getElementById("arrowRight").style.display = "block"
  }
}

function modNavUpdate()
{ modHideAll()

  switch (currentMod)
  { case 1:
    document.getElementById("navMarketplace1").style.display = "block"
    break;
    case 2:
    document.getElementById("navMarketplace2").style.display = "block"
    break;
    case 3:
    document.getElementById("navMarketplace3").style.display = "block"
    break;
    case 4:
    document.getElementById("navMarketplace4").style.display = "block"
    break;
    case 5:
    document.getElementById("navMarketplace5").style.display = "block"
    break;
    
    case 6:
    document.getElementById("navWorkplace1").style.display = "block"
    break;
    case 7:
    document.getElementById("navWorkplace2").style.display = "block"
    break;
    case 8:
    document.getElementById("navWorkplace3").style.display = "block"
    break;
    case 9:
    document.getElementById("navWorkplace4").style.display = "block"
    break;

    case 10:
    document.getElementById("navCommunity1").style.display = "block"
    break;
    case 11:
    document.getElementById("navCommunity2").style.display = "block"
    break;
    case 12:
    document.getElementById("navCommunity3").style.display = "block"
    break;
    case 13:
    document.getElementById("navCommunity4").style.display = "block"
    break;

    default: alert("error");
  }
}

function modHideAll()
{ for (i=1; i<=5 ;i++)
  { document.getElementById("navMarketplace" + i).style.display = "none"
  }
  for (i=1; i<=4 ;i++)
  { document.getElementById("navWorkplace" + i).style.display = "none"
    document.getElementById("navCommunity" + i).style.display = "none"
  }
}

function startScroll()
{ setInterval("movePics()",10)
}

function movePics()
{ if (picPosition == picDestination)
  { return
  }
  else if (picPosition > picDestination)
  { picPosition = picPosition - 20
    if (Math.abs(picPosition - picDestination) <= 20)
    { picPosition = picDestination
    }
    updatePics()
  }
  else if (picPosition < picDestination)
  { picPosition = picPosition + 20
    if (Math.abs(picPosition - picDestination) <= 20)
    { picPosition = picDestination
    }
    updatePics()
  }
}

function updatePics()
{ document.getElementById("pics").style.marginLeft = picPosition + "px"
}





/*

show GAAP info.

*/

function dimPage()
{ return
  wdth = 976
  hght = document.getElementById("content").clientHeight
  document.getElementById("mask").style.width = wdth + "px"
  document.getElementById("mask").style.height = hght + "px"
  document.getElementById("mask").style.display = "block"
}

function resetPage()
{ document.getElementById("mask").style.display = "none"
}

function showGAAP()
{ document.getElementById("gaap").style.display = "block"
  scroll(0,0)
}

function hideGAAP()
{ document.getElementById("gaap").style.display = "none"
}

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





/*

letter functions.

*/

function showSeven()
{ document.getElementById("sevenSel").style.display = "block"
}

function hideSeven()
{ document.getElementById("sevenSel").style.display = "none"
}