function doDisplayData()
{
	var sQuery = location.search.substr(1);

	if(sQuery!="")
	{
		var sDesc = document.getElementById(sQuery+"_DESC").innerHTML;
	
		document.getElementById(sQuery+"_TD").innerHTML = sDesc;
		document.getElementById(sQuery+"_BULLET").innerHTML = "<img src='images/bullet-black-topspace.jpg' >";

		var arrID = sQuery.split("_");
		sID = arrID[0]+"_"+arrID[1];

		var sType = document.getElementById(sID+"_TYPE").innerHTML;
		document.getElementById("CONTENT_ID").innerHTML = ActivityData(sType, sDesc);

		document.getElementById(sID+"_BULLET").innerHTML = "<a href=\"javascript:doShowHide('"+sID+"');\"><img src=\"images/bulletdown.jpg\" border=\"0\"></a>";
		document.getElementById(sID).style.display = "block"
	}
	else
	{
		document.getElementById("CONTENT_ID").innerHTML = InitText();
	}
	if(document.getElementById("MeasureHeight").offsetHeight > 320 && document.getElementById("ImplementHeight").offsetHeight < document.getElementById("MeasureHeight").offsetHeight)
	{
		document.getElementById("ImplementHeight").style.height = document.getElementById("MeasureHeight").offsetHeight;
	}
}

function doOpenMenu(sID)
{
	location.href = "JIT_TYPE.htm?"+sID;
}

function doShowHide(sID)
{
	var e = document.getElementById(sID);
	var sSubMenuCnt = document.forms[0].subMenuCnt.value;
	if(e)
	{
		for(i=1; i<sSubMenuCnt; i++)
		{
			if(document.getElementById("SUB_"+i))
			{
				if(("SUB_"+i) == sID)
				{
					var sTemp = document.getElementById("SUB_"+i).style.display;
				}
				document.getElementById("SUB_"+i).style.display = "none";
				document.getElementById("SUB_"+i+"_BULLET").innerHTML = "<a href=\"javascript:doShowHide('SUB_"+i+"');\"><img src=\"images/bullet.jpg\" border=\"0\"></a>";
			}
		}

		if(sTemp == "none")
		{
			e.style.display = "block";
			document.getElementById(sID+"_BULLET").innerHTML = "<a href=\"javascript:doShowHide('"+sID+"');\"><img 	src=\"images/bulletdown.jpg\" border=\"0\"></a>";
		}
		else
		{
			e.style.display = "none";
			document.getElementById(sID+"_BULLET").innerHTML = "<a href=\"javascript:doShowHide('"+sID+"');\"><img src=\"images/bullet.jpg\" border=\"0\"></a>";	
		}
	}
}

function doHighlight(sID)
{
	var e = document.getElementById(sID+"_BULLET");
	e.innerHTML = "<img src='images/bullet-black-topspace.jpg' >";
}

function doRemoveHighlight(sID)
{
	var e = document.getElementById(sID+"_BULLET");
	e.innerHTML = "&nbsp;";
}



function InitText()
{
	var sHTML;
	sHTML = "";
	sHTML += "<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	sHTML += "<tr>";
	sHTML += "<td width=\"10\">&nbsp;</td>";
	sHTML += "<td><table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	sHTML += "<tr>";
	sHTML += "<td><img src=\"images/spacer.gif\" width=\"1\" height=\"5\"></td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td id=\"CONTENT_ID\" class=\"font14\" align=\"center\">Please select a type of material from the menu to the left,<br>";
	sHTML += "or use the &quot;Materials by topic&quot; tab above to browse by topic. </td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "</table></td>";
	sHTML += "<td width=\"10\">&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "</table>";

	return sHTML;
}

function ActivityData(sType, sDesc)
{
	var sHTML;
	sHTML = "";
	if(sDesc.search("-") < 0)
	{
	sHTML += "<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	sHTML += "<tr>";
	sHTML += "<td width=\"5\">&nbsp;</td>";
	sHTML += "<td class=\"greenBreadCrumb\">"+ sType +" &gt; "+ sDesc +" </td>";
	sHTML += "<td width=\"10\">&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td><table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	sHTML += "<tr>";
	sHTML += "<td class=\"MainType\">&quot;Thinking of Your Audience&quot;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td class=\"MainType\">Source: <a class=\"orangelink italicText\" href=\"#\">Assigning, responding, Evaluating,</a> 4th ed. by Edward M. White </td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>This introduction to audience directs students to write the same conetent to several diffrent readers and take note of the stylistic choices made for each audience. </td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td valign=\"bottom\"><img src=\"images/support-icon.jpg\" width=\"41\" height=\"47\"> <a href=\"#\" class=\"orangelink\">Download document</a> <span class=\"MainType\">[3kb pdf]</span> </td>";
	sHTML += "</tr>";
	sHTML += "</table></td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td><hr/></td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td><table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	sHTML += "<tr>";
	sHTML += "<td class=\"MainType\">&quot;Recommendation Essay &quot;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td class=\"MainType\">Source: <a class=\"orangelink italicText\" href=\"#\">The St. Martin's Guide to Teaching Writing</a> 5th ed. by Cheryl Glenn, Mellica A. Goldthwaite, and Robert Connors</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>This twist on the persuasive essay asks the student to propose a logical process or procedure for solving a problem in his or her community. </td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td valign=\"bottom\"><img src=\"images/support-icon.jpg\" width=\"41\" height=\"47\"> <a href=\"#\" class=\"orangelink\">Download document</a> <span class=\"MainType\">[3kb pdf]</span> </td>";
	sHTML += "</tr>";
	sHTML += "</table></td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "<tr>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "<td>&nbsp;</td>";
	sHTML += "</tr>";
	sHTML += "</table>";
	}
	else
	{
		sHTML = "";
		sHTML += "<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
		sHTML += "<tr>";
		sHTML += "<td colspan=\"3\" class=\"greenBreadCrumb\">"+ sType +" &gt; "+ sDesc +" </td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td colspan=\"3\">&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td width=\"10\">&nbsp;</td>";
		sHTML += "<td><table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
		sHTML += "<tr>";
		sHTML += "<td width=\"33%\" class=\"blacktext3\"><a href=\"#\" class=\"blacklink\">Dante Alighieri</a></td>";
		sHTML += "<td width=\"33%\" class=\"blacktext3\">&lt;AUTHOR NAME&gt;</td>";
		sHTML += "<td class=\"blacktext3\">&lt;AUTHOR NAME&gt;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td class=\"blacktext3\"><a href=\"#\" class=\"blacklink\">Dante Alighieri</a></td>";
		sHTML += "<td class=\"blacktext3\">&lt;AUTHOR NAME&gt; </td>";
		sHTML += "<td class=\"blacktext3\">&lt;AUTHOR NAME&gt;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "<td class=\"blacktext3\">&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "</table></td>";
		sHTML += "<td width=\"10\">&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "<tr>";
		sHTML += "<td>&nbsp;</td>";
		sHTML += "<td>&nbsp;</td>";
		sHTML += "<td>&nbsp;</td>";
		sHTML += "</tr>";
		sHTML += "</table>";
	}
	return sHTML;
}
function submitForm()
	{	
		if(checkEmail())
		{
			document.forms[0].submit();
		}
	}

    function checkEmail(){ //reference to email field passed as argument

	
    var fieldValue = document.forms[0].txtemail.value // store field's entire value in variable
    var fieldtxtName = document.forms[0].txtname.value
    var fieldInstitution = document.forms[0].txtinstitution.value
    
    if (fieldtxtName =="" )
    {
    alert("Name is a required field.")
    return false
    }    
     
     

    // Begin Valid Email Address Tests

    //if field is not empty
    if(fieldValue =="")
    {
    alert("E-mail address is a required field.")
    return false
    }
    if(fieldValue != ""){
    var atSymbol = 0

    //loop through field value string
    for(var a = 0; a < fieldValue.length; a++){

    //look for @ symbol and for each @ found, increment atSymbol variable by 1
    if(fieldValue.charAt(a) == "@"){
    atSymbol++
    }

    }

    // if more than 1 @ symbol exists
    if(atSymbol > 1){
    // then cancel and don't submit form
    alert("Please enter a valid e-mail address.")
    return false
    }

    // if 1 @ symbol was found, and it is not the 1st character in string
    if(atSymbol == 1 && fieldValue.charAt(0) != "@"){
    //look for period at 2nd character after @ symbol
    var period = fieldValue.indexOf(".",fieldValue.indexOf("@")+2)

    // "." immediately following 1st "." ?
    var twoPeriods = (fieldValue.charAt((period+1)) == ".") ? true : false

    //if period was not found OR 2 periods together OR field contains less than 5 characters OR period is in last position
    if(period == -1 || twoPeriods || fieldValue.length < period + 2 || fieldValue.charAt(fieldValue.length-1)=="."){
    // then cancel and don't submit form
    alert("Please enter a valid e-mail address.")
    return false
    }

    }
    // no @ symbol exists or it is in position 0 (the first character of the field)
    else{
    // then cancel and don't submit form
    alert("Please enter a valid e-mail address.")
    return false
    }
    }
    // if field is empty
    else{
    // then cancel and don't submit form
    alert("Please enter a valid e-mail address.")
    return false
    }
	if(fieldInstitution =="")
    {
    alert("Institution is a required field.")
    return false
    }
    //all tests passed, submit form
    //alert("VALID EMAIL ADDRESS!")
    return true
    }