var MENU_ITEMS =[

	["▲ Home", "/index.php"],
	["&#9660; Buying", "",	["<img src='/gfx/buydropdown.gif' border=1>",""],	["&#9679; Search Properties", "/search/multisearch.php"],["&#9679; In-House Financing","/page.php?t=b&p=2"],["&#9679; All About Buying","/page.php?t=b&p=4"],["&#9679; Relocation Resources","/page.php?t=b&p=5"],["&#9679; Request a Consultation","/page.php?t=b&p=6"],],["&#9660; Selling", "",	["<img src='/gfx/selldropdown.gif' border=1>",""],	["&#9679; Search Properties", "/search/multisearch.php"],["&#9679; All About Selling","/page.php?t=s&p=3"],["&#9679;  What is your home worth?","/page.php?t=s&p=4"],["&#9679; Request a Consultation","/page.php?t=s&p=5"],],["&#9660; Information", "",	["<img src='/gfx/infodropdown.gif' border=1>",""],["&#9679; About Realty Pro Inc.","/page.php?t=i&p=1"],["&#9679; Vancouver Washington","/page.php?t=i&p=2"],["&#9679; Schools &amp; Colleges","/page.php?t=i&p=3"],["&#9679; Area Weather","/page.php?t=i&p=4"],["&#9679; Free Reports &amp; Info","/page.php?t=i&p=5"],]];




var MENU_POS = new Array();

	MENU_POS['height']     = [22, 22, 22];
	MENU_POS['width']      = [100, 200, 150];

	MENU_POS['block_top']  = [92, 23, 0];
	MENU_POS['block_left'] = [100, 0, 151];

	MENU_POS['top']        = [0, 22, 22];
	MENU_POS['left']       = [100, 0, 0];

	MENU_POS['img_height'] = [60];
	MENU_POS['img_width']  = [200];
	
	MENU_POS['hide_delay'] = [300, 300, 300];

var MENU_STYLES = new Array();

	MENU_STYLES['onmouseout'] = [
		'color', ['#000099', '#000099', '#000099'],
	];

	MENU_STYLES['onmouseover'] = [
		'color', ['#990000', '#990000', '#990000'],
	];

	MENU_STYLES['onmousedown'] = [
		'color', ['#000000', '#000000', '#000000'],
	];
	

var menus = [];

function menu(item_struct, pos, styles) 
{
	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');
}

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;
	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;
	
	this.get_x = mitem_get_x;
	this.get_y = mitem_get_y;
	this.init = mitem_init;
	this.visibility = mitem_visibility;
	this.switch_style = mitem_switch_style;
	
	this.id = this.container.add_item(this);
	parent.children[parent.children.length] = this;
	
	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() 
{
	var desc = this.fields[0];
	if (this.fields[0].indexOf(" "))
		desc = this.fields[0].substring(this.fields[0].indexOf(" ")+1);
	if (this.fields[1].indexOf("?") >= 5)
		desc = "&title=" + desc;
	else
		desc = "?title=" + desc;
	if (this.fields[0].substring(0,4) == "<img")
	{
		document.write (
			'<a id="mi_' + this.container.id + '_'
				+ this.id +'" class="m' + this.container.id + 'l' + this.depth
				+ 'g" ' + (this.fields[1]!=""?('href="' + this.fields[1] + '" '):'')
				+ 'style="position: absolute; top: '
				+ this.get_y() + 'px; left: '	+ this.get_x() + 'px; width: '
				+ this.container.pos['img_width'] + 'px; height: '
				+ this.container.pos['img_height'] + 'px; visibility: hidden;'
				+' z-index: ' + this.depth + ';" '
				+ 'onmouseout="menus[' + this.container.id + '].onmouseout('
				+ this.id + ');" onmouseover="menus[' + this.container.id + '].onmouseover('
				+ this.id + ');"><div class="m'  + this.container.id + 'l' + this.depth + 'g">'
				+ this.fields[0] + "</div></a>\n"
			);
	}
	else
	{
		document.write (
			'<a id="mi_' + this.container.id + '_'
				+ this.id +'" class="m' + this.container.id + 'l' + this.depth 
				+'o" href="' + this.fields[1] + desc + '" 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;'
				+' 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];
	if (this.arrpath[1] > 0)
		value += this.container.pos['img_height'][0] - this.container.pos['top'][1];
	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] + "';");
}