/*
* Copyright (c) 2002-2005 Victor A.Spirin <victor_aspirin [at] mail [dot] ru>
* v. 1.2.0 - 2005.08.01
*/



userAgent.load('rinix.DOM.DOM');
userAgent.load('rinix.Geometry.Geometry');



function buildMenus( outSuffix, overSuffix )
	{
		if( outSuffix != null && overSuffix != null && typeof(RolloverImage) != 'function' )
		{
		userAgent.load('rinix.Rollover.Rollover');
		setTimeout('buildMenus(\'' + outSuffix + '\', \'' + overSuffix + '\')', 100);
		return;
		}
	
	var re = outSuffix != null ? new RegExp(outSuffix, 'i') : null;
	var es = document.getElementsByTagName('a');
		for( var i = 0 ; i < es.length ; i++ )
		{
		var attr = es[i].getAttribute('menu-id');
			if( attr != null && attr != '' && es[i].menuControl == null ) var mc = new MenuControl(es[i], re, overSuffix);
		}
	}





// class
function MenuControl( element, outRegExp, overSuffix )
	{
	var DELAY_HIDE_MENU = 250;
	
	var state;
	//var element;
	var styles;
	var itemset;
	var parentItemset;
	
	var This = this;
	
	function init()
		{
		state = 'off';
			if( typeof(patchElementDOM) == 'function' ) patchElementDOM(element);
		element.menuControl = This;
		element.addEventListener('mouseover', m_over, false);
		element.addEventListener('mouseout', m_out, false);
		
		styles = {init: {}};
		var s = getComputedStyle(element, null);
			if( s.length != null )
				for( var i = 0 ; i < s.length ; i++ )
				{
				var n = s.item(i);
				styles.init[n] = s.getPropertyValue(n);
				}
			else
				for( var n in s )
				styles.init[n] = s[n];
			if( outRegExp != null && overSuffix != null )
			{
			var imgs = element.getElementsByTagName('img');
				if( imgs.length != 0 && !imgs[0].hasRollover && imgs[0].src.search(outRegExp) != -1 )
				{
				This.rollover = new RolloverImage(imgs[0], outRegExp, overSuffix);
//					if( (s.length != null ? s.getPropertyValue('display') : s.display) != 'none' )
//					document.getOverrideStyle(e, null).display = 'block';
				}
			}
		}
	
	function _search()
		{
		var id = element.getAttribute('menu-id');
		var m = document.getElementById(id);
			if( m == null ) return alert('Illegal attribute menu-id: ' + id);
		itemset = new MenuItemset(m, This);
		
		var p = element;
			while( p != document.body )
			{
				if( typeof(p.menu) == 'object' )
				{
				parentItemset = p.menu;
				break;
				}
			p = p.parentNode;
			}
		}
	
	function _calc()
		{
		var s = getComputedStyle(element, null);
		var init = styles.init;
		styles.init = null;
		styles.off = {};
		styles.on = {};
			if( s.length != null )
				for( var i = 0 ; i < s.length ; i++ )
				{
				var n = s.item(i);
				var v = s.getPropertyValue(n);
					if( v != init[n] )
					{
					styles.off[n] = init[n];
					styles.on[n] = v;
					}
				}
			else
				for( var n in s )
					if( s[n] != init[n] )
					{
					styles.off[n] = init[n];
					styles.on[n] = s[n];
					}
		}
	
	function m_over( evt )
		{
			if( userAgent.is('MSIE') && element.contains(evt.fromElement) ) return;
			if( itemset == null ) _search();
		itemset.switchOn();
		itemset.layuot(element, element.getAttribute('menu-layout'), element.getAttribute('menu-align'));
		}
	
	function m_out( evt )
		{
			if( userAgent.is('MSIE') && element.contains(evt.toElement) ) return;
			if( styles.on == null ) _calc();
		itemset.switchOffAfter(DELAY_HIDE_MENU);
		}
	
	this.switchOn = function ()
		{
		_switch('on');
			if( parentItemset != null ) parentItemset.switchOn(This);
		}
	
	this.switchOff = function ()
		{
		_switch('off');
			if( parentItemset != null ) parentItemset.switchOff(This);
		}
	
	function _switch( st )
		{
		state = st;
			if( styles[state] == null ) return;
		
		var s = document.getOverrideStyle(element, null);
			if( s.length != null )
				for( var n in styles[state] )
				s.setProperty(n, styles[state][n], '');
			else
				for( var n in styles[state] )
				s[n] = styles[state][n];
		
			if( This.rollover != null )
			This.rollover[state == 'on' ? 'over' : 'out']();
		}
	
	this.getElement = function ()
		{
		return element;
		}
	
	
	
	init();
	}





// class
function MenuItemset( element, menuControl )
	{
	var state;
	var isLocked;
	var thread;
	//var element;
	var control;
	var childControl;
	
	var This = this;
	
	function init()
		{
		state = 'off';
		isLocked = false;
			if( typeof(patchElementDOM) == 'function' ) patchElementDOM(element);
		control = menuControl;
		element.menu = This;
		element.addEventListener('mouseover', m_over, false);
		element.addEventListener('mouseout', m_out, false);
		}
	
	function m_over( evt )
		{
			if( userAgent.is('MSIE') && element.contains(evt.fromElement) ) return;
		isLocked = true;
		This.switchOn();
		}
	
	function m_out( evt )
		{
			if( userAgent.is('MSIE') && element.contains(evt.toElement) ) return;
		isLocked = false;
		This.switchOffAfter(10);
		}
	
	this.switchOn = function ( c )
		{
		clearThread();
			if( state != 'on' )
			{
			state = 'on';
			var s = getComputedStyle(element, null);
				if( element.onswitchon != null && (s.length != null ? s.getPropertyValue('display') : s.display) != 'block' )
				element.onswitchon();
			document.getOverrideStyle(element, null).display = 'block';
			}
		control.switchOn();
			if( c != null ) childControl = c;
		}
	
	this.switchOff = function ( c )
		{
			if( c != null && c != childControl ) return;
			if( isLocked ) return;
		clearThread();
			if( state != 'off' )
			{
			state = 'off';
			var s = getComputedStyle(element, null);
				if( element.onswitchoff != null && (s.length != null ? s.getPropertyValue('display') : s.display) != 'none' )
				element.onswitchoff();
			document.getOverrideStyle(element, null).display = 'none';
			}
		control.switchOff();
		childControl = null;
		}
	
	this.switchOffAfter = function ( delay )
		{
		clearThread();
		thread = setTimeout(This.switchOff, delay, null);
		}
	
	function clearThread()
		{
			if( thread == null ) return;
		clearTimeout(thread);
		thread = null;
		}
	
	this.layuot = function ( ce, layout, align )
		{
		var ds = {width: document.body.clientWidth, height: document.body.clientHeight};
		var dp = {x: document.body.scrollLeft, y: document.body.scrollTop};
		var ms = document.getElementSize(element);
		var p = document.getElementPosition(ce);
		var x, y;
			if( layout == 'top' )
			{
			x = (align == 'right' || dp.x + ds.width < p.x + ms.width) ? p.x + document.getElementSize(ce).width - ms.width : p.x;
			y = p.y - ms.height;
			}
			else if( layout == 'left' )
			{
			x = p.x - ms.width;
			y = (align == 'bottom' || dp.y + ds.height < p.y + ms.height) ? p.y - ms.height + document.getElementSize(ce).height : p.y;
			}
			else if( layout == 'right' )
			{
			var cs = document.getElementSize(ce);
			x = p.x + cs.width;
			y = (align == 'bottom' || dp.y + ds.height < p.y + ms.height) ? p.y - ms.height + cs.height : p.y;
			}
			else
			{
			var cs = document.getElementSize(ce);
			x = (align == 'right' || dp.x + ds.width < p.x + ms.width) ? p.x + cs.width - ms.width : p.x;
			y = p.y + cs.height;
			}
		document.setElementPosition(element, x, y);
		}
	
	this.getElement = function ()
		{
		return element;
		}
	
	
	
	init();
	}