main_menu = new Array;
var i=0; var j=1;
main_menu[i] = new Array;
var root = 'http://www.ronhagendoorn.nl/5ritmes';
var menu_color = '#C17F04';

//Voorbeeld hoofdmenu 
//i++; j=1; main_menu[i] = new Array;
//main_menu[i][j++] = 'url1;naam1';
//main_menu[i][j++] = 'url2;naam2';


//hoofdmenu 1
i++; j=1; main_menu[i] = new Array;
main_menu[i][j++] = 'http://www.ronhagendoorn.nl/index.htm|Welkom';
main_menu[i][j++] = 'welkom/over_5ritmes.htm|Over 5Ritmes';
main_menu[i][j++] = 'welkom/over_ron.htm|Over Ron Hagendoorn';
main_menu[i][j++] = 'welkom/over_mercuron.htm|Over Mercuron';
main_menu[i][j++] = 'welkom/vraagenantwoord.htm|Vraag en Antwoord';

//hoofdmenu 2
i++; j=1; main_menu[i] = new Array;
main_menu[i][j++] = '|<b>Open lessen</b>';
main_menu[i][j++] = 'programma/rotterdamwekelijks/home.htm|&nbsp;&nbsp;Rotterdam';
main_menu[i][j++] = '|<b>Cursussen</b>';
main_menu[i][j++] = 'programma/ontheroad/home.htm|&nbsp;&nbsp;On the Road';
main_menu[i][j++] = '|<b>Workshops</b>';
main_menu[i][j++] = 'programma/turnthevolumedown/home.htm|&nbsp;&nbsp;Turn the volume down';
main_menu[i][j++] = 'programma/5ritmesmv/home.htm|&nbsp;&nbsp;5 Ritmes M/V';
main_menu[i][j++] = 'programma/theholyactor/home.htm|&nbsp;&nbsp;The Holy Actor';

//hoofdmenu 3
i++; j=1; main_menu[i] = new Array;
main_menu[i][j++] = 'test.htm|test</b>';
                              
//hoofdmenu 4
i++; j=1; main_menu[i] = new Array;
main_menu[i][j++] = 'nieuwsbrief/5ritmes_nieuwsbrief.htm|Nieuwsbrief aanmelden';
main_menu[i][j++] = 'nieuwsbrief/5ritmes_nieuwsbrief_archief.htm|Nieuwsbrief archief';
main_menu[i][j++] = 'nieuwsbrief/vlog.htm|Video log';

//hoofdmenu 5
i++; j=1; main_menu[i] = new Array;
main_menu[i][j++] = 'ideal/aanmelden.html|Aanmeldformulier';
main_menu[i][j++] = 'aanmelden/strippenkaart/home.htm|5Ritmes strippenkaart';
main_menu[i][j++] = 'aanmelden/cadeaubon.htm|5Ritmes cadeaubon';
main_menu[i][j++] = 'aanmelden/voorwaarden.htm|Annuleringsvoorwaarden';

//hoofdmenu 6
i++; j=1; main_menu[i] = new Array;
main_menu[i][j++] = 'contact/hallo.htm|Contactgegevens';
main_menu[i][j++] = 'contact/route.htm|Routebeschrijving';
main_menu[i][j++] = 'contact/club5.htm|Club5';
main_menu[i][j++] = 'contact/links.htm|Weblinks';


//general drop-down menu settings
var hidemenu_onclick='yes' 			//hide menu when user clicks within menu?
var not_disappear_area = 5;	    //specify not-disappear area around menu's
var menu_padding = 'padding:3px; padding-left:10px;padding-right:10px;';
var menu_font_family = 'Arial';
var menu_font_size = '12px';
var menu_border_size = 2;
var menu_border_color = 'white';

var menu_border = 'solid 2px white';
var menu_bgcolor = '#FFF5EC';
	
//mainmenu dynamic settings:
var menu_adjust_width = "yes"		//adjust width of drop menu automatically
var menu_delay=300  				    //menu disappear speed onMouseout (in miliseconds)
var main_width=50;							//main menu width when adjust_width = "no"
var main_width_offset=0;        //width offset main menu
var main_x_offset=1; 						//horizontal offset main menu
var main_y_offset=-2; 					 //vertical offset main menu
var main_color= '#CC160C';			//main menu text color for mouse over (uncomment if not applicable)
var main_bgcolor= '#FFFFFF';	  //main menu background color for mouse over  (uncomment if not applicable)



/************************************************/
var left = 'left';
var right = 'right';
var up = 'up';
var down = 'down';

var ie4 = document.all
var ns6 = document.getElementById&&!document.all
var js = ie4||ns6;

var testing = false;
if(parent.location.href.search(/\?testing/) != -1) testing=true;		


/************************************************/
//create drop-out menu
function menu_init()
{
	var dropmenu = parent.document.createElement("DIV");
	dropmenu.setAttribute("id","dropmenudiv");
	dropmenu.style.padding = not_disappear_area;
	dropmenu.style.paddingTop = not_disappear_area + main_y_offset;
	dropmenu.onmouseover=clearhidemenu;
	dropmenu.onmouseout=delayhidemenu;
  dropmenu.style.position='absolute';
  dropmenu.style.zIndex=5;
  dropmenu.style.top=0;
  dropmenu.style.visibility = 'hidden';
  //dropmenu.style.backgroundImage = 'url(spacer.gif)';
	parent.document.body.appendChild(dropmenu);

	highlight_menus();
}


/************************************************/
//show drop-down menu
function show_menu(obj,menu_nr,vert_direction,mode){

	if (!js || !mode) return;

	clearhidemenu();

	dropmenuobj=parent.document.getElementById? parent.document.getElementById("dropmenudiv") : dropmenudiv
	if(!dropmenuobj) return;

	populatemenu(menu_nr);
	
	obj.onmouseout=delayhidemenu;

	var div_el=parent.document.getElementById? parent.document.getElementById("IDmainmenu") : IDmainmenu
	var table1_obj = parent.document.getElementById ? parent.document.getElementById("table1") : table1;

	if(menu_adjust_width == 'no') dropmenuobj.style.width = main_width;

	var x = getposOffset(obj,"left") + main_x_offset  + (obj.offsetWidth)/2 - (dropmenuobj.offsetWidth)/2;
	//var y = getposOffset(table1_obj,"bottom")  - not_disappear_area;
	var y = getposOffset(obj,"top")  + obj.offsetHeight;

	var menu_frame = parent.document.getElementById ? parent.document.getElementById("menu_frame") : menu_frame;
	if(menu_frame) x+=getposOffset(menu_frame, "left");

//	if(vert_direction == 'up') y = y + main_y_offset + not_disappear_area;
//	else y = y + obj.offsetHeight + main_y_offset - not_disappear_area;

	//first or last menu? Then test on table boundaries
	if(menu_nr == 1 || menu_nr == main_menu.length-1){	
		if(menu_frame) {
			var menu_frame_left = getposOffset(menu_frame,"left"); 
			if(menu_nr == 1 ) {
				if(x < menu_frame_left) x = menu_frame_left  - not_disappear_area;
			} else {
				if( (x + dropmenuobj.offsetWidth - not_disappear_area ) > (menu_frame_left + menu_frame.offsetWidth) ) 
					x = x - ( (x + dropmenuobj.offsetWidth - not_disappear_area) - (menu_frame_left + menu_frame.offsetWidth) );
			}
		}
	}
			
	dropmenuobj.style.left = x;
	dropmenuobj.style.top = y;

	dropmenuobj.style.visibility='visible';
	
	//alert('x='+ x + 'y='+ y);
}


/************************************************/
//create drop-down menu
function populatemenu(menu_nr)
{
	var total_sub_items = main_menu[menu_nr].length; 
	var string = '<div  id=IDmainmenu style="background-color:' + menu_bgcolor + ';' + menu_padding + ';';
	string += ' border:' + menu_border_size + 'px solid ' + menu_border_color + ';">';
	string += '<table class=menu_table cellpadding=0 cellspacing=0>';

	for(i=1;i<total_sub_items;i++){
		
		main_menu[menu_nr][i].search(/^([^\|]*)\|([^\|]+)(?:\|([^\|]+))?$/);
		var par1 = RegExp.$1; 
		var par2 = RegExp.$2;
		var par3 = RegExp.$3;
		
		par2 = par2.replace(/\s/g,'&nbsp;');

		if(par1) header=false; else header=true; 
		if(par1.search(/^www\./i) != -1) par1= 'http://' + par1;
		if(par1.search(/^https?:/i) == -1) par1= root + '/' + par1;  //make link absolute

		if(!header){

			string += '<tr style="cursor:pointer; font-size:' + menu_font_size + '; font-family:' + menu_font_family + ';" onclick=parent.location.href="' +  par1 + '"';
		
		//mouseover:	
			if(typeof main_color != "undefined" || typeof main_bgcolor != "undefined") string += ' onmouseover="';	
			if(typeof main_color != "undefined") string += 'this.style.color=\'' + main_color + '\';';
			if(typeof main_bgcolor != "undefined") string += 'this.style.backgroundColor=\'' + main_bgcolor + '\';';
			string += '"';
		}
		else string += '<tr style="font-size:' + menu_font_size + '; font-family:' + menu_font_family + ';"';
		
		//mouseout:
		string += ' onmouseout="';
		if(typeof main_color != "undefined" || typeof main_bgcolor != "undefined") 	string += 'this.style.color=\'\'; this.style.backgroundColor=\'\';';
		string += '"';
					
		string += '><td class=menu_continue1>' + par2 + '</td> <td width=1 class=menu_continue2></td></tr>';

	}
	
	string += '</table></div>';
	dropmenuobj.innerHTML = string;
	//if(parent.location.href.search(/test/) != -1) alert(dropmenuobj.outerHTML);

	//alert(dropmenuobj.innerHTML);
}

/************************************************/
function getposOffset(what, offsettype){
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null){
	totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
	parentEl=parentEl.offsetParent;
}
	return totaloffset;
}

/************************************************/
function delayhidemenu(){
	if (js) delayhide=setTimeout("hidemenu()",menu_delay);
}

function clearhidemenu(){
	if(js){
		if (typeof delayhide!="undefined") clearTimeout(delayhide);
	}	
}

function hidemenu(e){
	if (js){
		if (typeof dropmenuobj!="undefined") dropmenuobj.style.visibility="hidden";
	}
}



/***************************************/
function highlight_menus()
{
 var main_menu_obj = getObj('main_menu',frames['menu_frame']);
 var sub_menu_obj = getObj('sub_menu',parent);
 var page_link_obj = getObj('page_link');
 var this_page = parent.location.href;

	//highlight main menu:
 if(!testing && main_menu_obj){
	 var a_col= main_menu_obj.getElementsByTagName('A');
	 var found = false;


	 for(i=0;i<a_col.length;i++){
	 	var path;
	 	if(a_col[i].className.search(/submap_/) == -1) {
 			path = a_col[i].href.replace(/^(.*?)[^\/]*$/,'$1');
	 		if(root.search(path) == -1) path = new RegExp(path,'i'); 
			else path = '';
		} else path = new RegExp('/' + a_col[i].className.replace(/submap_/i,'') + '/','i'); 
		
		var thispage = this_page.replace(/ideal/i,'aanmelden');  //aanmelden ==> ideal
		
		if(path && thispage.search(path) != -1) {
			a_col[i].style.color = menu_color;
			found = true;
		}
	 }
	 if(!found) a_col[0].style.color = menu_color;
 }
 
 //highlight sub menu:
 if(sub_menu_obj){
	 var a_col= sub_menu_obj.getElementsByTagName('A');
	 for(i=0;i<a_col.length;i++){
	 	var path;
	 	if(a_col[i].href) {
	 		path = a_col[i].href.replace(/^(.*)[^\/]*$/,'$1');
			path = new RegExp(path,'i'); 
		} else  path = new RegExp('/' + object_innerText(a_col[i]) + '/','i'); 
		//alert(this_page + '\n' + path);
		if(path && this_page.search(path) != -1) {
			a_col[i].style.textDecoration = 'underline';
			//a_col[i].style.color = menu_color;
		}
	 } 	
 }
}

/************************************************/
function object_innerText(obj)
{
 return (obj.innerText) ? obj.innerText : (obj.textContent) ? obj.textContent : "";
}


/***************************************/
function getObj(obj_name,frame)
{
if(!frame) frame = this.window;
 return frame.document.getElementById ? frame.document.getElementById(obj_name) : eval(frame.obj_name);
}