/* Highlight steps script by hovering list */
/* Script by Hesido.com                    */
/* All rights reserved                     */
if (document.getElementById && document.getElementsByTagName) {
if (window.addEventListener) window.addEventListener('load', initStepHighlight, false);
else if (window.attachEvent) window.attachEvent('onload', initStepHighlight);
}

function initStepHighlight() {
stepHighlight("mfstep");
stepHighlight("stylestep");
}

function stepHighlight(elId) {

if (document.getElementById(elId)==null) return false;
	var contElements = document.getElementById(elId).getElementsByTagName("li");
	for(var i=0; i<contElements.length; i++) {
		contElements.stepp = i+1;
		contElements[i].elemForHilite = document.getElementById(elId+(i+1))
		contElements[i].onmouseover = hiliteStep;
		contElements[i].onclick = hiliteStep;
	}

	function hiliteStep() {
		doBGFade(this.elemForHilite,[255,255,100],[255,255,255],'transparent',10,30,4);
		doBGFade(this,[255,255,100],[255,255,255],'transparent',10,30,4);
	}

}

function testSize() {
changeASize("animmenu2");
changeASize("animmenu3")
}

function changeASize(targetC) {
if (!document.getElementById || document.getElementById(targetC) == null) return;
var anchors=document.getElementById(targetC).getElementsByTagName('a');
if (anchors.length>0) {
	var elem=anchors[(anchors.length-1)];
	//document.getElementById('animmenu3').lastChild.style.border = '2px solid blue';
	elem.style.border = '2px solid blue';
	elem.style.fontSize = '18px'
	elem.lastChild.nodeValue = "I don't look good but I am still readable";
}
}