// JavaScript Document
//<!--
function myGetElement(id) {
  if (document.all) {
    return document.all[id];
  } else if (document.getElementById) {
    return document.getElementById(id);
  } else if (document.layers) {
    if (document.layers[id]) return document.layers[id];
    for (i=0; i<document.layers.length; i++) {
      if (document.layers[i].document.layers[id]) return document.layers[i].document.layers[id];
    }
  }
}

function fadeIn(id)
{
	fade(id, 0, 95, 200);
}

function fadeOut(id)
{
	fade(id, 95, 0, 200);
}

function fade(id, opacStart, opacEnd, millisec)
{ 
	//interval for each frame 
	var interval = Math.round(millisec / 100); 

	//determine the direction for the blending, if start and end are the same nothing happens 
	if(opacStart > opacEnd) {changeOp(opacStart, opacEnd, -1, interval, id); show(id);}
	else if(opacStart < opacEnd) changeOp(opacStart, opacEnd, +1, interval, id);
} 

function changeOp(opacity, end, delta, interval, id)
{
	var rate=20; // change this variable to speed up or slow down the fade (higher is faster)
	var object = myGetElement(id).style; 
	var nextop = opacity + delta*rate;
	if (delta > 0 && opacity > end) opacity=end;
	if (delta < 0 && opacity < end) opacity=end;
	if (delta>0 && opacity<=delta) show(id);
	if (delta<0 && opacity==0) hide(id);
	
	
	//set the opacity for different browsers 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
	
	if (opacity!=end) setTimeout("changeOp(" + nextop + "," + end + "," + delta + "," + interval + ",'" + id + "')",interval); 
}

var currentRegion = "";

function show(id) {
	currentRegion=id;
  thing=myGetElement(id);
  if (document.layers) {
    thing.visibility='visible';
  } else {
    thing.style.visibility='visible';
  }
}

function hide(id) {
  thing=myGetElement(id);
  if (document.layers) {
    thing.visibility='hidden';
  } else {
    thing.style.visibility='hidden';
  }
	currentRegion="";
//	myGetElement('displayregion').innerHTML="none";
}

function enter(cell, id) {
	currentRegion=id;
  if (document.layers) {
    cell.color='#FAF9E6';
  } else {
		cell.style.color="#FAF9E6";
  }
}

function leave(cell, id) {
  if (document.layers) {
    cell.color='#003366';
  } else {
		cell.style.color="#003366";
  }
	checkOut(id);
}

function checkOut(id) {
	currentRegion="";
//	myGetElement('displayregion').innerHTML="none";
  setTimeout("checkUp('"+id+"')",2);
}

function checkUp(id) {
	if (currentRegion!=id) {
		fadeOut(id);
	}
}

var static_menu="";
function menuItem(region, items, targets) {
	document.writeln("<div style='position:absolute'><a href='#' onmouseover=fadeIn('"+region+"') onmouseout=checkOut('"+region+"') onclick='return false'><img src='/images/transparent.gif' width='200' height='23' border='0' /></a></div>");
	document.writeln("<div id='"+region+"' style='position:absolute; top:23px; visibility:hidden'>");
	for(var i=0; i<items.length; i++) dropDown(region, items[i], targets[i]);
	document.writeln("</div>");
}

function dropDown(region, label, target) {
	document.writeln("<div class='drop_down_item'><div style='position:absolute'><a href='/subject.php?target="+target+"' onmouseover=enter(this.parentNode.parentNode,'"+region+"') onmouseout=leave(this.parentNode.parentNode,'"+region+"')><img src='/images/transparent.gif' width='200' height='24' border='0' /></a></div><div style='padding-top:3px; padding-left:24px'>"+label+"</div></div>");
	if (static_menu!="") static_menu=static_menu+"<div class='static_menu_divider'></div>";
	static_menu=static_menu+"<div class='static_menu_item'><a href='/subject.php?target="+target+"'>"+label+"</a></div>";
}
//-->