// This script is not freeware!
//
// Multi-Level Drop-Down Menu 2.28
// You can find and buy latest version of the script 
// at the http://spicebrains.com/multi-level-drop-down-menu/
//
// Copyright 2007 SpiceBrains.com
////////////////////////////////////////////////////////////////////////////////////////////////////
var mlddm_shiftx		= 0;
var mlddm_shifty		= 0;			
var mlddm_timeout		= 500;		
var mlddm_effect		= 'none';			
var mlddm_effect_speed	= 300;
var mlddm_orientation	= 'h';
var mlddm_md			= 375;
var MLDDM_CLASS		= 'mlddm';		
var obj_menu		= new Array();	
function mlddminit(md7)
{
	
	
	var candidates = document.getElementsByTagName('ul');
	var index = 0;
	
	for(var i=0; i < candidates.length; i++)
	{
		
		if(candidates[i].className == MLDDM_CLASS)
		{
			
			candidates[i].style.visibility = 'visible';
			
			var obj = candidates[i];
			var value = obj.getAttribute('params');
		
			
			obj_menu[index] = new menu(obj, index, value);
			index++;
		}
	}
}
function layer(handler)
{
	this.handler		= handler;	
	this.showed			= false;	
	this.level			= 0;		
	this.outerwidth		= 0;		
	this.outerheight	= 0;		
	this.innerwidth		= 0;		
	this.innerheight	= 0;		
	this.x				= 0;		
	this.y				= 0;		
	this.topmargin		= 0;		
	this.shifter		= 0;		
	this.parentindex	= 0;		
	this.reverse		= false;	
}
function menu(obj, obj_n, params)	
{
	
	var _handler			= obj;			
	var _obj_num			= obj_n;		
	var _me					= this;			
	var _closetimer			= null;			
	var _mouseout			= true;			
	var _currentlayer		= null;			
	
	var _shiftx				= mlddm_shiftx;			
	var _shifty				= mlddm_shifty;			
	var _timeout			= mlddm_timeout;		
	var _effect				= mlddm_effect;			
	var _effect_speed		= mlddm_effect_speed;	
	var _orientation		= mlddm_orientation;	
	
	var j = 374;
	
	var params_array;
	if(params)
	{
		params_array = params.split(",");
		if(params_array[0]) _shiftx       = params_array[0]*1;	
		if(params_array[1]) _shifty       = params_array[1]*1;
		if(params_array[2]) _timeout      = params_array[2]*1;
		if(params_array[3]) _effect		  = params_array[3];
		if(params_array[4]) _effect_speed = params_array[4]*1;
		if(params_array[5]) _orientation  = params_array[5];
		
		if(!_effect_speed) _effect_speed = 1000;
	}
	
	this._layer				= new Array();
	
	
	
	function opacity(num, opacStart, opacEnd, millisec)
	{
		
		var speed = Math.round(1000/millisec);
		var timer = 0;
		
		
		if(opacStart > opacEnd)
		{
			for(i = opacStart; i >= opacEnd; i=i-4)
			{
				setTimeout("changeOpac(" + _obj_num + "," + num + "," + i + ")", (timer * speed));
				timer++;
			}
		}
		else if(opacStart < opacEnd)
		{
			for(i = opacStart; i <= opacEnd; i=i+4)
			{
				setTimeout("changeOpac(" + _obj_num + "," + num + "," + i + ")", (timer * speed));
				timer++;
			}
		}
	}
	
	function slide(num, direction, millisec)
	{
		
		var speed = Math.round(1000/millisec);
		var timer = 0;
		
		if(_orientation == 'h')	_ori = 0;	
		else					_ori = 1;	
		
		if(direction == 'show')
		{
			for(i = 0; i <= 100; i=i+2)
			{
				setTimeout("changePOS(" + _obj_num + "," + num + "," + i + "," + _ori + ")", (timer * speed));
				timer++;
			}
		}
		else if(direction == 'hide')
		{
			for(i = 100; i >= 0; i=i-2)
			{
				setTimeout("changePOS(" + _obj_num + "," + num + "," + i + "," + _ori + ")", (timer * speed));
				timer++;
			}
		}
	}
	
	
	function getlevel(layer)
	{
		var level = 0;
		var currentobj = layer;
		while(currentobj.className != MLDDM_CLASS)
		{
			if(currentobj.tagName == 'UL') level++;
			currentobj = currentobj.parentNode;
		}
		
		return level;
	}
	
	
	function getbutton(layer)
	{
		var button;
		var currobj = layer;
		var index = 0;
		while(currobj.className != MLDDM_CLASS)
		{	
			if(currobj.tagName == 'LI')
			{
				index++;
				button = currobj;
			}
			currobj = currobj.parentNode;
		}
		return button;
	}
	
	
	function button_on(layer)
	{
		
		if(getlevel(layer) !=1) return -1;
		var button = getbutton(layer);
		if(button)
		{
			button = button.getElementsByTagName("a")[0];
			button.id = 'buttonhover';
		}
	}
	
	function button_off(layer)
	{
		
		if(getlevel(layer) !=1) return -1;
		var button = getbutton(layer);
		if(button)
		{
			button = button.getElementsByTagName("a")[0];
			button.id = 'buttonnohover';
		}
	}
	
	
	function mopen(index)
	{
		if(!_me._layer[index].showed && (mlddm_md==375))		
		{
			if(_effect == 'fade')
				opacity(index, 0, 100, _effect_speed);	
			else if(_effect == 'slide')
				slide(index, 'show', _effect_speed);	
			else
				_me._layer[index].handler.style.visibility = 'visible';
			button_on(_me._layer[index].handler);		
			_me._layer[index].showed = true;			
		}
	}
	
	function mclose(index)
	{
		if(_me._layer[index].showed)					
		{
			if(_effect == 'fade')
				opacity(index, 100, 0, _effect_speed);	
			else if(_effect == 'slide')
				slide(index, 'hide', _effect_speed);	
			else
				_me._layer[index].handler.style.visibility = 'hidden';
			
			button_off(_me._layer[index].handler);		
			_me._layer[index].showed = false;			
		}
	}
	
	function closeall() { for(var i=0; i < _me._layer.length; i++) { mclose(i); }}
	
	function mclosetime() {	_closetimer = window.setTimeout(closeall, _timeout); }
	
	
	function mcancelclosetime() { if(_closetimer) { window.clearTimeout(_closetimer); _closetimer = null; }}
	
	function getlayerindex(obj)
	{
		for(var i=0; i < _me._layer.length; i++)
		{
			if(_me._layer[i].handler == obj) return i;
		}
		return -1;
	}
	
	function setpositions(client_width, scroll_left)
	{
		var max_right = client_width + scroll_left;
		
		for(i = 0; i < _me._layer.length; i++)
		{
			_me._layer[i].handler.style.left = _me._layer[i].x + 'px';
			_me._layer[i].reverse = false;
		}
		
		for(i = 0; i < _me._layer.length; i++)
		{
			if(_me._layer[i].level > 1)
			{
				var layer_width = _me._layer[i].outerwidth;
				var layer_x = _me._layer[i].x;
				var layer_absx = findPos(_me._layer[i].handler)[0];
				
				if((layer_absx + layer_width) > max_right)
				{
					_me._layer[i].handler.style.left = -layer_width - _shiftx + 'px';
					_me._layer[i].reverse = true;
				}
			}
		}
		
	}
	
	this.pcloseall = function() { closeall(); };
	
	this.eventresize = function() { setpositions(getClientWidth(), getScrollLeft()); };
	
	this.eventscroll = function() { setpositions(getClientWidth(), getScrollLeft()); };
	
	this.eventover = function()
	{
		if(_mouseout)					
		{	
			_mouseout = false;			
			mcancelclosetime();			
			var currentli = this;		
			
			
			var layer = currentli.getElementsByTagName("ul")[0];
			var ind = getlayerindex(layer);
			if(ind >= 0) mopen(ind);
			
			
			var open_layers = new Array();
				
				
				open_layers[0] = currentli.getElementsByTagName("ul")[0];
				if(!open_layers[0]) open_layers[0] = 0;
				
				
				var currobj = currentli.parentNode;
				var num = 0;
				while(currobj.className != MLDDM_CLASS)
				{
					if(currobj.tagName == 'UL')
					{
						num++;
						open_layers[num] = currobj;
					}
					currobj = currobj.parentNode;
				}
			
			
			var layers_to_hide = new Array(_me._layer.length);
			
			
			for(var i=0; i < layers_to_hide.length; i++)
				layers_to_hide[i] = false;
			
			
			for(var i=0; i < open_layers.length; i++)
				layers_to_hide[getlayerindex(open_layers[i])] = true;
			
			
			for(var i=0; i < layers_to_hide.length; i++)
				if(!layers_to_hide[i] && (_currentlayer != open_layers[0])) mclose(i);
			
			
			_currentlayer = open_layers[1];
		}
	};
	this.eventout = function() { _mouseout = true; };	
	this.allout = function()   { mclosetime(); };		
	this.allover = function()  { mcancelclosetime(); };
	
	
	_debug = document.getElementById('debug');
	
	
	this._layer[0] = new layer(_handler);
	
	
	var count = 1;
	var all_li = _handler.getElementsByTagName("li");
	for(var i = 0; i < all_li.length; i++)
	{
		
		var layer_handler = all_li[i].getElementsByTagName("ul")[0];
		if(layer_handler)
		{	
			this._layer[count] = new layer(layer_handler);
			count++;
		}
		
		
		all_li[i].onmouseover = this.eventover;
		all_li[i].onmouseout  = this.eventout;
	}
	_handler.onmouseout  = this.allout;		
	_handler.onmouseover = this.allover;	
	window.onresize = this.eventresize;		
	window.onscroll = this.eventscroll;		
	var layer_quantity = this._layer.length;	
	
	
	
	for(var number = 1; number < layer_quantity; number++)
	{
		var a_tags = new Array();
		var current_li = this._layer[number].handler.getElementsByTagName("li")[0];
		var maxwidth = 0;
		var i = 0;
		
		
		while(current_li)
		{
			if(current_li.getElementsByTagName("a")[0])
			{
				a_tags[i] = current_li.getElementsByTagName("a")[0];
				var width = a_tags[i].offsetWidth;
				if(width > maxwidth) maxwidth = width;
			}
			current_li = node_after(current_li);
			if(current_li) if(current_li.tagName == 'LI') i++;
		}
		
		
		this._layer[number].handler.style.width = maxwidth + 'px';
	}
	
	for(var number = 0; number < layer_quantity; number++)
	{
		
		this._layer[number].level = getlevel(this._layer[number].handler);
		
		this._layer[number].outerwidth  = this._layer[number].handler.offsetWidth;
		this._layer[number].outerheight = this._layer[number].handler.offsetHeight;
		
		this._layer[number].innerwidth  = this._layer[number].handler.getElementsByTagName("a")[0].offsetWidth;
		
		
		var obj = this._layer[number].handler;
		var top = obj.offsetTop;
			obj.style.marginTop = 0+'px';
		var margintop = top - obj.offsetTop;
			obj.style.marginTop = margintop+'px';
			this._layer[number].topmargin = margintop;
		
		var current_layer = this._layer[number].handler;
		if(current_layer.className == MLDDM_CLASS)
		{
			this._layer[number].parentindex = -1;							
		}
		else
		{
			var parent_ul = current_layer.parentNode;
			while(parent_ul.tagName != 'UL')								
			{	
				if(parent_ul.parentNode) parent_ul = parent_ul.parentNode;
			}
			this._layer[number].parentindex = getlayerindex(parent_ul);		
		}
	}
	
	for(var number = 0; number < layer_quantity; number++)
	{
		
		var level = _me._layer[number].level;	
		
		if((_orientation == 'h' && level > 1) || (_orientation == 'v' && level > 0))
		{
			
			
			var curr = _me._layer[number].handler.parentNode;
			while(curr.tagName != 'LI')
			{
				if(curr.parentNode) curr = curr.parentNode;
				else				return 1;
			}
			var parent_a = curr.getElementsByTagName("a")[0];
			
			var parent_ul = _me._layer[_me._layer[number].parentindex].handler;
			var a_tags = new Array();
			var i = 0;
			var curr = parent_ul.getElementsByTagName("li")[0];
			while(curr)
			{
				if(curr.getElementsByTagName("a")[0])
				{
					a_tags[i] = curr.getElementsByTagName("a")[0];
				}
				curr = node_after(curr);
				if(curr) if(curr.tagName == 'LI') i++;
			}
			
			var ablock_height = 0;
			var num = 0;			
			for(var i = 0; i < a_tags.length; i++)
			{
				if(a_tags[i] != parent_a)
				{
					ablock_height = ablock_height + a_tags[i].offsetHeight;
					num++;
				}
				else break;
			}
			_me._layer[number].shifter = ablock_height;
		}
	}
	
	for(index = 0; index < _me._layer.length; index++)
	{
		var level = _me._layer[index].level;			
		var current_layer = _me._layer[index].handler;	
		
		
		_me._layer[index].x = _me._layer[index].handler.offsetLeft;
		_me._layer[index].y = _me._layer[index].handler.offsetTop;
		
		if((_orientation == 'h' && level > 1) || (_orientation == 'v' && level > 0))
		{
			
			var horizontal_shift = _me._layer[_me._layer[index].parentindex].innerwidth + _shiftx;
			var vertical_shift   = _me._layer[index].shifter + _shifty ;
			
			_me._layer[index].handler.style.left = horizontal_shift + 'px';
			_me._layer[index].handler.style.top  = vertical_shift   + 'px';
			
			_me._layer[index].x = horizontal_shift;
			_me._layer[index].y = vertical_shift;
		}
	}
	
	
	setpositions(getClientWidth(), getScrollLeft());
}
function changeOpac(obj_num, layer_num, opacity)
{
	var object = obj_menu[obj_num];
	var layer  = object._layer[layer_num].handler;
	layer.style.opacity			= (opacity / 100);
	layer.style.MozOpacity		= (opacity / 100);
	layer.style.KhtmlOpacity	= (opacity / 100);
	layer.style.filter			= "alpha(opacity="+opacity+")";
	if(opacity > 98) layer.style.filter = 'none';			
	if(opacity  > 0) layer.style.visibility='visible';
	if(opacity <= 0) layer.style.visibility='hidden';
}
function changePOS(obj_num, layer_num, pos, ori)
{
	var object		= obj_menu[obj_num];
	var layer		= object._layer[layer_num].handler;
	var level		= object._layer[layer_num].level;
	var width		= object._layer[layer_num].outerwidth;
	var height		= object._layer[layer_num].outerheight;
	var margintop	= object._layer[layer_num].topmargin;
	var reverse		= object._layer[layer_num].reverse;
	
	if(!reverse)
	{
		if(level == 1 && ori == 0)
		{
			var h = height - pos*height/100;
			
			layer.style.clip	  = 'rect('+h+'px 2000px 2000px 0px)';
			layer.style.marginTop = -h+margintop+'px';
		}
		else
		{
			var w = width - pos*width/100;
			
			layer.style.clip	  = 'rect(0px 2000px 2000px '+w+'px)';
			layer.style.marginLeft = -w+'px';
		}
	}
	else
	{
		var w = width - pos*width/100;
		
		
		var mw = width - w;				
		layer.style.clip	  = 'rect(0px '+mw+'px 2000px 0px)';
		layer.style.marginLeft = w+'px';
	}
	if(pos <= 0)
	{	
		layer.style.visibility = 'hidden';							
		layer.style.clip = 'rect(-2000px, 2000px, 2000px, -2000px)';
		layer.style.marginLeft = 'auto';							
	}
	if(pos  > 0)
	{
		layer.style.visibility = 'visible';							
	}
	if(pos  > 98)
	{
		layer.style.clip = 'rect(-2000px, 2000px, 2000px, -2000px)';
		layer.style.marginLeft = 'auto';							
	}
}
function close() { for(var i=0; i < obj_menu.length; i++) { obj_menu[i].pcloseall(); } }
document.onclick = close;
function is_all_ws(nod)
{
	return !(/[^\t\n\r ]/.test(nod.data));
}
function is_ignorable(nod)
{
	return ( nod.nodeType == 8) ||
           ((nod.nodeType == 3) && is_all_ws(nod) );
}
function node_after(sib)
{
	while((sib = sib.nextSibling)) { if(!is_ignorable(sib)) return sib; }
	return null;
}
function getClientWidth()
{
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}
function getClientHeight()
{
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
function getScrollLeft()
{
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.scrollLeft:document.body.scrollLeft;
}
function findPos(obj)
{
	var curleft = curtop = 0;
	if(obj.offsetParent)
	{
		do
		{
			curleft += obj.offsetLeft;
			curtop  += obj.offsetTop;
		}
		while(obj = obj.offsetParent);
	}
	
	return [curleft,curtop];
}
_LOADERS = Array();
function callAllLoaders()
{
	var i, loaderFunc;
	for(i=0; i<_LOADERS.length; i++)
	{
		loaderFunc = _LOADERS[i];
		if(loaderFunc != callAllLoaders) loaderFunc();
	}
}
function appendLoader(loaderFunc)
{
	if(window.onload && window.onload != callAllLoaders) _LOADERS[_LOADERS.length] = window.onload;
	window.onload = callAllLoaders;
	_LOADERS[_LOADERS.length] = loaderFunc;
}
appendLoader(mlddminit);