// Title: tigra menu
// Description: See the demo at url
// URL: http://menu.softcomplex.com/
// Version: 1.0
// Date: 01-09-2002 (mm-dd-yyyy)
// Author: Denis Gritcyuk <denis@softcomplex.com>
// Notes: Registration needed to use this script on your web site.
// 	Registration for this version (1.0) is free of charge.
//	See official site for details
// Got questions - visit forum http://menu.softcomplex.com/forum/

var menus = [];

// --- menu class ---
function menu (item_struct, pos, styles) {
	// browser check
	this.item_struct = item_struct;
	this.pos = pos;
	this.styles = styles;
	this.id = menus.length;
	this.items = [];
	this.children = [];
	
	this.add_item = menu_add_item;
	this.hide = menu_hide;
	
	this.onclick = menu_onclick;
	this.onmouseout = menu_onmouseout;
	this.onmouseover = menu_onmouseover;
	this.onmousedown = menu_onmousedown;
	
	var i;
	for (i = 0; i < this.item_struct.length; i++) 
		new menu_item(i, this, this);
	for (i = 0; i < this.children.length; i++)
		this.children[i].visibility(true);
	menus[this.id] = this;
}
function menu_add_item (item) {
	var id = this.items.length;
	this.items[id] = item;
	return (id);
}
function menu_hide () {
	for (var i = 0; i < this.items.length; i++) {
		this.items[i].visibility(false);
		this.items[i].switch_style('onmouseout');
	}
}
function menu_onclick (id) {
	var item = this.items[id];
	return (item.fields[1] ? true : false);
}
function menu_onmouseout (id) {
    //## need these active if you need to hide arrow on start
    //document.getElementById('arrow').style.visibility = 'hidden';
	//document.getElementById('arrow2').style.visibility = 'hidden';	 	 
	this.hide_timer = setTimeout('menus['+ this.id +'].hide();',
		this.pos['hide_delay'][this.active_item.depth]);
	if (this.active_item.id == id)
		this.active_item = null;
}
function menu_onmouseover (id) {
    //#### What happens below ####
	//### Each box (main or sub) has an ID. The lines below say if the ID of the box is 2 or 3 or .. then display the arrow icon
	//if the IDs are equal, show arrow. 2 arrow otherwise top one appears when bottom one appears.
	if (id >= 1 && id <= 5) 	{document.getElementById('arrow').style.visibility = 'visible'; }
	if (id >= 11 && id <= 13) 	{document.getElementById('arrow2').style.visibility = 'visible'; }
	this.active_item = this.items[id];
	clearTimeout(this.hide_timer);
	var curr_item, visib;
	for (var i = 0; i < this.items.length; i++) {
		curr_item = this.items[i];
		visib = (curr_item.arrpath.slice(0, curr_item.depth).join('_') ==
			this.active_item.arrpath.slice(0, curr_item.depth).join('_'));
		if (visib)
			curr_item.switch_style (
				curr_item == this.active_item ? 'onmouseover' : 'onmouseout');
		curr_item.visibility(visib);
	}
}
function menu_onmousedown (id) {
	this.items[id].switch_style('onmousedown');
}
// --- menu item Class ---
function menu_item (path, parent, container) {
	this.path = new String (path);
	this.parent = parent;
	this.container = container;
	this.arrpath = this.path.split('_');
	this.depth = this.arrpath.length - 1;
	// get pointer to item's data in the structure
	var struct_path = '', i;
	for (i = 0; i <= this.depth; i++)
		struct_path += '[' + (Number(this.arrpath[i]) + (i ? 2 : 0)) + ']';
	eval('this.fields = this.container.item_struct' + struct_path);
	if (!this.fields) return;
	
	// assign methods	
	this.get_x = mitem_get_x;
	this.get_y = mitem_get_y;
 
	// these methods may be different for different browsers (i.e. non DOM compatible)
	this.init = mitem_init;
	this.visibility = mitem_visibility;
	this.switch_style = mitem_switch_style;
	
	// register in the collections
	this.id = this.container.add_item(this);
	parent.children[parent.children.length] = this;
	
	// init recursively
	this.init();
	this.children = [];
	var child_count = this.fields.length - 2;
	for (i = 0; i < child_count; i++)
		new menu_item (this.path + '_' + i, this, this.container);
	this.switch_style('onmouseout');
}
function mitem_init() {
	document.write (
		'<a id="mi_' + this.container.id + '_'
			+ this.id +'" class="m' + this.container.id + 'l' + this.depth 
			+'o" href="' + this.fields[1] + '" style="position: absolute; top: '
			+ this.get_y() + 'px; left: '	+ this.get_x() + 'px; width: '
			+ this.container.pos['width'][this.depth] + 'px; height: '
			+ this.container.pos['height'][this.depth] + 'px; visibility: hidden;'
			+' background: black; color: white; z-index: ' + this.depth + ';" '
			+ 'onclick="return menus[' + this.container.id + '].onclick('
			+ this.id + ');" onmouseout="menus[' + this.container.id + '].onmouseout('
			+ this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
			+ this.id + ');" onmousedown="menus[' + this.container.id + '].onmousedown('
			+ this.id + ');"><div class="m'  + this.container.id + 'l' + this.depth + 'i">'
			+ this.fields[0] + "</div></a>\n"
		);
	this.element = document.getElementById('mi_' + this.container.id + '_' + this.id);
}
function mitem_visibility(make_visible) {
	if (make_visible != null) {
		if (this.visible == make_visible) return;
		this.visible = make_visible;
		if (make_visible)
			this.element.style.visibility = 'visible';
			
		else if (this.depth)
			this.element.style.visibility = 'hidden';
	}
	return (this.visible);
}
function mitem_get_x() {
	var value = 0;
	for (var i = 0; i <= this.depth; i++)
		value += this.container.pos['block_left'][i]
		+ this.arrpath[i] * this.container.pos['left'][i];
	return (value);
}
function mitem_get_y() {
	var value = 0;
	var shift_y = 0;
	for (var i = 0; i <= this.depth; i++) {
        //this section has been added because the safetly & sec section spans 2 rows.
		//adds extra pix to distance from top box after the safety and sec. Use this to adjust the distance between boxes
		//if (this.path == 7)  shift_y = 1.9;	    
		if (this.path == 7)  shift_y = 0;
		else if (this.path == '7_0') shift_y = 0;
		else if (this.path == '7_1') shift_y = 0;
		else if (this.path == 8) shift_y = 0;
		else if (this.path == 9) shift_y = 0;
		else if (this.path == 10) shift_y = 0;
		else if (this.path == 11) shift_y = 0;
		else shift_y = 0;
  		value += this.container.pos['block_top'][i]
		+ this.arrpath[i] * (this.container.pos['top'][i] + shift_y);
	}
	return (value);
}
function mitem_switch_style(state) {
	if (this.state == state) return;
	this.state = state;
	var style = this.container.styles[state];
	for (var i = 0; i < style.length; i += 2)
		if (style[i] && style[i+1])
			eval('this.element.style.' + style[i] + "='" 
			+ style[i+1][this.depth] + "';");
}
// that's all folks
 
//******************************************* 
//**** Template for menu below **** 
//**** ['Main Category', 'link to page', 
//****       ['Sub Category', 'link to page'], 
//****       ['Sub Category', 'link to page', 
//****             ['Sub-Sub Category', 'link to page'],
//****       ]' 
//**** ], 
//**** ['Main Category', 'link to page'],  if no sub-cat, then close square brackets 
//********************************************
var MENU_ITEMS = [
	['Home', 'default.shtml'],
	['2010 Programme &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Buttons/closed.gif" name="arrow" width="9" height="9" id="arrow" border="0">', ,
			['Academy', 'academy.shtml'],
 			['Father & Son Weekends', 'fathers_sons.shtml'],
  	],
	['Course Structure', 'coursetypes.shtml'],
	['Venues', 'venues.shtml'],
	['Coaching', 'bestcoaches.shtml'],
	['International Players &nbsp;&nbsp;&nbsp;<img src="Buttons/closed.gif" name="arrow" width="9" height="9" id="arrow" border="0">', '',
			['Current Players', 'intplayers.shtml'],
			['Image Archive', 'image_archive.shtml'],
	],
	['Safety & Security', 'safety.shtml'],
    ['Rugbyclass Overseas', 'overseas.shtml'],
 	['Book now &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="Buttons/closed.gif" name="arrow2" width="9" height="9" id="arrow2" border="0">', '',
			['Book online', 'booking/booking_info.shtml'],
			['Printable Form', 'booking/paybycheque.shtml'],
	],	
	['Partners', 'partners.shtml'],
	['Contact Us', 'contactus.shtml'],
	['Request a brochure', 'requestBrochure_form.shtml'],
	['Download a booking form', 'brochure/RC_brochure_2010.pdf'],
];
/* --- dynamic menu styles ---
note: you can add as many style properties as you wish but be not all browsers
are able to render them correctly. The only relatively safe properties are
'color' and 'background'.
*/
var MENU_STYLES1 = new Array();
	// default item state when it is visible but doesn't have mouse over
	MENU_STYLES1['onmouseout'] = [
		'color', ['#ffffff', '#000000', '#000000'], 
		'background', ['#336699', '#339966', '#993366'],
		'fontWeight', ['normal', 'normal', 'normal'],
		'textDecoration', ['none', 'none', 'none'],
	];
	// state when item has mouse over it
	MENU_STYLES1['onmouseover'] = [
		'color', ['#ffffff', '#000000', '#000000'], 
		'background', ['#6699cc', '#66cc99', '#cc6699'],
		'fontWeight', ['normal', 'bold', 'normal'],
		'textDecoration', ['underline', 'none', 'none'],
	];
	// state when mouse button has been pressed on the item
	MENU_STYLES1['onmousedown'] = [
		'color', ['#ffffff', '#000000', '#000000'], 
		'background', ['#99ccff', '#99ffcc', '#cc99ff'],
		'fontWeight', ['normal', 'bold', 'normal'],
		'textDecoration', ['underline', 'none', 'none'],
	];
 
/* --- geometry and timing of the menu --- */
var MENU_POS2 = new Array();
	// item sizes for different levels of menu
 	
	var ie = (document.all) ? true : false; //check if IE or Netscape
	
	if (!ie) { 
		MENU_POS2['width'] = [147, 160]; //******width of main category box for Netscape******
		MENU_POS2['height'] = [39, 23]; //*****height of main category box for Netscape****** 
	}
	else {
	   	MENU_POS2['width'] = [149, 160]; //******width of main category box for IE******
		MENU_POS2['height'] = [27, 23]; //*****height of main category box for IE******
	}
	// menu block offset from the origin:
	//	for root level origin is upper left corner of the page
	//	for other levels origin is upper left corner of parent item
    var page;
	if(page == 'home') var from_top = 106; //if defined on HTML page as page=home, reaise the left bar
    else var from_top = 126; 
	MENU_POS2['block_top'] = [from_top, 5]; //*******Top position of main and sub category********
	MENU_POS2['block_left'] = [0, 149];//*****left position of main and sub category boxes*** 
	// offsets between items of the same level
	MENU_POS2['top'] = [27, 24]; //******Distance from each box (height)*****
	MENU_POS2['left'] = [0, 0];
	// time in milliseconds before menu is hidden after cursor has gone out
	// of any items
	MENU_POS2['hide_delay'] = [200, 300];
	
/* --- dynamic menu styles ---
note: you can add as many style properties as you wish but be not all browsers
are able to render them correctly. The only relatively safe properties are
'color' and 'background'.
*/
var MENU_STYLES2 = new Array();
	// default item state when it is visible but doesn't have mouse over
	MENU_STYLES2['onmouseout'] = [
		'color', ['#312964', '#312964'], //#000000
		'background', ['#E0E0ED', '#E0E0ED'], //#ffffff //#EFEFEF
	];
	// state when item has mouse over it
	MENU_STYLES2['onmouseover'] = [
//		'color', ['#000000, '#000000', '#000000'], 
		'background', ['#82C9CE', '#7BC6CC'], //#cccccc
	];
	MENU_STYLES2['onmousedown'] = [
//		'color', ['#000000', '#000000', '#000000'], 
		'background', ['#FFCC66', '#FFCC66'],
	];