//alpha hover
var aH = {
	addEvent: function(elm, evType, fn, useCapture){
		if(elm.addEventListener){
			elm.addEventListener(evType, fn, useCapture);
			return true;
		}else if(elm.attachEvent){
			var r = elm.attachEvent('on' + evType, fn);
			return r;
		}else{
			elm['on' + evType] = fn;
		}
	},
	
	init: function()
	{
		var tri = document.getElementById('tri');
		var uls = tri.getElementsByTagName('ul');
		for (var i = 0; i < uls.length; i++)
		{
			var lis = uls[i].getElementsByTagName('li');

			for (var j = 0; j < lis.length; j++)
			{
				aH.addEvent(lis[j], 'mouseover', aH.aOver, false);
				aH.addEvent(lis[j], 'mouseout', aH.aOut, false);
			}
		}
	},
	
	aOver: function(e)
	{
		var target = window.event ? window.event.srcElement : e ? e.target : null;
		
		if (!target) return;
		
		//alert(target.tagName.toLowerCase());
		while (target.tagName.toLowerCase() != "li") {
			target = target.parentNode; 
		}
		
		var divs = target.getElementsByTagName('div');
		//alert(divs.length);
		if (!divs || divs.length == 0) return;
		
		var classID;
		
		for (var i = 0; i < divs.length; i++)
		{
			
			classID = divs[i].getAttribute((document.all ? 'className' : 'class'));

			if (classID == "hoverBlock") {
				var block = divs[i];
			} else if (classID == "hoverText") {
				var text = divs[i];
			}

		}
		
		block.setAttribute((document.all ? 'className' : 'class'), "hoverBlockOver");
		text.setAttribute((document.all ? 'className' : 'class'), "hoverTextOver"); 
	},
	
	aOut: function(e)
	{
		var target = window.event ? window.event.srcElement : e ? e.target : null;
		
		if (!target) return;
		
		while (target.tagName.toLowerCase() != "li") {
			target = target.parentNode; 
		}
		
		var divs = target.getElementsByTagName('div');
		
		if (!divs || divs.length == 0) return;

		for (var i = 0; i < divs.length; i++)
		{
		
			var classID = divs[i].getAttribute((document.all ? 'className' : 'class'));
		
			if (classID == "hoverBlockOver") {
				var block = divs[i];
			} else if (classID == "hoverTextOver") {
				var text = divs[i];
			}

		}
		
		block.setAttribute((document.all ? 'className' : 'class'), "hoverBlock");
		text.setAttribute((document.all ? 'className' : 'class'), "hoverText");
	}
}

aH.addEvent(window, "load", aH.init, false);