// | Glogal Navigation Javascript file: kidscorner_common.js |=======================================//
// | Sonic Boom Creative Media Inc. |=========================================================//
// | Author: Kandi Xiao |=====================================================================//
// | Date: August 2008 |======================================================================//

// | MY ELECTRIC PERSONLITY: BOTOONS |========================================================//

function topNav(a)
{
var topHeadNav;

topHeadNav = ''
topHeadNav += '<div style="padding-top: 27px; width:153px; float:right;"><a href="JavaScript:void(0)" onclick="switchLang()"><img src="../img/hdr_francais_off.gif" name="francais" border="0" id="francais" onmouseover="MM_swapImage(\'francais\',\'\',\'../img/hdr_francais_ovr.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></div>'
topHeadNav += '<div style="padding-top: 27px; width:119px; float:right;"><a href="../index.html"><img src="../img/hdr_home_off.gif" name="home" border="0" id="home" onmouseover="MM_swapImage(\'home\',\'\',\'../img/hdr_home_ovr.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></div>'
if (a == 1){
	topHeadNav += '<div style="padding-top: 27px; width:125px; float:right;"><a href="index.html"><img src="../img/hdr_backtolist_off.gif" name="backToList" border="0" id="backToList" onmouseover="MM_swapImage(\'backToList\',\'\',\'../img/hdr_backtolist_ovr.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></div>'
}else{
	topHeadNav += ''	
}


document.write(topHeadNav);
}

function mainNav() 
{
var topMainNav;

topMainNav = ''
topMainNav += '<tr>'
topMainNav += '<td colspan="2">'
topMainNav += '<a href="../what-is-electricity/index.html"><img src="../img/img_nav1_off.gif" name="nav01" border="0" id="nav01" onmouseover="MM_swapImage(\'nav01\',\'\',\'../img/img_nav1_ovr.gif\',1)" onmouseout="MM_swapImgRestore()" alt="What is Electricity?" /></a>'
topMainNav += '<a href="../whats-my-electric-personality/personality_quiz.aspx"><img src="../img/img_nav2_off.gif" name="nav02" border="0" id="nav02" onmouseover="MM_swapImage(\'nav02\',\'\',\'../img/img_nav2_ovr.gif\',1)" onmouseout="MM_swapImgRestore()" alt="What&acute;s my Electric Personality?" /></a>'
topMainNav += '<a href="../games/index.html"><img src="../img/img_nav3_off.gif" name="nav03" border="0" id="nav03" onmouseover="MM_swapImage(\'nav03\',\'\',\'../img/img_nav3_ovr.gif\',1)" onmouseout="MM_swapImgRestore()" alt="Games" /></a>'
topMainNav += '<a href="../videos-and-other-fun-stuff/index.html"><img src="../img/img_nav4_off.gif" name="nav04" border="0" id="nav04" onmouseover="MM_swapImage(\'nav04\',\'\',\'../img/img_nav4_ovr.gif\',1)" onmouseout="MM_swapImgRestore()" alt="Videos &amp; Other Fun Stuff" /></a>'
topMainNav += '</td>'
topMainNav += '</tr>'


document.write(topMainNav);
	

	}
	
function footerNav()
{
var bottomNav;

var year=new Date();
year=year.getYear();
if (year<1900) year+=1900;

bottomNav = ''
bottomNav += '<tr>'
bottomNav += '	<td width="35">&nbsp;</td>'
bottomNav += '	<td class="footer" height="181" width="814" valign="top" style="padding-bottom:50px;">'
bottomNav += '	<div class="clsFntBlue"><a href="../index.html" class="altlinkBlue">Accueil</a> |  <a href="../what-is-electricity/index.html" class="altlinkBlue">C\'est quoi, l\'&eacute;lectricit&eacute;</a> | <a href="../whats-my-electric-personality/personality_quiz.aspx" class="altlinkBlue">Quelle est votre personnalit&eacute; electriqu&eacute;</a> | <a href="../games/index.html" class="altlinkBlue">Jeux</a> | <a href="../videos-and-other-fun-stuff/index.html" class="altlinkBlue">Vid&eacute;os et autres trucs amusants</a>'
bottomNav += '	</div>'
bottomNav += '	<div class="clsFntGry clsPadTop6">&copy; 2001-'
bottomNav += year;
bottomNav += ' Ontario Power Authority | <a href="../privacy.html" class="altlinkGry">Politique de confidentialit&eacute;</a></div>'
bottomNav += '  </td>'
bottomNav += '</tr>'

document.write(bottomNav);
	}



function revealMe(target, answer, detail)
{
	document.getElementById(target).innerHTML = answer;
	showDiscrip(detail);
}

function showDiscrip(detail, id){
	showAnswer(detail);
	nonSelf(id);
}

function nonSelf(id){
	document.getElementById(id).style.display = 'none';
}

function showIcon(id){
	document.getElementById(id).style.display = 'inline';
}

function showAnswer(id){
	document.getElementById(id).style.display = 'block';
}

function radioSelect(a){
	var index;
	index = a - 1;
	document.getElementById('Answers_' + index).checked = 'true';
}
