var info = false;

function highlight_2(menuid){
	var menuitem = document.getElementById(menuid);
	//vis_element = document.getElementById(fadeid);
	menuitem.style.fontStyle = "italic";
	menuitem.style.color = "#6699CC";
}

function unhighlight_2(menuid){
	var menuitem = document.getElementById(menuid);
	menuitem.style.fontStyle = "normal";
	menuitem.style.color = "#003366";
}
					

function highlight(menuid){
	var menuitem = document.getElementById(menuid);
	//vis_element = document.getElementById(fadeid);
	menuitem.style.fontStyle = "italic";
	menuitem.style.color = "black";
}

function unhighlight(menuid){
	var menuitem = document.getElementById(menuid);
	menuitem.style.fontStyle = "normal";
	menuitem.style.color = "white";
}

function showInfo(id){
	var animation = document.getElementById("animation");
	animation.style.visibility = "hidden";
	info = true;

	var feature_id = "wam_feature";
	var text_id = id + "_txt";
	// animate transisions
	//fadeOut("text_overlay",100,20);
	//setTimeout("hide('text_overlay')",150);
	setTimeout("fade_text()",200);
	setTimeout("fadeOut('" + feature_id + "',300,20)", 250);
	setTimeout("hide('wam_feature')", 550);
	setTimeout("switchSource('" + id + "')",560);
	setTimeout("reveal('wam_feature')",600);
	setTimeout("fadeIn('" + feature_id + "',500,20)", 610);
	//setTimeout("reveal('text_overlay')",620);
	setTimeout("reveal('" + text_id + "')", 610);
	//setTimeout("fadeIn('text_overlay',10,1)", 620);
	setTimeout("fadeIn('" + text_id + "',250,20)", 630);
}

function replaceText(id,text){
	var element = document.getElementById(id);
	element.InnerHTML = text;
}

function textReplace(id,text) {
  var fieldNameElement = document.getElementById(id);
  var textdata = document.createTextNode(text);
  while(fieldNameElement.childNodes.length >= 1) {
    fieldNameElement.removeChild(fieldNameElement.firstChild);
  }
  fieldNameElement.appendChild(textdata);
}


function rollTaglines(){
	element = document.getElementById("tagline");
	/*while (info == false)
	{
		for(n=0;n<=looplen;n++)
		{
			for(quote in myQuotes)
			{
				
				setTimeout("fadeOut('tagline',500,20)",500);
				setTimeout("hide('tagline')",510);
				setTimeout("hide('tagline')",510);
				setTimeout("replaceText('tagline','" + quote + "')", 520);
				setTimeout("reveal('tagline')", 530);
				setTimeout("fadeIn('tagline',250,20)", 540);
			}
		}
	}*/
}

function fade_text() {

	f1 = document.getElementById("wamcast_txt");
	f2 = document.getElementById("telepresence_txt");
	f3 = document.getElementById("signage_txt");
	f4 = document.getElementById("infrastructure_txt");
	f5 = document.getElementById("integration_txt");
	f6 = document.getElementById("app_txt");

	f1.style.opacity = 0; f1.style.filter = "alpha(opacity=0);";
	f1.style.visibility = "hidden";

	f2.style.opacity = 0; f2.style.filter = "alpha(opacity=0);";
	f2.style.visibility = "hidden";

	f3.style.opacity = 0; f3.style.filter = "alpha(opacity=0);";
	f3.style.visibility = "hidden";

	f4.style.opacity = 0; f4.style.filter = "alpha(opacity=0);";
	f4.style.visibility = "hidden";

	f5.style.opacity = 0; f5.style.filter = "alpha(opacity=0);";
	f5.style.visibility = "hidden";

	f6.style.opacity = 0; f6.style.filter = "alpha(opacity=0);";
	f6.style.visibility = "hidden";

	//txo.style.opacity = 1; f6.style.filter = "alpha(opacity=1);";
	//setTimeout("reveal('text_overlay')",100);

}

function switchSource(id){
	feature_image = document.getElementById("wam_feature");
	feature_image.src = "new_images/" + id + "_feature.gif";
	//var textid = id + "_txt";
	//textReplace("text_overlay",featureText[textid]);
}


function hide_all() {
	f1 = document.getElementById("wamcast_feature");
	f2 = document.getElementById("telepresence_feature");
	f3 = document.getElementById("signage_feature");
	f4 = document.getElementById("infrastructure_feature");
	f5 = document.getElementById("integration_feature");
	f6 = document.getElementById("app_feature");

	f1.style.visibility = "hidden";
	f2.style.visibility = "hidden";
	f3.style.visibility = "hidden";
	f4.style.visibility = "hidden";
	f5.style.visibility = "hidden";
	f6.style.visibility = "hidden";

}

function hide(id){
	vis_element = document.getElementById(id);
	vis_element.style.visibility = "hidden";
}

function reveal(id){
	vis_element = document.getElementById(id);
	vis_element.style.visibility = "visible";
}

function initElement(id){
	vis_element = document.getElementById(id);
	vis_element.style.opacity = 0;
	vis_element.style.filter = "alpha(opacity=0)";
	vis_element.style.visibility = "visible";
}

function fadeIn(id,duration,steps){
	//initElement(id);
	//var duration = 100;  /* 1000 millisecond fade = 1 sec */
	//var steps = 20;       /* number of opacity intervals   */
	var delay = 0;     /* 5 sec delay before fading out */
	for (i = 0; i <= 1; i += (1 / steps)) {
		setTimeout("setOpacity(" + i + ",'" + id + "')", i * duration);
	}
}

function fadeOut(id,duration,steps) {
	//var duration = 100;  /* 1000 millisecond fade = 1 sec */
	//var steps = 20;       /* number of opacity intervals   */
	var delay = 0;     /* 5 sec delay before fading out */

  for (i = 0; i <= 1; i += (1 / steps)) {
    setTimeout("setOpacity(" + (1 - i) + ",'" + id + "')", i * duration);
  }
  //setTimeout("fadeIn()", duration);
}

function setOpacity(level,id) {
  element = document.getElementById(id);
  element.style.opacity = level;
  element.style.MozOpacity = level;
  element.style.KhtmlOpacity = level;
  element.style.filter = "alpha(opacity=" + (level * 100) + ");";
}