// Positie van de hoofdrubrieken
var Menu_Left = 20;
var Menu_TopStart = 113;
var Menu_TopToename = 27;
var LeftCol_CurrTop = Menu_TopStart;
var Zoek_Ruimte = 15;	// Extra ruimte tussen zoekbox en 1e menu

// Positie submenu t.o.v. hoofdrubriek )
var xSubOffset = 191;
var ySubOffset = 3;

// Hoofdrubrieken
PreRbr = new Array(); PreSub = new Array();
ArtRbr = new Array(); ArtSub = new Array();
PostRbr = new Array(); PostSub = new Array();

// PreSub[0] = new Array(); PreRbr[0] = new Array( "Pre-test Home", "/", "" );
// PreSub[1] = new Array(); PreRbr[1] = new Array( "Pre-test Qwerty", "javascript:alert('Loze link!')", "" );
// PreSub[2] = new Array(); PreRbr[2] = new Array( "Naar winkelwagentje", "/cgi-bin/user/cart.pl", "" );
// PreSub[3] = new Array(); PreRbr[3] = new Array( "Pre-test Zxcvb", "javascript:alert('Loze link!')", "" );

// PostSub[0] = new Array(); PostRbr[0] = new Array( "Post Natural Horse trainer", "http://www.naturalhorsetrainer.nl", "_blank" );


//*** SET SUB MENUS TEXT LINKS AND TARGETS HERE ***//
// PreSub[1][0] = new Array( "Grondwerk", "javascript:alert('Hier is nog niks te beleven ;-)')", "" );
// PreSub[1][1] = new Array( "Rijden", "javascript:alert('Hier is ook niet!')", "" );
// PreSub[1][2] = new Array( "Spelmateriaal", "javascript:alert('En hier al helemaal niet!')", "" );

// PostSub[0][0] = new Array( "Yoga met paarden", "http://www.naturalhorsetrainer.nl/yoga.html", "_blank" );
// PostSub[0][1] = new Array( "Paardentaal", "http://www.naturalhorsetrainer.nl/paardentaal.html", "_blank" );
// PostSub[0][2] = new Array( "Nieuws", "http://www.naturalhorsetrainer.nl/nieuws.html", "_blank" );
//PreSub[11][0] = new Array( "buttontext 11_0", "Link 11_0", "" );
//PreSub[11][1] = new Array( "buttontext 11_1", "Link 11_1", "" );
//PreSub[11][2] = new Array( "buttontext 11_2", "Link 11_2", "" );
//PreSub[10][0] = new Array( "buttontext 10_0", "Link 10_0", "" );
//PreSub[10][1] = new Array( "buttontext 10_1", "Link 10_1", "" );
//PreSub[10][2] = new Array( "buttontext 10_2", "Link 10_2", "" );



//*** NO MORE SETTINGS BEYOND THIS POINT ***//

// tesamen met delay: submenu blijft zichtbaar, wanneer je hoofdmenu verlaat en naar submenu gaat
var SubVisible = false;
var delay = 1000;

// N_Rbr = PreRbr.length;
RbrIdx = -1;

// Generate menu (RvG)
function Pr_Menu()
{
	// Nrbr = PreRbr.length + PreRbr.length + PostRbr.length;
	Nrbr = PreRbr.length + ArtRbr.length + PostRbr.length;
	
	//alert( "Menu_generatie volgt... " );
	RbrIdx = -1;

	Pr_Zoek();
	Pr_MenuPortie( PreRbr );
	Pr_MenuPortie( ArtRbr );
	Pr_MenuPortie( PostRbr );
	
//    for ( i=0; i<N_Rbr; i++)
//  {
//	RbrIdx++;
//	var LeftCol_CurrTop = Menu_TopStart + RbrIdx*Menu_TopToename;
//
//	//alert( "<a style=\"position:absolute; left: " + Menu_Left + "px; top: " + LeftCol_CurrTop + "px;\" "
//	document.write( "<a style=\"position:absolute; left: " + Menu_Left + "px; top: " + LeftCol_CurrTop + "px;\" "
//	+ "href=\"" + PreRbr[i][1] + "\" class=\"hoofdrubriek_off\" id=\"Hr" + RbrIdx + "\" "
//	+ "onMouseOver=\"this.className='hoofdrubriek_on'; SubVisible=true; Show_Submenu(" + RbrIdx + ");\" "
//	+ "onMouseOut=\"this.className='hoofdrubriek_off'; SubVisible=false; "
//	+ "setTimeout('Hide_Submenu(" + RbrIdx + ")',delay);\" "
//	+ "target=\"" + PreRbr[i][2] + "\">"
//	+ PreRbr[i][0] + "</a>\n" );
//  }
  
  Pr_Submenu()
}

function Pr_Zoek()
{
	// LeftCol_CurrTop += Menu_TopToename;

	document.write( "<div style=\"position:absolute; left: " + Menu_Left + "px; top: "
		+ LeftCol_CurrTop + "px;\" >\n" );
	document.write( "<form method=\"post\" action=\"/cgi-bin/user/overview.pl\">"
		+ "<input type=\"text\" name=\"Zoek\" size=20 maxlength=30>"
		+ "&nbsp;<input align=\"bottom\" type=\"image\" src=\"/icoontjes/vergrootglas.gif\" value=\"Submit\" alt=\"Zoek\">"
		+ "</form></div>\n" );

	LeftCol_CurrTop += Zoek_Ruimte
}


function Pr_MenuPortie( Rbr )
{
  // RbrIdx = -1;
  N = Rbr.length

  for ( i=0; i<N; i++)
  {
	RbrIdx++;
	// if ( i > 0 ) { LeftCol_CurrTop += Menu_TopToename; }
	LeftCol_CurrTop += Menu_TopToename;

	//alert( "<a style=\"position:absolute; left: " + Menu_Left + "px; top: " + LeftCol_CurrTop + "px;\" "
	document.write( "<a style=\"position:absolute; left: " + Menu_Left + "px; top: " + LeftCol_CurrTop + "px;\" "
	+ "href=\"" + Rbr[i][1] + "\" class=\"hoofdrubriek_off\" id=\"Hr" + RbrIdx + "\" "
	+ "onMouseOver=\"this.className='hoofdrubriek_on'; SubVisible=true; Show_Submenu(" + RbrIdx + ");\" "
	+ "onMouseOut=\"this.className='hoofdrubriek_off'; SubVisible=false; "
	+ "setTimeout('Hide_Submenu(" + RbrIdx + ")',delay);\" "
	+ "target=\"" + Rbr[i][2] + "\">"
	+ Rbr[i][0] + "</a>\n" );
  }
  
  // Pr_Submenu()
}


// GENERATE SUB MENUS
function Pr_Submenu()
{
	RbrIdx = -1;
	Pr_SubmenuPortie( PreRbr, PreSub );
	// Pr_SubmenuPortie( PreRbr, PreSub );
	Pr_SubmenuPortie( ArtRbr, ArtSub );
	Pr_SubmenuPortie( PostRbr, PostSub );

//	  RbrIdx = -1;
//  
//  for ( i=0; i<N_Rbr; i++)
//  {
//	RbrIdx++;
//
//		if ( PreSub[i].length < 1 )
//	{ 
//		// Set empty div for buttons without submenu
//		document.write( '<div id="submenu' + RbrIdx + '">' );
//	}
//	else
//	{
//		// Set div for buttons with submenu
//		document.write( '<div id="submenu' + RbrIdx + '" class="dropmenu" '
//			+ 'onMouseOver="SubVisible=true; HR_On(' + RbrIdx + ');" '
//			+ 'onMouseOut="SubVisible=false; '
//			+ 'setTimeout(\'Hide_Submenu(' + RbrIdx + ')\',delay); '
//			+ 'HR_Off(' + RbrIdx + ');">' );
//
//		document.write('<ul>');
//		for ( k=0; k<PreSub[RbrIdx].length; k++ )
//		{
//			document.write('<li>');
//			document.write('<a href="' + PreSub[RbrIdx][k][1] + '" ');
//			document.write('target="' + PreSub[RbrIdx][k][2] + '">');
//			document.write( PreSub[RbrIdx][k][0] + '</a>');
//			document.write('</li>');
//		}
//		document.write('</ul>');
//	}
//	document.write('</div>');
//  }
}

function Pr_SubmenuPortie( CurrRbr, CurrSub )
{
  N = CurrRbr.length;
  
  for ( i=0; i<N; i++)
  {
	RbrIdx++;

		if ( CurrSub[i].length < 1 )
	{ 
		// Set empty div for buttons without submenu
		document.write( '<div id="submenu' + RbrIdx + '">' );
	}
	else
	{
		// Set div for buttons with submenu
		document.write( '<div id="submenu' + RbrIdx + '" class="dropmenu" '
			+ 'onMouseOver="SubVisible=true; HR_On(' + RbrIdx + ');" '
			+ 'onMouseOut="SubVisible=false; '
			+ 'setTimeout(\'Hide_Submenu(' + RbrIdx + ')\',delay); '
			+ 'HR_Off(' + RbrIdx + ');">' );

		document.write('<ul>');
		for ( k=0; k<CurrSub[i].length; k++ )
		{
			document.write('<li>');
			document.write('<a href="' + CurrSub[i][k][1] + '" ');
			document.write('target="' + CurrSub[i][k][2] + '">');
			document.write( CurrSub[i][k][0] + '</a>');
			document.write('</li>');
		}
		document.write('</ul>');
	}
	document.write('</div>');
  }
}


//*** MAIN BUTTONS FUNCTIONS ***//

// SET MOUSEOVER BUTTON
function HR_On( VolgNr )
// { GetObject('button' + VolgNr).src = DirButtons + OnNames[VolgNr]; }
{ GetObject('Hr' + VolgNr).className = "hoofdrubriek_on"; }

// SET MOUSEOUT BUTTON
function HR_Off( VolgNr )
// { GetObject('button' + VolgNr).src = DirButtons + OffNames[VolgNr]; }
{ GetObject('Hr' + VolgNr).className = "hoofdrubriek_off"; }


//*** SUB MENU FUNCTIONS ***//
// GET ELEMENT ID MULTI BROWSER
function GetObject( Id )
{ return document.getElementById ? document.getElementById(Id) : document.all ? document.all(Id) : null; }

// GET X COORDINATE
function getRealLeft( Id)
{ 
	var el = GetObject( Id );

	if (	el	)
	{ 
		xPos = el.offsetLeft;
		tempEl = el.offsetParent;
		while (	tempEl != null	)
		{
			xPos += tempEl.offsetLeft;
			tempEl = tempEl.offsetParent;
		} 
		return xPos;
	} 
} 

// GET Y COORDINATE
function getRealTop( Id )
{
	var el = GetObject( Id );

	if (	el	)
	{ 
		yPos = el.offsetTop;
		tempEl = el.offsetParent;
		while (	tempEl != null	)
		{
			yPos += tempEl.offsetTop;
			tempEl = tempEl.offsetParent;
		}
		return yPos;
	}
}

// MOVE OBJECT TO COORDINATE
function moveObjectTo( ObjId, CoX, CoY)
{
	var el = GetObject( ObjId );

	el.style.left = CoX;
	el.style.top = CoY;
}

// MOVE SUBMENU TO CORRESPONDING BUTTON
// RvG: Omdat het submenu nu binnen de moederdiv door een functie wordt aangeroepen en niet 
// meteen door het js-bestand word gegenereerd (buiten de div) moet de normale 'left' (absolute
// positie t.o.v. de moederdiv) gebruikt worden i.pl.v. de 'real' x (pagina)
function Show_Submenu( Idx )
{
	var submenu_id = "submenu" + Idx;
	var hoofdrubriek_id = "Hr" + Idx;
	var rbr = GetObject(hoofdrubriek_id);

	hideAllSubMenus();
	// butX = getRealLeft( hoofdrubriek_id ); butY = getRealTop( hoofdrubriek_id );
	// moveObjectTo( submenu_id, butX+xSubOffset, butY+ySubOffset );
	rbr_x = rbr.offsetLeft; rbr_y = rbr.offsetTop;
	moveObjectTo( submenu_id, rbr_x + xSubOffset, rbr_y + ySubOffset );
}

// HIDE ALL SUB MENUS
function hideAllSubMenus()
{
//alert( "Rubrieken: " + Nrbr ); return; 
		for ( i=0; i<Nrbr; i++)
	{
		moveObjectTo("submenu" + i + "", -500, -500 );
	}
}

function Hide_Submenu( Idx )
{
	var submenu_id = "submenu" + Idx;

	if (	SubVisible == false			)
	{	moveObjectTo(submenu_id, -500, -500);	}
}