var win = false;
var lose = false;
var main = false;
var ranks = false;
var tips = false;
var units = false;

function load() {
	document.getElementById("hidden").style.display = "none";
}

function toggle(list)
{ 
	var listElementStyle=document.getElementById(list).style; 
	if (listElementStyle.display=="none")
	{ 
		listElementStyle.display="block"; 
	}
	else
	{
		listElementStyle.display="none"; 
	} 
}

function lights(str)
{
	var element = document.getElementById(str);
	if(str == 'main') 
	{
		if(!main) {
			element.innerHTML='<div class="lightcont"><div class="lighttop"><img src="img/tl_light.gif" alt="" class="corner" style="display: none"></div><div class="on" id="maintext">'+document.getElementById('maintext').innerHTML+'</div><div class="lightbottom"><img src="img/bl_light.gif" alt="" class="corner" style="display: none" /></div></div>';
			main=true;
		}
		else {
			element.innerHTML='<div class="roundcont"><div class="roundtop"><img src="img/tl.gif" alt="" class="corner" style="display: none"></div><div class="off" id="maintext">'+document.getElementById('maintext').innerHTML+'</div><div class="roundbottom"><img src="img/bl.gif" alt="" class="corner" style="display: none" /></div></div>';
			main=false;
		}
	}
	else if(str == 'win') 
	{
		if(!win) {
			element.innerHTML='<div class="lightcont"><div class="lighttop"><img src="img/tl_light.gif" alt="" class="corner" style="display: none"></div><div class="on" id="wintext">'+document.getElementById('wintext').innerHTML+'</div><div class="lightbottom"><img src="img/bl_light.gif" alt="" class="corner" style="display: none" /></div></div>';
			win=true;
		}
		else {
			element.innerHTML='<div class="roundcont"><div class="roundtop"><img src="img/tl.gif" alt="" class="corner" style="display: none"></div><div class="off" id="wintext">'+document.getElementById('wintext').innerHTML+'</div><div class="roundbottom"><img src="img/bl.gif" alt="" class="corner" style="display: none" /></div></div>';
			win=false;
		}
	}
	else if(str == 'lose') 
	{
		if(!lose) {
			element.innerHTML='<div class="lightcont"><div class="lighttop"><img src="img/tl_light.gif" alt="" class="corner" style="display: none"></div><div class="on" id="losetext">'+document.getElementById('losetext').innerHTML+'</div><div class="lightbottom"><img src="img/bl_light.gif" alt="" class="corner" style="display: none" /></div></div>';
			lose=true;
		}
		else {
			element.innerHTML='<div class="roundcont"><div class="roundtop"><img src="img/tl.gif" alt="" class="corner" style="display: none"></div><div class="off" id="losetext">'+document.getElementById('losetext').innerHTML+'</div><div class="roundbottom"><img src="img/bl.gif" alt="" class="corner" style="display: none" /></div></div>';
			lose=false;
		}
	}
	else if(str == 'ranks')
	{
		if(!ranks)
		{
			element.innerHTML='<div class="lightcont"><div class="lighttop"><img src="img/tl_light.gif" alt="" class="corner" style="display: none" /></div><div class="on" id="rankstext">'+document.getElementById("rankstext").innerHTML+'</div><div class="lightbottom"><img src="img/bl_light.gif" alt="" class="corner" style="display: none" /></div></div>';
			ranks = true;
			for (var x = 0; x <= 30; x++)
   			{
   				document.getElementById("id"+x).bgColor = '#E6E426';
   			}
		}
		else
		{
			element.innerHTML='<div class="roundcont"><div class="roundtop"><img src="img/tl.gif" alt="" class="corner" style="display: none" /></div><div class="off" id="rankstext">'+document.getElementById("rankstext").innerHTML+'</div><div class="roundbottom"><img src="img/bl.gif" alt="" class="corner" style="display: none" /></div></div>';
			ranks = false;
			for (var x = 0; x <= 30; x++)
   			{
   				document.getElementById("id"+x).bgColor = '#353535';
   			}
		}
	}
	else if(str == 'tips')
	{
		if(!tips)
		{
			element.innerHTML='<div class="lightcont"><div class="lighttop"><img src="img/tl_light.gif" alt="" class="corner" style="display: none" ></div><div class="on" id="tipstext">'+document.getElementById("tipstext").innerHTML+'</div><div class="lightbottom"><img src="img/bl_light.gif" alt="" class="corner" style="display: none" /></div></div>';
			tips = true;
			
		}
		else
		{
			element.innerHTML='<div class="roundcont"><div class="roundtop"><img src="img/tl.gif" alt="" class="corner" style="display: none" ></div><div class="off" id="tipstext">'+document.getElementById("tipstext").innerHTML+'</div><div class="roundbottom"><img src="img/bl.gif" alt="" class="corner" style="display: none" /></div></div>';
			tips = false;
		}
	}
	else if(str == 'units')
	{
		if(!units)
		{
			element.innerHTML='<div class="lightcont" style="width: 700px; border-left: 50px solid #000000;"><div class="lighttop"><img src="img/tl_light.gif" alt="" class="corner" style="display: none"></div><div class="on" id="unitstext">'+document.getElementById('unitstext').innerHTML+'</div><div class="lightbottom"><img src="img/bl_light.gif" alt="" class="corner" style="display: none" /></div></div>';
			units = true;
		}
		else
		{
			element.innerHTML='<div class="roundcont" style="width: 700px; border-left: 50px solid #000000;"><div class="roundtop"><img src="img/tl.gif" alt="" class="corner" style="display: none"></div><div class="off" id="unitstext">'+document.getElementById('unitstext').innerHTML+'</div><div class="roundbottom"><img src="img/bl.gif" alt="" class="corner" style="display: none" /></div></div>';
			units = false;
		}
	}
}

function highlight(id)
{
	if(!ranks) {
		document.getElementById(id).bgColor = '#E6E426';
	}
}

function dim(id)
{
	if(!ranks) {
		document.getElementById(id).bgColor = '#353535';
	}
}