// [text, link, settings, subitems ...]
var arVMenu = [
	['Agendas Escolares', null, 'images/indice1.gif',
		['Reportes', 'diarysreport.htm', '00'],
		['Tareas', 'diarystask.htm', '01'],
		['Estudiantil', 'diarysstudent.htm', '02'],
		['Profesional', 'diarysprofessional.htm', '03'],
		['Ejecutiva', 'diarysexecutive.htm', '04'],
		['Maestros', 'diarysteacher.htm', '05'],
	],
	['Cursos y Conferencias', null, 'images/indice2.gif',
		['Pensamiento Crítico', 'coursescritic.htm', '01'],
		['Anti-bullying', 'coursesbullying.htm', '02'],
		['Proyecto de vida', 'courseshappyness.htm', '03'],
		['No violencia', 'coursesstrategies.htm', '04'],
		['Somos biografía', 'coursesbiografy.htm', '05'],
		['Organiza tu tiempo', 'coursesmanagement.htm', '06'],
		['Inteligencia moral', 'coursesintelligence.htm', '07'],
		['Manejo de conflictos', 'coursestroubled.htm', '08']
	],
	['Vanguardia Educativa', 'http://www.vanguardiaeducativa.mx', 'images/indice3.gif']/*,
		['Edición Actual', 'magazine.php', null],
		['Otras Ediciones', 'othereditions.php', null]
		['Suscribirse', 'suscriptions.php'],
	],
	['Promociones', 'promotions.htm', 'images/indice4.gif'],
	['Regalos', 'gifts.htm', 'images/indice5.gif']*/
];

var arHMenu = [
	['Inicio', 'index.html', 'Home'],
	['Quienes Somos', 'howweare.htm', 'HowWeAre'],
	['Contacto', 'contact.php', 'Contact']
];

var arPage = window.location.pathname.split('/'); //document.baseURI.split('/');

function doCreateMenu(psMenu)
{
	var iFor = 0;
	var sMenu = sEmpty;
	var oTD = getElement('td' + psMenu + 'Menu');
	var bAddPipe = true;
	
	if (psMenu == 'V')
	{
		sMenu = doTable(1);
		for (iFor = 0; iFor < arVMenu.length; iFor ++)
		{
			//sMenu += doCreateItem(iFor, -1);
			sMenu += doAddSection(iFor);
		}
		
		// Adding Line 5 px
		sMenu += doTR(1, 4, sEmpty, sEmpty, sEmpty);
		sMenu += doTD(1, 3);
		sMenu += doTD(0, 0);
		sMenu += doTR(0, 0, sEmpty, sEmpty, sEmpty);
		
		// Adding youtube img youtube.gif
		/*
		sMenu += doTR(1, 0, sEmpty, sEmpty, sEmpty);
		sMenu += doTD(1, 3);
		sMenu += doImg(2, 'images/youtube.gif');
		sMenu += doTD(0, 0);
		sMenu += doTR(0, 0, sEmpty, sEmpty, sEmpty);
		
		// Adding Line 5 px
		sMenu += doTR(1, 4, sEmpty, sEmpty, sEmpty);
		sMenu += doTD(1, 3);
		sMenu += doTD(0, 0);
		sMenu += doTR(0, 0, sEmpty, sEmpty, sEmpty);
		*/
		// Adding facebook logo
		sMenu += doTR(1, 3, 'http://www.facebook.com/home.php?#!/profile.php?id=100000718197414&ref=ts', 'trRWhiteOn', 'trRWhiteOff');
		sMenu += doTD(1, 3);
		sMenu += doImg(3, 'images/facebook.gif');
		sMenu += doTD(0, 0);
		sMenu += doTR(0, 0, sEmpty, sEmpty, sEmpty);
		
		// Adding 15 anios logo
		sMenu += doTR(1, 0, sEmpty, sEmpty, sEmpty);
		sMenu += doTD(1, 3);
		sMenu += doImg(4, 'images/pix_15.gif');
		sMenu += doTD(0, 0);
		sMenu += doTR(0, 0, sEmpty, sEmpty, sEmpty);
		
		// Adding Mexico
		/*
		sMenu += doTR(1, 0, sEmpty, sEmpty, sEmpty);
		sMenu += doTD(1, 3);
		sMenu += doTable(1);
		sMenu += doTR(1, 0, sEmpty, sEmpty, sEmpty);
		sMenu += doTD(1, 1);
		sMenu += doImg(1, 'images/mexico.gif');
		sMenu += doTD(0, 0);
		
		// Adding TDW10
		sMenu += doTD(1, 2);
		sMenu += doTD(0, 0);
		// Close TDW10

		sMenu += doTD(1, 5);
		sMenu += '&nbsp;LLEGAMOS A TODA LA REP&Uacute;BLICA';
		sMenu += doTD(0, 0);
		sMenu += doTR(0, 0, sEmpty, sEmpty, sEmpty);
		sMenu += doTable(0);
		sMenu += doTD(0, 0);
		sMenu += doTR(0, 0, sEmpty, sEmpty, sEmpty);
		sMenu += doTable(0);
		*/
	}
	else
	{
		for (iFor = 0; iFor < arHMenu.length; iFor ++)
		{
			if (iFor == arHMenu.length - 1)
				bAddPipe = false;
				
			sMenu += doLink(arHMenu[iFor][0], arHMenu[iFor][1], bAddPipe, arHMenu[iFor][2]);
		}
	}
	oTD.innerHTML = sMenu;
}

function doAddSection(piFor)
{
	var sItem = sEmpty;
	var sPage = sEmpty;
	var bSon = false;
	var bSel = false;
	
	// Review Page Select
	bSel = doPageSelect(piFor);
	
	// Add TR BEGIN
	sItem = doTR(1, 0, sEmpty, sEmpty, sEmpty);
	
	// Add TD Img
	sItem += doTD(1, 1);
	// Add Img
	sItem += doImg(1, arVMenu[piFor][2])
	// Close Img
	sItem += doTD(0, 0);
	// Close TD Img
	
	// Add TD W5
	sItem += doTD(1, 2);
	sItem += doTD(0, 0);
	// Close TD W5
	
	// Add TD Element (Blank)
	sItem += doTD(1, 0);
	// Add Table Element
	sItem += doTable(2)
	
	// Aqui es donde tengo que verificar si tiene o no hijos.
	bSon = doValidPage(piFor, -1);
	
	// Add TR Menu Off
	sPage = arVMenu[piFor][0].substring(0, 3);
	if (bSon)
		if (arPage[arPage.length - 1] == arVMenu[piFor][1])
			sItem += doTR(1, 5, sPage, 'trRWhiteSel', 'trRWhiteOff');
		else
			sItem += doTR(1, 5, sPage, 'trRWhiteOn', 'trRWhiteOff');
	else
		if (arPage[arPage.length - 1] == arVMenu[piFor][1])
			sItem += doTR(1, 3, arVMenu[piFor][1], 'trRWhiteSel', 'trRWhiteOff');
		else
			sItem += doTR(1, 3, arVMenu[piFor][1], 'trRWhiteOn', 'trRWhiteOff');
		
	// Add TD Element
	sItem += doTD(1, 0)
	// Add Element
	sItem += arVMenu[piFor][0];
	// Close Element
	sItem += doTD(0, 0)
	// Close TD Element
	sItem += doTR(0, 0, sEmpty, sEmpty, sEmpty);
	// Close TR Menu Off
	
	// Add if has sons
	if (doValidPage(piFor, -1))
	{
		// Add TR Display NONE or BLOCK
		if (bSel)
			sItem += doTR(1, 6, sPage, 'block', sEmpty);
		else
			sItem += doTR(1, 6, sPage, 'none', sEmpty);
			
		// Add TD without features
		sItem += doTD(1, 0);
		// Add Table to Elements
		sItem += doTable(2);
		
		for (iFor = 3; iFor < arVMenu[piFor].length; iFor ++)
		{
			if (typeof(arVMenu[piFor][iFor]) != 'undefined')
				sItem += doAddElement(iFor, piFor)
		}
		sItem += doTable(0);
		// Close Table to Elements
		sItem += doTD(0, 0);
		// Close TD without features
		sItem += doTR(0, 0, sEmpty, sEmpty, sEmpty);
		// Close TR Display NONE
	}
	// Close if has sons
	
	sItem += doTable(0)
	// Close Table Element
	
	sItem += doTD(0, 0);
	// Close TD Element (Blank)
	
	sItem += doTR(0, 0, sEmpty, sEmpty, sEmpty);
	// Close TR BEGIN
	
	// Add TR Dot
	sItem += doTR(1, 1, sEmpty, sEmpty, sEmpty);
	sItem += doTD(1, 3);
	sItem += doTD(0, 0);
	sItem += doTR(0, 0, sEmpty, sEmpty, sEmpty);
	// Close TR Dot
	return sItem;
}

function doAddElement(piFor, piParent)
{
	var sItem = sEmpty;
	
	// Add TR RMenuOff
	if (arPage[arPage.length - 1] == arVMenu[piParent][piFor][1])
		sItem = doTR(1, 3, arVMenu[piParent][piFor][1], 'trRGrayOn', 'trRGraySel');
	else
		sItem = doTR(1, 3, arVMenu[piParent][piFor][1], 'trRGrayOn', 'trRGrayOff');
	
	// Add TD W5
	sItem += doTD(1, 4);
	sItem += doTD(0, 0);
	// Close TD W5
	
	// Add TD RMenuOff
	sItem += doTD(1, 0);
	if (piParent == -1)
		sItem += arVMenu[piFor][0];
	else
		sItem += arVMenu[piParent][piFor][0];
		
	sItem += doTD(0, 0);
	// Close TD RMenuOff
	
	sItem += doTR(0, 0, sEmpty, sEmpty, sEmpty);
	// Close TR
	
	return sItem;
}

function doTable(piOpt)
{
	switch(piOpt) // Open
	{
		case 1:
			return '<table width="100%" cellspacing="0" cellpadding="0" Id="tblRMenu" border="0px" bordercolor="#c3c3c3" align="left">';
			break;
		case 2:
			return '<table cellspacing="0" cellpadding="0" border="0px" bordercolor="#c3c3c3" align="left">';
			break;
		default:
			return '</table>';
			break;
	}
}

function doTR(piOpt, piClass, psPage, psClassOn, psClassOff)
{
	if (piOpt == 1) // Open
	{
		switch(piClass)
		{
			case 1: // TR Dot class
				return '<tr class="trDot">';
				break;
			case 2: // TR Height 10px
				return '<tr class="trH10">';
				break;
			case 3: // TR OnMouse
				return '<tr class="' + psClassOff + '" onclick="javascript:doGoto(\'' + psPage + '\');" onmouseover="javascript:doChange(this, \'' + psClassOn + '\');" onmouseout="javascript:doChange(this, \'' + psClassOff + '\');">';
				break;
			case 4: // TR Height 5px
				return '<tr class="trH5">';
				break;
			case 5: // TR Menu
				return '<tr class="' + psClassOff + '" onclick="javascript:doMenu(\'' + psPage + '\');" onmouseover="javascript:doChange(this, \'' + psClassOn + '\');" onmouseout="javascript:doChange(this, \'' + psClassOff + '\');">';
				break;
			case 6: // TR Menu Element
				return '<tr id="tr' + psPage + '" style="display:' + psClassOn + ';">';
				break;
			default:
				return '<tr>';
				break;
		}
	}
	else
		return '</tr>';
}

function doTD(piOpt, piClass)
{
	if (piOpt == 1) // Open
		switch(piClass)
		{
			case 1: // TD Img
				return '<td align="left" valign="top">';
				break;
			case 2: // TD W5 Class
				return '<td class="tdW5">';
				break;
			case 3: // TD Colspan 3
				return '<td colspan="3" align="left">';
				break;
			case 4: // TD W5 Class
				return '<td class="tdW10">';
				break;
			case 5: // TD Colspan 2
				return '<td class="sWhite14" align="left" valign="top">';
				break;
			default: // TD
				return '<td align="left">';
				break;
		}
	else
		return '</td>';
}

function doLink(psLink, psURL, pbAddPipe, psId)
{
	var sReturn = sEmpty;
	var iPos = 0;

	if (arPage[arPage.length - 1] == '' && psURL == 'index.html')
	{
		sReturn = '<a id="a' + psId + '" class="linkSel" href="' + psURL + '">' + psLink + '</a>';
	}
	else
	{
		iPos = psURL.indexOf(arPage[arPage.length - 1]);
		if (iPos > -1 && arPage[arPage.length - 1].length > 0)
		{
			sReturn = '<a id="a' + psId + '" class="linkSel" href="' + psURL + '">' + psLink + '</a>';
			//sReturn = '<a id="a' + psId + '" class="linkSel" href="javascript:void(0);" onclick="javascript:doGoto(\'' + psURL + '\')">' + psLink + '</a>';
		}
		else
		{
			sReturn = '<a id="a' + psId + '" href="' + psURL + '">' + psLink + '</a>';
			//sReturn = '<a id="a' + psId + '" href="javascript:void(0);" onclick="javascript:doGoto(\'' + psURL + '\')">' + psLink + '</a>';
		}
	}

	if (pbAddPipe)
	{
		sReturn += '&nbsp;|&nbsp;';
	}	
	return sReturn
}

function doImg(piOpt, psImg)
{
	switch(piOpt)
	{
		case 1:
			return '<img src="' + psImg + '" width="40px" height="40px" />';
			break;
		case 2:
			return '<img src="' + psImg + '" width="122px" height="90px" />';
			break
		case 3:
			return '<img src="' + psImg + '" width="80px" height="18px" />';
			break;
		case 4:
			return '<img src="' + psImg + '" width="215px" height="150px" align="absmiddle" />';
			break;			
	}
	
}

function doValidPage(piFor, piParent)
{
	var bFound = false;
	
	if (typeof(arVMenu[piFor]) != 'undefined' && arVMenu[piFor].length > 2 && piParent == -1)
	{	
		for (iFor = 3; iFor < arVMenu[piFor].length; iFor ++)
		{
			if (typeof(arVMenu[piFor][iFor]) != 'undefined')
			{	
				bFound = true;
				break;
			}
		}
	}
	return bFound;
}

function doMenu(psOpt)
{
	var oTR = getElement('tr' + psOpt);
	if (oTR)
	{
		if (oTR.style.display == 'none')
			oTR.style.display = 'block';
		else
			oTR.style.display = 'none';
	}	
}

// This funciton help us to know if the section has block or none
function doPageSelect(piFor)
{
	var bFound = false;
	for (iFor = 3; iFor < arVMenu[piFor].length; iFor ++)
	{
		if (typeof(arVMenu[piFor][iFor]) != 'undefined' && arPage[arPage.length - 1] == arVMenu[piFor][iFor][1])
		{	
			bFound = true;
			break;
		}
	}
	return bFound;
}