function displayProgram()
{
	var parameter=document.location.search;
	var xmlfile=parameter.substring(9,parameter.length);
	
	var xmlDoc=null;
	if (window.ActiveXObject)
	{// code for IE
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	}
	else if (document.implementation.createDocument)
	{// code for Mozilla, Firefox, Opera, etc.
		xmlDoc=document.implementation.createDocument("","",null);
	}
	else
	{
		alert('Your browser cannot handle this script');
	}
	if (xmlDoc!=null)
	{
		// load xml file
		xmlDoc.async=false;
		xmlDoc.load(xmlfile);

		// get degree and major
		var program=xmlDoc.getElementsByTagName('program');	
		var degree=program[0].getAttribute('degree');
		var major=program[0].getAttribute('major');
		
		// display degree
		document.write("<table border='0' cellspacing='0' cellpadding='0'>");
		document.write("<tr>");
		document.write("<td width='460' colspan='5'>");
		document.write("<p align='center'><font face='Tahoma' size='2'><b>Degree:</b>", degree, "</font>");
		document.write("</td>");
		document.write("</tr>");
		
		// display major
		document.write("<tr>");
		document.write("<td width='460' colspan='5'>");
		document.write("<p align='center'><font face='Tahoma' size='2'><b>Major:</b>", major, "</font>");
		document.write("</td>");
		document.write("</tr>");

		// get program's years
		var years=xmlDoc.getElementsByTagName('year');
		for (i=0; i<years.length;i++)
		{
	
			//skip one row
			document.write("<tr><td>&nbsp;</td></tr>");
		
			// display program years one at a time
			document.write("<tr>");
			document.write("<td width='470' colspan='5' style='border-bottom-style: solid; border-bottom-width: 1px' bordercolor='#000080'>");
			document.write("<p align='center'><font face='Tahoma' size='2'><b>", years[i].getAttribute('yearid'), "</b></font>");
			document.write("</td>");
			document.write("</tr>");	
			
			// get semesters
			var semesters=years[i].getElementsByTagName('semester');
			for (j=0; j<semesters.length;j++)
			{
				//skip one row
				document.write("<tr><td>&nbsp;</td></tr>");

				// display semesters one at a time
				document.write("<tr>");
				document.write("<td width='470' colspan='5'");
				document.write("<p align='center'><font face='Tahoma' size='2'>", semesters[j].getAttribute('semesterid'), "</font>");
				document.write("</td>");
				document.write("</tr>");
			
				// display course headers
				document.write("<tr>");
				document.write("<td width='90' bgcolor='#99B3CC'><p align='left'><b><font face='Tahoma' size='2'>Course Code</font></b></td>");
				document.write("<td width='260' bgcolor='#99B3CC'><p align='left'><b><font face='Tahoma' size='2'>Courses Title</font></b></td>");
				document.write("<td width='40' bgcolor='#99B3CC'><p align='center'><b><font face='Tahoma' size='2'>LEC</font></b></td>");
				document.write("<td width='40' bgcolor='#99B3CC'><p align='center'><b><font face='Tahoma' size='2'>LAB</font></b></td>");
				document.write("<td width='40' bgcolor='#99B3CC'><p align='center'><b><font face='Tahoma' size='2'>Credit</font></b></td>");
				document.write("</tr>");
	
				// get courses
				var courses=semesters[j].getElementsByTagName('course');
				for (k=0; k<courses.length;k++)
				{
					//display course information
					document.write("<tr>");
					document.write("<td width='90' style='border-bottom-style: solid; border-bottom-width: 1px' bordercolor='#000080'>");
					document.write("<p align='left'><font face='Tahoma' size='2'>", courses[k].getElementsByTagName("code")[0].childNodes[0].nodeValue,"</font></td>");
					document.write("<td width='260' style='border-bottom-style: solid; border-bottom-width: 1px' bordercolor='#000080'>");
					document.write("<p align='left'><font face='Tahoma' size='2'>", courses[k].getElementsByTagName("title")[0].childNodes[0].nodeValue,"</font></td>");
					document.write("<td width='40' style='border-bottom-style: solid; border-bottom-width: 1px' bordercolor='#000080'>");
					document.write("<p align='center'><font face='Tahoma' size='2'>", courses[k].getElementsByTagName("lec")[0].childNodes[0].nodeValue,"</font></td>");
					document.write("<td width='40' style='border-bottom-style: solid; border-bottom-width: 1px' bordercolor='#000080'>");
					document.write("<p align='center'><font face='Tahoma' size='2'>", courses[k].getElementsByTagName("lab")[0].childNodes[0].nodeValue,"</font></td>");
					document.write("<td width='40' style='border-bottom-style: solid; border-bottom-width: 1px' bordercolor='#000080'>");
					document.write("<p align='center'><font face='Tahoma' size='2'>", courses[k].getElementsByTagName("hrs")[0].childNodes[0].nodeValue,"</font></td>");				
					document.write("</tr>");
				}
			
				// display total credit
				document.write("<tr>");
				document.write("<td width='90' bgcolor='#99B3CC'><p align='left'><b><font face='Tahoma' size='2'>&nbsp;</font></b></td>");
				document.write("<td width='260' bgcolor='#99B3CC'><p align='left'><b><font face='Tahoma' size='2'>&nbsp;</font></b></td>");
				document.write("<td width='40' bgcolor='#99B3CC'><p align='center'><b><font face='Tahoma' size='2'>&nbsp;</font></b></td>");
				document.write("<td width='40' bgcolor='#99B3CC'><p align='center'><b><font face='Tahoma' size='2'>&nbsp;</font></b></td>");
				document.write("<td width='40' bgcolor='#99B3CC'><p align='center'><b><font face='Tahoma' size='2'>", semesters[j].getAttribute('total'),"</font></b></td>");
				document.write("</tr>");
			}
		}
	
		document.write("</table>");
	
	}

}
