var menuContent = ''; //the main menu table

var currentModule = 'Home'; //name of menu item currently selected
var mainMenuItems = new Array(); //name of main menu items
var mainMenuItemLinks = new Array(); //the url of link for each menu item
var mainMenuItemImages = new Array(); //the image url for each menu item
var mainMenuItemAltImages = new Array(); //the hover-image url for each menu item
var mainMenuSubItems = new Array(); //sub menu text
var mainMenuSubItemLinks = new Array(); //sub menu links
var subMenuContent = new Array();
var maxCharsInARow = 70; //wrap menu after how many characters?

//set the necessary variables
mainMenuSubItems[0] = Array('News', 'Legal', 'Site Map');
mainMenuSubItems[1] = Array('Registration', 'Training Info', 'Assessments Info', 'Professional Development Info');
mainMenuSubItems[2] = Array('09-12-2006', '10-12-2006', '03-12-2007', '04-02-2007', '10-10-2007', '10-29-2007', '11-30-2007');
mainMenuSubItems[3] = Array('Overview', 'Library', 'Journal', 'Tutoring Town Hall','Community');
mainMenuSubItems[4] = Array('Overview', 'Learning Centers', 'Content', 'Sponsorship/Alliance', 'Technology');
mainMenuSubItems[5] = Array('Mission', 'Team', 'Testimonials');
mainMenuSubItems[6] = Array('Connect with us');

mainMenuSubItemLinks[0] = Array('news.htm', 'legal.htm', 'sitemap.htm');
mainMenuSubItemLinks[1] = Array('catalog.htm', 'training.htm', 'assessments.htm', 'professional_development.htm');
mainMenuSubItemLinks[2] = Array('news_091206.htm', 'news_101206.htm', 'news_031207.htm', 'news_040207.htm', 'news_101007.htm', 'news_102907.htm', 'news_113007.htm');
mainMenuSubItemLinks[3] = Array('resources.htm', 'library.htm', 'journal', 'tth.htm','clc.htm');
mainMenuSubItemLinks[4] = Array('affiliates.htm', 'affiliates_lca.htm', 'affiliates.htm#1','affiliates.htm#3','affiliates.htm#2');
mainMenuSubItemLinks[5] = Array('aboutus.htm', 'aboutus.htm', 'testimonials.htm');
mainMenuSubItemLinks[6] = Array('contact.htm');

mainMenuItems[0] = 'Home';
mainMenuItems[1] = 'Catalog';
mainMenuItems[2] = 'News';
mainMenuItems[3] = 'Resources';
mainMenuItems[4] = 'Affiliates';
mainMenuItems[5] = 'About Us';
mainMenuItems[6] = 'Contact';

mainMenuItemLinks[0] = 'index.htm';
mainMenuItemLinks[1] = 'catalog.htm';
mainMenuItemLinks[2] = 'news.htm';
mainMenuItemLinks[3] = 'resources.htm';
mainMenuItemLinks[4] = 'affiliates.htm';
mainMenuItemLinks[5] = 'aboutus.htm';
mainMenuItemLinks[6] = 'contact.htm';

mainMenuItemImages[0] = 'images/navbar2/off_home.jpg';
mainMenuItemImages[1] = 'images/navbar2/off_catalog.gif';
mainMenuItemImages[2] = 'images/navbar2/off_news.jpg';
mainMenuItemImages[3] = 'images/navbar2/off_resources.jpg';
mainMenuItemImages[4] = 'images/navbar2/off_affiliates.jpg';
mainMenuItemImages[5] = 'images/navbar2/off_aboutus.jpg';
mainMenuItemImages[6] = 'images/navbar2/off_contact.jpg';

mainMenuItemAltImages[0] = 'images/navbar2/on_home.gif';
mainMenuItemAltImages[1] = 'images/navbar2/on_catalog.gif';
mainMenuItemAltImages[2] = 'images/navbar2/on_news.gif';
mainMenuItemAltImages[3] = 'images/navbar2/on_resources.gif';
mainMenuItemAltImages[4] = 'images/navbar2/on_affiliates.gif';
mainMenuItemAltImages[5] = 'images/navbar2/on_aboutus.gif';
mainMenuItemAltImages[6] = 'images/navbar2/on_contact.gif';


var totalSubMenuContentChars = 0;
var maxCharSetAt = 0;
for(i=0; i<mainMenuItems.length; i++){
	subMenuContent[i] = '';
	for(j=0; j<mainMenuSubItems[i].length; j++){
		if(j != 0)
			subMenuContent[i] += '&nbsp;&nbsp;<span style="color:#ffffff;"><b>|</b></span>&nbsp;&nbsp;';
			if(totalSubMenuContentChars > maxCharsInARow+maxCharSetAt){
				subMenuContent[i] += '<br />';
				maxCharSetAt = totalSubMenuContentChars + mainMenuSubItems[i][j].length;
			}
			subMenuContent[i] += '<a class="subMenuLinks" href="'+mainMenuSubItemLinks[i][j]+'">' + mainMenuSubItems[i][j] + '</a>';
			totalSubMenuContentChars+= mainMenuSubItems[i][j].length;
	}
	//alert(totalSubMenuContentChars);
	totalSubMenuContentChars = 0;
}


function activateSubMenu(index){
	document.getElementById('subMenuDiv').innerHTML = '<span class="subMenuText">' + mainMenuItems[index] + ':</span> ' + subMenuContent[index];
}

function deactSubMenu(index){
	//alert(a);
	for(i=0; i<mainMenuItems.length; i++){
		if(mainMenuItems[i]==currentModule)
			document.getElementById('imgLink-'+i).src=mainMenuItemAltImages[i];
		else
			document.getElementById('imgLink-'+i).src=mainMenuItemImages[i];
	}
}

function deactivateSubMenu(index){
	document.getElementById('subMenuDiv').innerHTML = '&nbsp;';
}

function wrapText(index){
	var maxChars = 800;
	var newstr='';
	var contentStr = subMenuContent[index];
	
	if(strbuff.length > maxChars) {   
		for(var i=0; i<strbuff.length; i++){
			if(strbuff[i] == '<') startOfTag = true;
			if(strbuff[i] == '>') startOfTag = false;
			newstr += strbuff[i];
		}
		alert(newstr);
		return(newstr);      
	}else{
		return(strbuff);
	}
}

function swapImage(a,b,c) {
	for(i=0; i<mainMenuItems.length; i++){
		if(i==a)
			document.getElementById('imgLink-'+i).src=mainMenuItemAltImages[i];
		else
			document.getElementById('imgLink-'+i).src=mainMenuItemImages[i];
	}
}

function writeMenuContent(){
	//set the main menu table content
	menuContent += '<div align="left">';
	menuContent += '<table width="100%" border="0" cellspacing="0" cellpadding="0">';
	
	//the main menu elements
	menuContent += '<tr>';
	menuContent += '<th valign="top" nowrap>';
	for(i=0; i<mainMenuItems.length; i++){
		menuContent += '<a href="'+mainMenuItemLinks[i]+'" onMouseOut="deactSubMenu();" onMouseOver="swapImage(\''+i+'\',\''+mainMenuItemAltImages[i]+'\',1); activateSubMenu('+i+')">';
		if(mainMenuItems[i]==currentModule){
			menuContent += '<img src="'+mainMenuItemAltImages[i]+'" alt="'+mainMenuItems[i]+'" border="0" name="imgLink-'+i+'" id="imgLink-'+i+'"  />';
		}else{
			menuContent += '<img src="'+mainMenuItemImages[i]+'" alt="'+mainMenuItems[i]+'" border="0" name="imgLink-'+i+'" id="imgLink-'+i+'"  />';
		}
		menuContent += '</a>';
	}
	menuContent += '</th>';
	menuContent += '</tr>';
	
	//the sub menu elements
	menuContent += '<tr>';
	menuContent += '<td valign="top" bgcolor="#0069B5"><table width="100%" border="0" cellspacing="4" cellpadding="2">';
	menuContent += '<tr><td>';
	menuContent += '<div id="subMenuDiv" name="subMenuDiv" onMouseOut="deactSubMenu()">';
	menuContent += '<table width="751" border="0" cellspacing="0" cellpadding="0"><tr><td>';
	menuContent += '&nbsp;';
	menuContent += '</td></tr></table>';
	menuContent += '</div>';
	menuContent += '</span></td></tr>';
	menuContent += '</table></td>';
	menuContent += '</tr>';
	
	menuContent += '</table>';
	menuContent += '</div>';
	menuContent += '';
	
	document.write(menuContent);
	
	for(i=0; i<mainMenuItems.length; i++){
		if(mainMenuItems[i]==currentModule){
			activateSubMenu(i);
		}
	}
}