var triggerCache = null;
var copyDivCache = null;
	
function toggleDivs(e)
{
	var eventObject = getTriggerObject(this);

	for(i=0;i<triggerCache.length;i++)
	{
		triggerCache[i].className='off';
	}

	for(i=0;i<copyDivCache.length;i++)
	{
		copyDivCache[i].style.display='none';
	}
	
	triggerId = eventObject.id;
	copyTargetId = 'copy_'+triggerId.substring(8, triggerId.length);	    
	copyDiv = getElementById(copyTargetId);
	
	if (copyDiv.style.display=='none')
	{
		eventObject.className='active';
		copyDiv.style.display='block';
	}
	else
	{
		eventObject.className='';
		copyDiv.style.display='none';
	}
}

function initRollovers()
{
	triggerCache = new Array();
	allAArr = document.getElementsByTagName('A');
	for(i=0;i<allAArr.length;i++)
	{
		currId = allAArr[i].id;
		if (currId.substring(0,13) == "trigger_roll_")
		{
			triggerCache.push(allAArr[i]);
			addEvent(allAArr[i], 'mouseover', toggleDivs, false);
		}
	}
	
	copyDivCache = new Array();
	allDivArr = document.getElementsByTagName('DIV');
	for(i=0;i<allDivArr.length;i++)
	{
		currId = allDivArr[i].id;
		if (currId.substring(0,10) == "copy_roll_")
		{
			copyDivCache.push(allDivArr[i]);
		}
	}    

	triggerCache[0].className='active';	
	copyDivCache[0].style.display='block';	
}

function getTriggerObject(obj)
{
	var clickedElement = null;
	if (typeof obj != undefined && obj.tagName)
	{
		return obj;
	} else {
		try
		{
			clickedElement = window.event.srcElement;
			while (clickedElement.id.substring(0,13) != "trigger_roll_")
			{
				clickedElement = window.event.srcElement.parentNode;
			}			
			return clickedElement;
		} catch (e){}
	}
}

addLoadEvent(initRollovers);