var W3CDOM = (document.createElement && document.getElementsByTagName);
var sideMenu;

var plMenu;
var plTimer;
var plMessage;

var agentMenu;
var agentTimer;
var agentMessage;

var voipMenu;
var voipTimer;
var voipMessage;

var dialMenu;
var dialTimer;
var dialMessage;

var startedMenu;
var startedTimer;
var startedMessage;

var standardTimer;
var standardMessage;

function setup() {
  if (!W3CDOM) return;

	sideMenu = document.getElementById("sidemenu");

	plMenu = document.getElementById("plmenu");
	plMessage = document.getElementById("plmessage");
	plMessage.style.opacity = ".1";
	plMessage.style.filter = "alpha(opacity=10)";

	agentMenu = document.getElementById("agentmenu");
	agentMessage = document.getElementById("agentmessage");
	agentMessage.style.opacity = ".1";
	agentMessage.style.filter = "alpha(opacity=10)";

	voipMenu = document.getElementById("voipmenu");
	voipMessage = document.getElementById("voipmessage");
	voipMessage.style.opacity = ".1";
	voipMessage.style.filter = "alpha(opacity=10)";

	dialMenu = document.getElementById("dialmenu");
	dialMessage = document.getElementById("dialmessage");
	dialMessage.style.opacity = ".1";
	dialMessage.style.filter = "alpha(opacity=10)";

	startedMenu = document.getElementById("startedmenu");
	startedMessage = document.getElementById("startedmessage");
	startedMessage.style.opacity = ".1";
	startedMessage.style.filter = "alpha(opacity=10)";

	standardMessage = document.getElementById("standardmessage1");
	standardMessage.style.opacity = ".1";
	standardMessage.style.filter = "alpha(opacity=10)";

  preloadImages();
	initMessages();
}

function preloadImages() {
  //menuLinkBackground = new Image();
  //menuLinkBackground.src = "/images/new/libg.gif";
}

function initMessages() {
	standardMessage.style.display = "block";
	standardTimer = setInterval("fadeInMessage(document.getElementById('" + standardMessage.id + "'))", 25);

	sideMenu.onmouseover = function(e) {
		clearInterval(standardTimer);
		standardTimer = setInterval("fadeOutMessage(document.getElementById('" + standardMessage.id + "'))", 25);
	}

	sideMenu.onmouseout = function(e) {
		if(trueMouseOut(e))
		{
			clearInterval(standardTimer);
			standardMessage.style.display = "block";
			standardTimer = setInterval("fadeInMessage(document.getElementById('" + standardMessage.id + "'))", 25);
		}
	}

	plMenu.onmouseover = function(e) {
		clearInterval(plTimer);
		plMessage.style.display = "block";
		plTimer = setInterval("fadeInMessage(document.getElementById('" + plMessage.id + "'))", 25);
	}

	plMenu.onmouseout = function(e) {
		if(trueMouseOut(e))
		{
			clearInterval(plTimer);
			plTimer = setInterval("fadeOutMessage(document.getElementById('" + plMessage.id + "'))", 25);
		}
	}

	agentMenu.onmouseover = function(e) {
		clearInterval(agentTimer);
		agentMessage.style.display = "block";
		agentTimer = setInterval("fadeInMessage(document.getElementById('" + agentMessage.id + "'))", 25);
	}

	agentMenu.onmouseout = function(e) {
		if(trueMouseOut(e))
		{
			clearInterval(agentTimer);
			agentTimer = setInterval("fadeOutMessage(document.getElementById('" + agentMessage.id + "'))", 25);
		}
	}

	voipMenu.onmouseover = function(e) {
		clearInterval(voipTimer);
		voipMessage.style.display = "block";
		voipTimer = setInterval("fadeInMessage(document.getElementById('" + voipMessage.id + "'))", 25);
	}

	voipMenu.onmouseout = function(e) {
		if(trueMouseOut(e))
		{
			clearInterval(voipTimer);
			voipTimer = setInterval("fadeOutMessage(document.getElementById('" + voipMessage.id + "'))", 25);
		}
	}

	dialMenu.onmouseover = function(e) {
		clearInterval(dialTimer);
		dialMessage.style.display = "block";
		dialTimer = setInterval("fadeInMessage(document.getElementById('" + dialMessage.id + "'))", 25);
	}

	dialMenu.onmouseout = function(e) {
		if(trueMouseOut(e))
		{
			clearInterval(dialTimer);
			dialTimer = setInterval("fadeOutMessage(document.getElementById('" + dialMessage.id + "'))", 25);
		}
	}

	startedMenu.onmouseover = function(e) {
		clearInterval(startedTimer);
		startedMessage.style.display = "block";
		startedTimer = setInterval("fadeInMessage(document.getElementById('" + startedMessage.id + "'))", 25);
	}

	startedMenu.onmouseout = function(e) {
		if(trueMouseOut(e))
		{
			clearInterval(startedTimer);
			startedTimer = setInterval("fadeOutMessage(document.getElementById('" + startedMessage.id + "'))", 25);
		}
	}
}

function hideAllMessages() {
  var messageContainer = document.getElementById("messagecontainer");
  if(!messageContainer) return false;
  for(i = 0; i < messageContainer.getElementsByTagName("div").length; i++)
  {
		if(messageContainer.getElementsByTagName("div")[i].style.display == "block")
	    messageContainer.getElementsByTagName("div")[i].style.display = "none";
  }
}

function fadeInMessage(currentDiv) {
	var doAgain;
	var currentOpacity = currentDiv.style.opacity;
	if(currentOpacity != 0) {
		var opacityLevel = currentOpacity * 100;
	}
	else {
		var opacityLevel = /opacity=([0-9]*)/i;
	}
	if(opacityLevel == 100) {
		doAgain = false;
	}
	else {
		opacityLevel = opacityLevel + 10;
		currentDiv.style.opacity = opacityLevel / 100;
		currentDiv.style.filter = "alpha(opacity=" + opacityLevel + ")";
		doAgain = true;
	}
	if(doAgain == true) {
		return true;
	}
	else {
		if(currentDiv == plMessage) {
			clearInterval(plTimer);
		}
		else if(currentDiv == agentMessage) {
			clearInterval(agentTimer);
		}
		else if(currentDiv == voipMessage) {
			clearInterval(voipTimer);
		}
		else if(currentDiv == dialMessage) {
			clearInterval(dialTimer);
		}
		else if(currentDiv == startedMessage) {
			clearInterval(startedTimer);
		}
		else if(currentDiv == standardMessage) {
			clearInterval(standardTimer);
		}
		return false;
	}
}

function fadeOutMessage(currentDiv) {
	var doAgain;
	var currentOpacity = currentDiv.style.opacity;
	if(currentOpacity) {
		var opacityLevel = currentOpacity * 100;
	}
	else {
		var opacityLevel = /opacity=([0-9]*)/i;
	}
	if(opacityLevel == 10) {
		doAgain = false;
	}
	else {
		opacityLevel = opacityLevel - 10;
		currentDiv.style.opacity = opacityLevel / 100;
		currentDiv.style.filter = "alpha(opacity=" + opacityLevel + ")";
		doAgain = true;
	}
	if(doAgain == true) {
		return true;
	}
	else {
		if(currentDiv == plMessage) {
			clearInterval(plTimer);
		}
		else if(currentDiv == agentMessage) {
			clearInterval(agentTimer);
		}
		else if(currentDiv == voipMessage) {
			clearInterval(voipTimer);
		}
		else if(currentDiv == dialMessage) {
			clearInterval(dialTimer);
		}
		else if(currentDiv == startedMessage) {
			clearInterval(startedTimer);
		}
		else if(currentDiv == standardMessage) {
			clearInterval(standardTimer);
		}
		currentDiv.style.display = "none";
		return false;
	}
}

function trueMouseOut(e) {
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg = reltg.parentNode
	if (reltg == tg) return false;
	return true;
}