function getObjRef(obj) {
	if (document.getElementById) {
		return document.getElementById(obj);
	} else if (document.all) {
		return document.all[obj];
	} else {
		return null;
	}
}

var currentSkill = -1;

function showSkill(skillNo) {
    benefitsNodes = document.getElementById('benefitsRoot').getElementsByTagName('h3');
    
    for (n = 1; n <= benefitsNodes.length; n++)
    {           
			if (n == skillNo && skillNo == currentSkill) {
				getObjRef('skill'+n).className='invisible';
				getObjRef('skillButton'+n).className='skillsBar';
				if (document.getElementById('testimonial'))
				{
					document.getElementById('testimonial').className='testimonial';
				}
				currentSkill = -1;
			} else if (n == skillNo) {
				getObjRef('skill'+n).className='skillsBlurb';
				getObjRef('skillButton'+n).className='skillsBarSelected';
				if (document.getElementById('testimonial'))
				{
					document.getElementById('testimonial').className='invisible';
				}
				currentSkill = n;
			} else {
				getObjRef('skill'+n).className='invisible';
				getObjRef('skillButton'+n).className='skillsBar';
			}
		}
}

function showSubMenu(subNo) {
    
    ulNodes = document.getElementById('navRoot').getElementsByTagName('UL');
      
    for (i = 0; i < ulNodes.length; i++)
    {
        if(ulNodes[i].className == 'subMenu')
        {
            ulNodes[i].className='invisible';
            ulNodes[i].previousSibling.className='nav';
        }
    }
    
    getObjRef('sub' + subNo).className='subMenu';
    getObjRef('nav' + subNo).className='navH';
}

function hideSubMenu(subNo) {
	getObjRef('sub'+subNo).className='invisible';
	getObjRef('nav'+subNo).className='nav';
}