var titles = new Array();
var urls = new Array();
var cats = new Array();
var selCats = new Array();

var earthCats = null;
var solCats = null; 
var unCats = null; 
var humSFCats = null;

var earth = false;
var solar = false;
var univ = false;
var hsf = false;

var chkedOrUnchked = false;

function handleEarth() {
	if( earth == false ) {
		earth=true;
		document.getElementById("earth").style.display="block";
	} else {
		earth=false;
		document.getElementById("earth").style.display="none";
	}
  
}

function handleHumanSF() {
        
        if( hsf == false ) {
			hsf=true;
			document.getElementById("hsf").style.display="block";
		} else {
			hsf=false;
			document.getElementById("hsf").style.display="none";
	}

}

function handleSolar() {

	if( solar == false ) {
		solar=true;
		document.getElementById("solar").style.display="block";
	} else {
		solar=false;
		document.getElementById("solar").style.display="none";
	}
}

function handleUniv() {

	if( univ == false ) {
		univ=true;
		document.getElementById("univ").style.display="block";
	} else {
		univ=false;
		document.getElementById("univ").style.display="none";
	}
}



function updateSelCats(chkbx,mission) {
	if( chkbx.checked == true ) {
			selCats[selCats.length]=mission;
	} else {
		var tmpSelCats = new Array();
		for( var t=0; t<selCats.length; t++ ) {
			if( selCats[t] != mission )
				tmpSelCats[tmpSelCats.length]=selCats[t];
		}

		selCats = tmpSelCats;
	}
}


function isSelected(mission) {

	if( selCats.length > 0 ) {
		for( var t=0;t<selCats.length;t++ ) {
			if( mission.indexOf(selCats[t])>-1 ) {
				return true;
			}
		}
	}

	return false;
}

function handleCheckBox(chkbx, mission) {
	updateSelCats(chkbx,mission);

	var html = "";

	if( cats != null ) {

		var curLetter = "";

		for( var t=0; t < cats.length; t++ ) {
			if( isSelected(cats[t]) == true ) {

				if( titles[t].charAt(0) != curLetter ) {

					if( curLetter != "" ) {
						html+="<BR>";
					}


					curLetter = titles[t].charAt(0);
					html+="<B>" + curLetter + "</B><BR>";
				}

				html+="<a href=\"" + urls[t] +"\">" + titles[t] + "</a>";
				html+="<BR>";
			}
		}
	}

	document.getElementById("res").innerHTML=html;
	document.getElementById("res").style.display="block";
}


function paintEarth() {
	//var html = "<tr><td><h4><input type=checkbox onclick=\"handleEarth();\">&nbsp;Earth</h4></td></tr><tr><td align=left><div id=\"earth\" style=\"display:none\">";
	var html = "<tr><td><h4>&rsaquo;&nbsp;&nbsp;<a onclick=\"handleEarth()\">&nbsp;Earth<span></h4></a></td></tr><tr><td align=left><div id=\"earth\" style=\"display:none\">";
	
	if( earthCats != null ) {
		for( var t=0; t < earthCats.length; t++ ) {
			if( earthCats[t].charAt(0) != "{" ) {
				html+="<p>&nbsp;&nbsp;<input type=checkbox onclick=\"handleCheckBox(this,'"+earthCats[t]+"', earth)\">&nbsp;<a href=\"javascript:void(0)\"/>"+earthCats[t]+"</a></p>";
			}

		}
	}
	
	html+="<BR /></div></td></tr>";
	return html;
}

function paintHumanSpaceFlight() {
	//var html = "<tr><td><h4><input type=checkbox onclick=\"handleHumanSF()\">&nbsp;Human Spaceflight</h4></td></tr><tr><td align=left><div id=\"hsf\" style=\"display:none\">";
	var html = "<tr><td><h4>&rsaquo;&nbsp;&nbsp;<a onclick=\"handleHumanSF()\">&nbsp;Human Spaceflight</h4></a></td></tr><tr><td align=left><div id=\"hsf\" style=\"display:none\">";
	if( humSFCats != null ) {
		for( var t=0; t < humSFCats.length; t++ ) {
			if( humSFCats[t].charAt(0) != "{" ) {
				html+="<p>&nbsp;&nbsp;<input type=checkbox onclick=\"handleCheckBox(this,'"+humSFCats[t]+"')\">&nbsp;<a href=\"javascript:void(0)\"/>"+humSFCats[t]+"</a></p>";
				this.checked = hsf;
			}

		}
	}
	
	html+="<BR /></div></td></tr>";
	return html;
}

function paintSolar() {
	//var html = "<tr><td><h4><input type=checkbox onclick=\"handleSolar()\">&nbsp;Solar System</h4></td></tr><tr><td align=left><div id=\"solar\" style=\"display:none\">";
	var html = "<tr><td><h4>&rsaquo;&nbsp;&nbsp;<a onclick=\"handleSolar()\">&nbsp;Solar System</h4></a></td></tr><tr><td align=left><div id=\"solar\" style=\"display:none\">";
	
	if( solCats != null ) {
		for( var t=0; t < solCats.length; t++ ) {
			if( solCats[t].charAt(0) != "{" ) {
				html+="<p>&nbsp;&nbsp;<input type=checkbox onclick=\"handleCheckBox(this,'"+solCats[t]+"')\">&nbsp;<a href=\"javascript:void(0)\"/>"+solCats[t]+"</a></p>";
				this.checked = solar;
			}

		}
	}
	
	html+="<BR /></div></td></tr>";
	return html;
}

function paintUniverse() {
	//var html = "<tr><td><h4><input type=checkbox onclick=\"handleUniv()\">&nbsp;Universe & Beyond</h4></td></tr><tr><td align=left><div id=\"univ\" style=\"display:none\">";
	var html = "<tr><td><h4>&rsaquo;&nbsp;&nbsp;<a onclick=\"handleUniv()\">&nbsp;Universe & Beyond</h4></a></td></tr><tr><td align=left><div id=\"univ\" style=\"display:none\">";
	
	if( unCats != null ) {
		for( var t=0; t < unCats.length; t++ ) {
			if( unCats[t].charAt(0) != "{" ) {
				html+="<p>&nbsp;&nbsp;<input type=checkbox onclick=\"handleCheckBox(this,'"+unCats[t]+"')\">&nbsp;<a href=\"javascript:void(0)\"/>"+unCats[t]+"</a></p>";
				this.checked = univ;
			}

		}
	}
	
	html+="<BR /></div></td></tr>";
	return html;
}


function paintCats() {
		
	if( document.getElementById("cats") == undefined )
		return;

	var html="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"470\" style=\"width:470\" ><tr><td>";
	
	//first column
	html+="<div  style=\"overflow-x:hidden;overflow-y:scroll;overflow:-moz-scrollbars-vertical; height:300px; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-base-color:#2472B4; scrollbar-darkshadow-color:#2472B4;scrollbar-face-color:#2472B4;scrollbar-highlight-color:#2472B4;\">";
	html+="<table border=0 width=202 style=\"width:202px\">";
	html+=paintEarth();
	html+=paintHumanSpaceFlight();
	html+=paintSolar();
	html+=paintUniverse();
	html+="</table></div>";
	
	//divider
	html+="</td><td>";
	
	//second column
	html+="<div style=\"height:300px;width:227px; scrollbar-3dlight-color:black; scrollbar-arrow-color:black; scrollbar-base-color:#2472B4; scrollbar-darkshadow-color:#2472B4;scrollbar-face-color:#2472B4;scrollbar-highlight-color:#2472B4; overflow:auto\"><div style=\"display:none; padding:3px; width:200px\" id=res>";
	html+="</div></div>";
	
	
	//end of outer
	html+="</td></tr>";
	
	

	document.getElementById("cats").innerHTML=html;
}

function handleAllMissions() {

	initMissArray();

	var html = "<table style=\"width:400px\"><tr><td align=left>";

	if( titles != null ) {

		var curLetter = "";


		for( var t=0; t < titles.length; t++ ) {

			if( titles[t].charAt(0) != curLetter ) {
				if( curLetter != "" ) {
					html+="<BR>";
				}
				curLetter = titles[t].charAt(0);
				html+="<B>" + curLetter + "</B><BR>";
			}

			html+="<a href=\"" + urls[t] +"\">" + titles[t] + "</a><BR>";

		}
	}

	html+="</td></tr></table>";

	document.getElementById("fres").innerHTML=html;
	//document.getElementById("fres").style.display="block";

	paintCats();

}