// Title: tigra menu

// Description: See the demo at url

// URL: http://www.softcomplex.com/products/tigra_menu/

// Version: 1.0	

// Date: 01-09-2002 (mm-dd-yyyy)

// Contact: feedback@softcomplex.com (specify product title in the subject)

// 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



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) {

	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) {

	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;

	//alert(child_count);

	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;

	for (var i = 0; i <= this.depth; i++)

		value += this.container.pos['block_top'][i]

		+ this.arrpath[i] * this.container.pos['top'][i];

	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





/*---------------------------------------------------------------------------------*/

/* --- menu items --- */

var MENU_ITEMS = 

[

  ["<img src='images/btn-home.jpg'border=0>", 'index.htm',

 ],

["<img src='images/btn-about.jpg' border=0>", 'about-isil.htm',

	['Our Society', 'about-isil.htm#our-soceity',],

	['ISIL Awards and Scholorship', 'about-isil.htm#IAAS',],

	['ISIL Internship', 'about-isil.htm#i-internships',],

  ],

 ["<img src='images/btn-executive.jpg' border=0>", 'executive-council.htm',

	['President', 'executive-council.htm#president',],

	['Executive President', 'executive-council.htm#executive-president',],

	['Vice President', 'executive-council.htm#vice-president',],

	['Secretary General & Editor-in-chief', 'executive-council.htm#secretary',],

	['Executive Council Members', 'executive-council.htm#executive-council-members',],

	['Teaching and Research Wing', 'executive-council.htm#teaching-research-wing',],

	['Administrative Officer', 'executive-council.htm#conference-manager',],

  ],

  ["<img src='images/btn-membership.jpg' border=0>", 'membership.htm',

  ],

	["<img src='images/btn-publication.jpg' border=0>", 'publication.htm',

	['Indian Journal of International Law', 'publication.htm#IJOIL',],

	['ISIL Year Book of Intl. Humanitarian and Refugee Laws', 'publication.htm#IYBOIHARL',],

	['Books', 'newbook.pdf',],

 ],

  ["<img src=images/btn-library.jpg border=0>", 'library.htm',

 ],



    ["<img src=images/btn-indian-academy.jpg border=0>", 'indian-academy-intl-law.htm',

	['International Law & Diplomacy', 'indian-academy-intl-law.htm#ILD',],

	['Human Rights, Intl. Humanitarian and Refugee Laws', 'indian-academy-intl-law.htm#HRIHARL',],

	['International Trade & Business Law', 'indian-academy-intl-law.htm#ITABL',],

	['International & National IPR Law', 'indian-academy-intl-law.htm#IPR',],

	['International & National Environmental Law', 'indian-academy-intl-law.htm#IEL',],

	['Rules and Regulations', 'indian-academy-intl-law.htm#RAR',],

  ],   

  	

    ["<img src=images/btn-activities.jpg border=0>", 'events-activities.htm',

	['Events', 'events-activities.htm#events',],

	['Regular Activities', 'events-activities.htm#regular-activities',],

	['Other Activities', 'events-activities.htm#other-activities',],

  ], 

    

    ["<img src=images/btn-collaborations.jpg border=0>", 'collaborations.htm',

	['ISIL Collaborations with Intl. Societies & Institutions', 'collaborations.htm#ICWISAI',],

	['ISIL Collaborations with National Law Institutions & Schools', 'collaborations.htm#ICWNLIAS',],

  ], 

  

  ["<img src=images/btn-contact.jpg border=0>", 'contact.htm',

  ], 





 ];



/*----------------------------------------------------------------------*/



/* --- geometry and timing of the menu --- */

var MENU_POS2 = {

	// item sizes for different levels of menu

	'width': [191, 305],

	'height': [18, 18],

	// 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

	'block_top': [112, 0],

	'block_left': [0, 194],

	// offsets between items of the same level

	'top': [25, 21],

	'left': [0, 0],

	// time in milliseconds before menu is hidden after cursor has gone out

	// of any items

	'hide_delay': [200, 200]

};

	

/* --- 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 = {

	// default item state when it is visible but doesn't have mouse over

	'onmouseout': [

		'color', ['#ffffff', '#ffffff'], 

		'background', ['#E0E0E0', '#11228A'],

	],

	// state when item has mouse over it

	'onmouseover': [

		'color', ['#E0E0E0', '#1429A3'], 

		'background', ['#E0E0E0', '#E0E0E0'],

	],

	'onmousedown': [

		'color', ['#782D18', '#782D18'], 

		'background', ['#E0E0E0', '#E0E0E0'],

	]

};