/************************
 * MSTE Resource Header *
 ************************/

function msteResourceHeader()
{
	//if( /* xmlInfo = AJAX.(Check for this URL in the database) */)
	//{
	//   //We now have an XML object with category information, resource name, resource thumbnail
	//
	
	pageBody = document.getElementsByTagName("body")[0];
	
	resHeaderDiv = document.createElement("div");
	pageBody.insertBefore(resHeaderDiv,pageBody.childNodes[0]);
	resHeaderDiv.id = "MSTEresHeader";
	resHeaderDiv.className = "resourceHeader";
	
	//
	// Need to get some AJAX db querying in here to get a category hierarchy for the resource.
	//
	resHeaderDiv.innerHTML = " \
		<a href='http://www.mste.uiuc.edu'><img src='/images/logo-resources-med.gif' align='left' style='border: none; margin-right: 10px;' /></a> \
		This resource is offered for free by the <a href='http://www.mste.uiuc.edu/'>Office for Mathematics, Science, and Technology Education</a> \
		<br /> \
		<strong> \
			<a href='http://www.mste.uiuc.edu/'>MSTE Home</a> \
			&gt; \
			<a href='http://www.mste.uiuc.edu/resources/'>Resources</a> \
			&gt; \
			<a href='http://www.mste.uiuc.edu/resources/?category=2'>Algebra</a> \
			&gt; \
			<a href='http://www.mste.uiuc.edu/resources/?id=174'>Chameleon Graphing</a> \
		</strong> \
		";
	
//	var pageBody = document.getElementsByTagName("body")[0];
//	var resHeaderNode = document.createTextNode(resHeaderStr);
//	pageBody.insertBefore(resHeaderNode,pageBody.childNodes[0]);
}


function hideResHeader(divID)
{
	hideDivCSS(divID);
}

function showResHeader(divID)
{
	showDivCSS(divID);
}

function addLoadEvent(func)
{
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(msteResourceHeader);