var HiddenMenus = new Array();

function HiddenMenu(id, objectID)
{
	this.id = id;
	this.objectID = objectID;
	HiddenMenus[HiddenMenus.length] = this;
	this.off = 6;
	if(navigator != null && navigator.userAgent != null)
		if(navigator.userAgent.indexOf('MSIE') > -1 && navigator.userAgent.indexOf('MSIE 7.') == -1)
		{
			this.off = 2;
		}
	return this;
}
HiddenMenu.prototype.Display = function()
{
	this.visible = true;
	this.evt = (window.event ? window.event : arguments.callee.caller.arguments[0]);
	this.src = (this.evt.srcElement ? this.evt.srcElement : this.evt.target)
	
	this.src.parentNode.parentNode.parentNode.childNodes[0].src = 'js/img/LeftNavArrowRightOver.gif'
	for(i = 0; i < HiddenMenus.length; i++)
	{
		if(HiddenMenus[i] != this)
		{
			HiddenMenus[i].visible = false;
			HiddenMenus[i].DoHide();
		}
	}
	setTimeout(this.id + '.DoDisplay()', 500);
}
HiddenMenu.prototype.DoDisplay = function(e)
{
	var top, height;
	
	if(this.visible && (!this.obj || this.obj.style.display != 'inline'))
	{
		var evt = this.evt;
		var win = GetWindowInfo();
		var objInfo, srcInfo;
	
		if(evt)
		{
			this.obj = document.getElementById(this.objectID);
			srcInfo = GetObjectInfo(this.src);
			this.obj.style.top = (srcInfo.top + 1) + 'px';
			this.obj.style.left = (srcInfo.left + 200) + 'px';
			this.obj.style.width = '0px';
			this.Expand();	
			this.obj.style.display = 'inline';
			objInfo = GetObjectInfo(this.obj);
			
			if(objInfo.top + objInfo.height > win.top + win.height)
				this.obj.style.top = (srcInfo.top + srcInfo.height - objInfo.height - this.off) + 'px';
				
			if(this.off == 2)
			{
				if(this.obj.insertAdjacentHTML)
				{
					this.iframe = document.getElementById(this.objectID + '_iframe');
					if(this.iframe == null)
					{
						this.obj.insertAdjacentHTML("afterEnd", '<IFRAME style="position: absolute;height:0;width:0;z-index:4;" src="javascript:false;" frameBorder="0" scrolling="no" id="' + this.objectID + '_iframe" />');
						this.iframe = document.getElementById(this.objectID + '_iframe');
					}
					this.iframe.style.top = this.obj.style.top;
					this.iframe.style.left = this.obj.style.left
					this.iframe.style.width = this.obj.offsetWidth;
					this.iframe.style.height = this.obj.offsetHeight;
				}
			}
		}
	}
}
HiddenMenu.prototype.Show = function()
{
	this.visible = true;
	return true;
}
HiddenMenu.prototype.Hide = function()
{
	this.visible = false;
	setTimeout(this.id + '.DoHide()', 150);
}
HiddenMenu.prototype.DoHide = function()
{
	if(!this.visible)
	{
		if(this.src)
			this.src.parentNode.parentNode.parentNode.childNodes[0].src = 'js/img/LeftNavArrowRight.gif'
		if(this.off == 2)
		{
			var iframe = document.getElementById(this.objectID + '_iframe');
			if(iframe != null)
				document.getElementById(this.objectID).parentNode.removeChild(iframe);
		}
		document.getElementById(this.objectID).style.display = 'none';
	}
}
HiddenMenu.prototype.Expand = function()
{
	if(parseInt(this.obj.style.width, 10) < 200)
	{
		this.obj.style.width = (parseInt(this.obj.style.width, 10) + 40) + 'px';
		if(this.off == 2)
		{
			if(this.iframe != null)
			{
				this.iframe.style.width = this.obj.offsetWidth;
				this.iframe.style.height = this.obj.offsetHeight;
			}
		}
		setTimeout(this.id + '.Expand()', 5);
	}
}





/*client_function.js*/
function GetPosition(object, offset)
{
	var totaloffset = ((offset == 'top') ? object.offsetTop : object.offsetLeft );
	var parent = object.offsetParent;
	if (parent != null)
		totaloffset += GetPosition(parent, offset);
	
	return totaloffset;
}
function GetWindowInfo()
{
	var top, left, width, height;
	
	if( typeof( window.pageYOffset ) == 'number' ) {
		top = window.pageYOffset;
		left = window.pageXOffset;
	} else if( document.documentElement) {
		top = document.documentElement.scrollTop;
		left = document.documentElement.scrollLeft;
	} else if( document.body) {
		top = document.body.scrollTop;
		left = document.body.scrollLeft;
	}
	
	if( typeof( window.innerWidth ) == 'number' ) {
		width = window.innerWidth;
		height = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		width = document.documentElement.clientWidth;
		height = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		width = document.body.clientWidth;
		height = document.body.clientHeight;
	}
	
	return {top:top, left:left, width:width, height:height};
}
function GetObjectInfo(o)
{
	var top, left, width, height;
	if( typeof( o.innerWidth ) == 'number' ) {
		width = o.innerWidth;
		height = o.innerHeight;
	} else if( o && ( o.clientWidth || o.clientHeight ) ) {
		width = o.clientWidth;
		height = o.clientHeight;
	} else if(o.style.width){
		width = parseInt(o.style.width, 10)
		height = parseInt(o.style.height, 10)
	}
	top = GetPosition(o, 'top');
	left = GetPosition(o, 'left');

	return {top:top, left:left, width:width, height:height};
}