/*

Written by Marco A. Gonzalez
Amagavi, Inc.
Specializing in database-driven web sites

web: www.amagavi.com
email: marco@amagavi.com

Client: CANABE

*/

/*
	// this is the HTML for TopNavMenu
	// i.e. what writeHTMLForTopNavMenu() is writing out 
	
   <div id="TopNavMenu">
	<table>
		<tr>
			<td class="general">
				<a href="index.html">Home</a>
				<a href="mission.html">About CANABE</a>
				<a href="bilingualEducation.html">Bilingual Education</a>
				<a href="workshops.html">Workshops</a>
				<a href="resources.html">Resources</a>
				<a href="join.html">Join</a>
			</td>
		</tr>
	</table>
</div>
*/

   
function writeHTMLForTopNavMenu(thePageName){
	document.write("<div id=\"TopNavMenu\">");
	document.write("<table>");
	document.write("<tr>");
	document.write("<td class=\"general\">");

		   document.write("<a href=\"index.html\">Home</a>");
		   document.write("<a href=\"mission.html\">About CANABE</a>");
		   document.write("<a href=\"bilingualEducation.html\">Bilingual Education</a>");
		   document.write("<a href=\"workshops.html\">Workshops</a>");
		   document.write("<a href=\"resources.html\">Resources</a>");


	if (thePageName="Join"){
		document.write("<div class=\"selectedMenuItem \">Join</div>");	
	}else{
		document.write("<a href=\"join.html\">Join</a>");
	}
	
	
    
    document.write("</td>");
	document.write("</tr>");
	document.write("</table>");
	document.write("</div>");
}


function fetchAndDisplayBookList(xmlHttp){
	var xmlDoc=xmlHttp.responseXML.documentElement;
	
	var allBooks = xmlDoc.getElementsByTagName("book");
	
	var i;
	var bookTitle;
	var bookAuthor;
	var bookYear;
	var currentBook;
	var bookHTML = "";
	
	for (i=0;i<allBooks.length;i++){ 
		currentBook = allBooks[i];
		bookTitle = currentBook.getElementsByTagName("title")[0].childNodes[0].nodeValue;
		bookAuthor = currentBook.getElementsByTagName("author")[0].childNodes[0].nodeValue;
		bookYear = currentBook.getElementsByTagName("year")[0].childNodes[0].nodeValue;
		
		// bookHTML=bookHTML+"<li>"+allBookTitles[i].childNodes[0].nodeValue+"</li>";
		bookHTML=bookHTML + "<li>";
		bookHTML=bookHTML + "<span class=\"title\">"+bookTitle+"</span>";
		// bookHTML=bookHTML + ", by ";
		bookHTML=bookHTML + "<span class=\"author\">"+bookAuthor+"</span>";
		//bookHTML=bookHTML + " (";
		bookHTML=bookHTML + "<span class=\"year\">"+bookYear+"</span>";  			
		//bookHTML=bookHTML + ")";
		bookHTML=bookHTML + "</li>";
	}
	document.getElementById("ListOfBooks").innerHTML=bookHTML;
}

function getXMLHttp(){
	var xmlHttp;
	try
	  {
	  // Firefox, Opera 8.0+, Safari
	  xmlHttp=new XMLHttpRequest();
		}
	catch (e)
	  {
	  // Internet Explorer
	  try
		{
		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
	  catch (e)
		{
		try
		  {
		  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		  }
		catch (e)
		  {
		  alert("Your browser does not support AJAX!");
		  return false;
		  }
		}
	  }
	return xmlHttp;
}


function ajaxFunction()
{
	var xmlHttp = getXMLHttp();

	xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      	fetchAndDisplayBookList(xmlHttp);
      }
    }
	//  xmlHttp.open("GET","http://localhost/canabe/ajaxTest/ajaxReponse.txt",true);


	// 2008-0601 MAG: the following worked for fetching books from static xml file on the server
	xmlHttp.open("GET","http://localhost/canabe/ajaxTest/books.xml",true);



	xmlHttp.send(null);
}

function fetchBookList()
{
	var xmlHttp = getXMLHttp();

	xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      	fetchAndDisplayBookList(xmlHttp);
      }
    }

	// 2008-0601 MAG: the following worked for fetching books from static xml file on the server
	xmlHttp.open("GET","/canabe/ajaxTest/books.xml",true);

	// 2008-0601 MAG: let's try hitting the AmagaviSite wo app
	// xmlHttp.open("GET","http://192.168.0.11/cgi-bin/WebObjects/AmagaviSite.woa/-49362/wa/showCanabeBookListXML",true);
	xmlHttp.open("GET","/cgi-bin/WebObjects/AmagaviSite.woa/-49478/wa/showCanabeBookListXML",true);
	
	xmlHttp.send(null);
}


function onPage(pageName){
	var originalItems;
	var topNav = document.getElementById("TopNavMenuAsList");
	var i;
	var currentItem;
	var txt;
	var anchor;
	
	 //alert("page name = "+pageName);

	originalItems = topNav.getElementsByTagName("li");
	//alert("originalItems = "+originalItems);

	for (i=0;i<originalItems.length;i++){ 
		currentItem = originalItems[i];
		
		txt=currentItem.getAttribute("class");	/* this does not work in IE 6 */		
		if (txt == pageName){
			//alert ("text of item "+i+" = "+txt + "... found it!");	
			
			anchor = currentItem.getElementsByTagName("a")[0];
			currentItem.innerHTML = anchor.innerHTML;
			// alert("anchor tag text = "+anchor.innerHTML);			
			
			currentItem.setAttribute("class","selectedMenuItem");
			
		}else{
			//alert ("text of item "+i+" = "+txt);	
		}
	}
}


/*
	Original HTML for footer follows

<div id="footer">
	Copyright &copy; 2008 CANABE. All rights reserved. Contact: <a href="mailto:marco@amagavi.com">marco@amagavi.com</a> 
	
	<div class="lastUpdate">
	Last updated on Sep 12, 2008
	</div>
</div>

*/

function writeHTMLForFooter(){
	writeHTMLForFooterWithDate("13 Sep 2008");
}

function writeHTMLForFooterWithDate(updateDate){
	document.write('<div id="footer">');
	document.write('	Copyright &copy; 2008 CANABE. All rights reserved. Contact: <a href="mailto:marco@amagavi.com">marco@amagavi.com</a>');
	document.write('	<div class="lastUpdate">');
	document.write('		Last updated on '+updateDate);
	document.write('	</div>');
	document.write('</div>');
}


function writeHTMLForFooterInSpanish(){
	writeHTMLForFooterWithDateInSpanish("13 Sep 2008");
}


function writeHTMLForFooterWithDateInSpanish(updateDate)
{
	document.write('<div id="footer">');
	document.write('	Copyright &copy; 2008 CANABE. Todos los derechos reservados. Pongase en contacto con: <a href="mailto:marco@amagavi.com">marco@amagavi.com</a> ');
	document.write('	<div class="lastUpdate">');
	document.write('		Esta p&aacute;gina fue actualizada el '+updateDate);
	document.write('	</div>');
	document.write('</div>');
}




function writeTopNavMenu(selectedMenuItemTitle)
{
	document.write('<div class="canabePageLogo" ><img src="assets/images/canabe/CanabeLogo-w533x112h-6.gif" width="533" height="112" alt="Capital Area National Association for Bilingual Education, CANABE" /></div>');

	document.write('<div id="TopNavMenuAsList">');
	document.write('<ul>');
	
	if (selectedMenuItemTitle=="Home"){
		document.write('<li class="selectedMenuItem">Home</li>');
	}else{
		document.write('<li class="Home"><a href="index.html">Home</a></li>');
	}
	
	if (selectedMenuItemTitle=="About CANABE"){
		document.write('<li class="selectedMenuItem">About CANABE</li>');
	}else{
		document.write('<li class="About CANABE"><a href="mission.html">About CANABE</a></li>');
	}
		
	if (selectedMenuItemTitle=="Bilingual Education"){
		document.write('<li class="selectedMenuItem">Bilingual Education</li>');
	}else{
		document.write('<li class="Bilingual Education"><a href="bilingualEducation.html">Bilingual Education</a></li>');
	}
	
	if (selectedMenuItemTitle=="Workshops"){
		document.write('<li class="selectedMenuItem">Workshops</li>');
	}else{
		document.write('<li class="Workshops"><a href="workshops.html">Workshops</a></li>');
	}
	
	
	if (selectedMenuItemTitle=="Resources"){
		document.write('<li class="selectedMenuItem">Resources</li>');
	}else{
		document.write('<li class="Resources"><a href="resources.html">Resources</a></li>');
	}
	
	if (selectedMenuItemTitle=="Join"){
		document.write('<li class="selectedMenuItem">Join</li>');
	}else{
		document.write('<li class="Join"><a href="join.html">Join</a></li>');
	}
	
	document.write('</ul>');
	document.write('</div>');
}


function writeTopNavMenuSpanish(selectedMenuItemTitle)
{
	document.write('<div class="canabePageLogo" ><img src="assets/images/canabe/CanabeLogo-w533x112h-6.gif" width="533" height="112" alt="Capital Area National Association for Bilingual Education, CANABE" /></div>');

	document.write('<div id="TopNavMenuAsList">');
	document.write('<ul>');
	
	if (selectedMenuItemTitle=="Home"){
		document.write('<li class="selectedMenuItem">P&aacute;gina Inicial</li>');
	}else{
		document.write('<li class="Home"><a href="index-esp.html">P&aacute;gina Inicial</a></li>');
	}
	
	if (selectedMenuItemTitle=="About CANABE"){
		document.write('<li class="selectedMenuItem">Acerca de CANABE</li>');
	}else{
		document.write('<li class="About CANABE"><a href="mission-esp.html">Acerca de CANABE</a></li>');
	}
		
	if (selectedMenuItemTitle=="Bilingual Education"){
		document.write('<li class="selectedMenuItem">Educaci&oacute;n Biling&uuml;e</li>');
	}else{
		document.write('<li class="Bilingual Education"><a href="bilingualEducation-esp.html">Educaci&oacute;n Biling&uuml;e</a></li>');
	}
	
	if (selectedMenuItemTitle=="Workshops"){
		document.write('<li class="selectedMenuItem">Talleres</li>');
	}else{
		document.write('<li class="Workshops"><a href="workshops-esp.html">Talleres</a></li>');
	}
	
	
	if (selectedMenuItemTitle=="Resources"){
		document.write('<li class="selectedMenuItem">Recursos</li>');
	}else{
		document.write('<li class="Resources"><a href="resources-esp.html">Recursos</a></li>');
	}
	
	if (selectedMenuItemTitle=="Join"){
		document.write('<li class="selectedMenuItem">Inscribirse</li>');
	}else{
		document.write('<li class="Join"><a href="join-esp.html">Inscribirse</a></li>');
	}
	
	document.write('</ul>');
	document.write('</div>');
}


/*
	// this is the HTML for AboutPageLeftNav
	// i.e. what this method is writing out
	
	<ul>
		<li><a href="mission.html">Mission</a></li>
		<li><a href="bylaws.html">Bylaws</a></li>
		<li><a href="officers">Officers</a></li>
		<li><a href="constitution.html">Constitution</a></li>
	</ul>
*/



/*
	<ul>
		<li><a href="bilingualEducation.html">What is bilingual ed?</a></li>
		<li><a href="programsDC.html">Programs in DC</a></li>
		<li><a href="programsMD.html">Programs in MD</a></li>
		<li><a href="programsVA.html">Programs in VA</a></li>
	</ul>
*/

function fetchAndDisplayBookListFromJSON(jsonData){
	var xmlDoc=xmlHttp.responseXML.documentElement;
	
	var allBooks = xmlDoc.getElementsByTagName("book");
	
	var i;
	var bookTitle;
	var bookAuthor;
	var bookYear;
	var currentBook;
	var bookHTML = "";
	
	for (i=0;i<allBooks.length;i++){ 
		currentBook = allBooks[i];
		bookTitle = currentBook.getElementsByTagName("title")[0].childNodes[0].nodeValue;
		bookAuthor = currentBook.getElementsByTagName("author")[0].childNodes[0].nodeValue;
		bookYear = currentBook.getElementsByTagName("year")[0].childNodes[0].nodeValue;
		
		// bookHTML=bookHTML+"<li>"+allBookTitles[i].childNodes[0].nodeValue+"</li>";
		bookHTML=bookHTML + "<li>";
		bookHTML=bookHTML + "<span class=\"title\">"+bookTitle+"</span>";
		// bookHTML=bookHTML + ", by ";
		bookHTML=bookHTML + "<span class=\"author\">"+bookAuthor+"</span>";
		//bookHTML=bookHTML + " (";
		bookHTML=bookHTML + "<span class=\"year\">"+bookYear+"</span>";  			
		//bookHTML=bookHTML + ")";
		bookHTML=bookHTML + "</li>";
	}
	document.getElementById("ListOfBooks").innerHTML=bookHTML;
}


function writeHTMLForLeftNav(selectedMenuItemTitle, menuItems)
{
	var i;
	var currentItem;
	var numberOfItems = menuItems.length;
	
	document.write('<ul>');
	
	for(i=0; i<numberOfItems; i++){
		if (selectedMenuItemTitle==menuItems[i].referenceName){
			document.write('<li class="selected">'+menuItems[i].menuItemText+ '</li>');
		} else {
			document.write('<li>' + '<a href="'+ menuItems[i].url + '">'+menuItems[i].menuItemText+ '</a>'+ '</li>');
		}
	}

	document.write('</ul>');
}


function aboutPageLeftNavItems(){
	var jsonArray = 
			[
				{
					"referenceName": "Mission", 
					"menuItemText": "Mission", 
					"url": "mission.html"
				},
				
				{
					"referenceName": "Bylaws", 
					"menuItemText": "Bylaws", 
					"url": "bylaws.html"
				},
				
				{
					"referenceName": "Officers", 
					"menuItemText": "Officers", 
					"url": "officers.html"
				},
				
				{
					"referenceName": "Constitution", 
					"menuItemText": "Constitution", 
					"url": "constitution.html"
				}
			];
	return jsonArray;
}

function aboutPageLeftNavItemsSpanish(){
	var jsonArray = 
			[
				{
					"referenceName": "Mission", 
					"menuItemText": "Misi&oacute;n", 
					"url": "mission-esp.html"
				},
				
				{
					"referenceName": "Bylaws", 
					"menuItemText": "Bylaws", 
					"url": "bylaws-esp.html"
				},
				
				{
					"referenceName": "Officers", 
					"menuItemText": "Officers", 
					"url": "officers-esp.html"
				},
				
				{
					"referenceName": "Constitution", 
					"menuItemText": "Constituci&oacute;n", 
					"url": "constitution-esp.html"
				}
			];
	return jsonArray;
}


function bilingualPageLeftNavItems(){
	var jsonArray = 
			[
				{
					"referenceName": "BilingualEd", 
					"menuItemText": "What is bilingual ed?", 
					"url": "bilingualEducation.html"
				},
				
				{
					"referenceName": "Programs in DC", 
					"menuItemText": "Programs in DC", 
					"url": "programsDC.html"
				},
				
				{
					"referenceName": "Programs in MD", 
					"menuItemText": "Programs in MD", 
					"url": "programsMD.html"
				},
				
				{
					"referenceName": "Programs in VA", 
					"menuItemText": "Programs in VA", 
					"url": "programsVA.html"
				}
			];
	return jsonArray;
}

function bilingualPageLeftNavItemsSpanish(){
	var jsonArray = 
			[
				{
					"referenceName": "BilingualEd", 
					"menuItemText": "&#191;Que es la educaci&oacute;n biling&uuml;e?", 
					"url": "bilingualEducation-esp.html"
				},
				
				{
					"referenceName": "Programs in DC", 
					"menuItemText": "Programas en DC", 
					"url": "programsDC-esp.html"
				},
				
				{
					"referenceName": "Programs in MD", 
					"menuItemText": "Programas en MD", 
					"url": "programsMD-esp.html"
				},
				
				{
					"referenceName": "Programs in VA", 
					"menuItemText": "Programas en VA", 
					"url": "programsVA-esp.html"
				}
			];
	return jsonArray;
}