var mainNavigationStr   = '';
var subNavigationStr    = '';
var layerName           = 'mainNavigationLayer';
var myI                 = '';
var myJ                 = '';

/*
 *******************************************************************
 FUNCTION WRITES THE MAIN_NAVIGATION
 *******************************************************************
 */

function writeMainNavigation() {
  for(var i = 0; i < menu.length; i++) {
	  mainNavigationStr += '<a href="#" onmouseover="navigationControl(' + i + '); self.status=\'\'; return true" onmouseout="hideSubNavigation(' + i + ')" onfocus="this.blur()"><img src="' + menu[i]["linktext"] + '" border="0" /></a>';
	  if(i != (menu.length - 1)) {
	    mainNavigationStr += '<img src="' + backToTheRoots + '_img/trans.gif" width="118" height="1" />';
	  }  
	}
	writeIntoLayer('', 'mainNavigationLayer', mainNavigationStr);
  mainNavigationStr = '';
}




/*
 *******************************************************************
 FUNCTION WRITES THE SUB_NAVIGATION
 *******************************************************************
 */


var mainNavigationIndex                 =   0;
function navigationControl(mainNavigationIndex) {
  if(menu[mainNavigationIndex].menu) {
	  subNavigationStr += '<img src="' + menu[mainNavigationIndex]["linktext_a"] + '" border="0" /><br />';
	  subNavigationStr += '<table border="0" cellpadding="0" cellspacing="0">';
	  subNavigationStr += '  <tr>';
	  subNavigationStr += '    <td width="1"><img src="' + backToTheRoots + '_img/trans.gif" width="1" height="93" /></td>';
	  subNavigationStr += '    <td width="155" valign="top">';
	  subNavigationStr += '      <img src="' + backToTheRoots + '_img/trans.gif" width="1" height="2" /><br />';
	  
	  for(var j = 0; j < menu[mainNavigationIndex].menu.length; j++) {
	    if(menu[mainNavigationIndex].menu[j]["url"].substring((menu[mainNavigationIndex].menu[j]["url"].lastIndexOf("/") + 1), menu[mainNavigationIndex].menu[j]["url"].lastIndexOf(".")) == pageName) {
	      subNavigationStr += '<span class="navtext"><a href="'+ menu[mainNavigationIndex].menu[j]["url"] +'" onmouseover="self.status=\'\'; return true" onfocus="this.blur()" class="subNavigationHigh innerPadding">' + menu[mainNavigationIndex].menu[j]["linktext"] + '</a></span>';
	    } else {
	      subNavigationStr += '<span class="navtext"><a href="'+ menu[mainNavigationIndex].menu[j]["url"] +'" onmouseover="self.status=\'\'; return true" onfocus="this.blur()" class="subNavigation innerPadding">' + menu[mainNavigationIndex].menu[j]["linktext"] + '</a></span>';
	    }
	  }
	  subNavigationStr += '      <img src="' + backToTheRoots + '_img/trans.gif" width="1" height="2" /><br />';
	  subNavigationStr += '    </td>';
	  subNavigationStr += '  </tr>';
	  subNavigationStr += '</table>';
	  
	}
	layerName = "subNavigationLayer" + mainNavigationIndex;
	writeIntoLayer('', layerName, subNavigationStr);
	show('subNavigationLayer' + mainNavigationIndex);
	subNavigationStr = '';
}




/*
 *******************************************************************
 FUNCTION RESETS THE SUB_NAVIGATION
 *******************************************************************
 */


function hideSubNavigation() {
  for(var i=0; i<5; i++) {
    hide('subNavigationLayer' + i);
  }
}




function showSN0() {
	show("subNavigationLayer0");
}

function hideSN0() {
	hide("subNavigationLayer0");
}

function showSN1() {
	show("subNavigationLayer1");
}

function hideSN1() {
	hide("subNavigationLayer1");
}

function showSN2() {
	show("subNavigationLayer2");
}

function hideSN2() {
	hide("subNavigationLayer2");
}

function showSN3() {
	show("subNavigationLayer3");
}

function hideSN3() {
	hide("subNavigationLayer3");
}


function showSN4() {
	show("subNavigationLayer4");
}

function hideSN4() {
	hide("subNavigationLayer4");
}

function subNavigationMouseEvents() {
	if(document.all) {
		document.all['subNavigationLayer0'].onmouseover = showSN0;
		document.all['subNavigationLayer0'].onmouseout  = hideSN0;
		document.all['subNavigationLayer1'].onmouseover = showSN1;
		document.all['subNavigationLayer1'].onmouseout  = hideSN1;
		document.all['subNavigationLayer2'].onmouseover = showSN2;
		document.all['subNavigationLayer2'].onmouseout  = hideSN2;
		document.all['subNavigationLayer3'].onmouseover = showSN3;
		document.all['subNavigationLayer3'].onmouseout  = hideSN3;
		document.all['subNavigationLayer4'].onmouseover = showSN4;
		document.all['subNavigationLayer4'].onmouseout  = hideSN4;
	} else if(document.layers) {
		document.layers['subNavigationLayer0'].onmouseover = showSN0;
		document.layers['subNavigationLayer0'].onmouseout  = hideSN0;
		document.layers['subNavigationLayer1'].onmouseover = showSN1;
		document.layers['subNavigationLayer1'].onmouseout  = hideSN1;
		document.layers['subNavigationLayer2'].onmouseover = showSN2;
		document.layers['subNavigationLayer2'].onmouseout  = hideSN2;
		document.layers['subNavigationLayer3'].onmouseover = showSN3;
		document.layers['subNavigationLayer3'].onmouseout  = hideSN3;
		document.layers['subNavigationLayer4'].onmouseover = showSN4;
		document.layers['subNavigationLayer4'].onmouseout  = hideSN4;
	} else if(document.getElementById) {
	  document.getElementById('subNavigationLayer0').onmouseover = showSN0;
	  document.getElementById('subNavigationLayer0').onmouseout  = hideSN0;
	  document.getElementById('subNavigationLayer1').onmouseover = showSN1;
	  document.getElementById('subNavigationLayer1').onmouseout  = hideSN1;
	  document.getElementById('subNavigationLayer2').onmouseover = showSN2;
	  document.getElementById('subNavigationLayer2').onmouseout  = hideSN2;
	  document.getElementById('subNavigationLayer3').onmouseover = showSN3;
	  document.getElementById('subNavigationLayer3').onmouseout  = hideSN3;
  	  document.getElementById('subNavigationLayer4').onmouseover = showSN4;
	  document.getElementById('subNavigationLayer4').onmouseout  = hideSN4;
	}
}