function BrowserCheck() {
	var b = navigator.appName
	if (b=="Netscape") this.b = "ns"
	else if (b=="Microsoft Internet Explorer") this.b = "ie"
	else this.b = b
	this.version = navigator.appVersion
	this.v = parseInt(this.version)
	this.ns = (this.b=="ns" && this.v>=4)
	this.ns4 = (this.b=="ns" && this.v==4)
	this.ns5 = (this.b=="ns" && this.v==5)
	this.ie = (this.b=="ie" && this.v>=4)
	this.ie4 = (this.version.indexOf('MSIE 4')>0)
	this.ie5 = (this.version.indexOf('MSIE 5')>0)
	this.mac = (navigator.userAgent.indexOf("Mac") != -1); 
	this.opera = (navigator.userAgent.indexOf("Opera") != -1); 
	this.min = (this.ns||this.ie)
}
var browser = new BrowserCheck();

TfeMenu = function(){
    this.timer = null;
    this.activeMenu;
    this.activeMenuClass;
    this.activeDropdown;
	this.activeDropdownLink;
	this.activeDropdownLinkClass;
}

TfeMenu.prototype.OpenMenu = function(menu, dropdownId, direction, offsetX, offsetY){
    this.StopTimer();
    this.CloseMenu();
    
    this.activeMenu = menu;
    this.activeDropdown = this.FindDropdown(dropdownId);

    this.activeMenuClass = this.activeMenu.className;
    this.activeMenu.className += ' active';
    
    offsetX += this.GetOffsetX(menu);
    offsetY += this.GetOffsetY(menu);
    
   	if(direction == 'up') {
	   	offsetY -= this.activeMenu.offsetHeight;
    	offsetY -= this.activeDropdown.offsetHeight;
	}
    
    this.ShowDropdown(offsetX, offsetY);
	
 	this.PositionIFrame(this.activeDropdown);	
	   
    this.SetEvents();
}

TfeMenu.prototype.ShowDropdown = function(offsetX, offsetY){
    if(this.activeDropdown != null){
        //this.activeDropdown.style.top = offsetY + this.activeMenu.offsetHeight + 'px';
        this.activeDropdown.style.left = offsetX + 'px';
        this.activeDropdown.style.visibility = 'visible';
    }
}

TfeMenu.prototype.CloseMenu = function(){
    if(this.activeDropdown != null){
        this.activeDropdown.style.visibility = 'hidden';
    }
    if(this.activeMenu != null){
        this.activeMenu.className = this.activeMenuClass;
    }
    this.HideIFrame();
}

TfeMenu.prototype.SetEvents = function(){
	if(this.activeMenu != null) {
		this.activeMenu.onmouseout = startTimer;
	}
	if(this.activeDropdown != null) {
		this.activeDropdown.onmouseout = startTimer;
		this.activeDropdown.onmouseover = stopTimer;
	}
}

TfeMenu.prototype.FindDropdown = function(dropdownId){
    return document.getElementById(dropdownId);
}

TfeMenu.prototype.StartTimer = function(){
    this.timer = setTimeout('closeMenu()',500);
}

TfeMenu.prototype.StopTimer = function(){
    if(this.timer != null){
        clearTimeout(this.timer);
    }
}

TfeMenu.prototype.GetOffsetX = function(node){
    var offsetX = this.activeMenu.offsetLeft;
    
    var parentOffsetNode = node.offsetParent;
    while(parentOffsetNode != null){
		if(parentOffsetNode.className == 'header') {
			break;
		}
		if(parentOffsetNode.offsetLeft != null){
			//alert(parentOffsetNode.tagName +','+parentOffsetNode.className +','+parentOffsetNode.offsetLeft);
            offsetX += parentOffsetNode.offsetLeft;
        }
        parentOffsetNode = parentOffsetNode.offsetParent
    }
    
    return offsetX;
}

TfeMenu.prototype.GetOffsetY = function(node){
    var offsetY = this.activeMenu.offsetTop;
    
    var parentOffsetNode = node.offsetParent;
    while(parentOffsetNode != null){
        if(parentOffsetNode.offsetTop != null){
            offsetY += parentOffsetNode.offsetTop;
        }
        parentOffsetNode = parentOffsetNode.offsetParent
    }
    
    return offsetY;
}


TfeMenu.prototype.PositionIFrame = function(elem){
	if(browser.ie){
		if(this.iframeHandler == null) {
			this.CreateIFrame();
		}
		
		if(this.iframeHandler != null){
			this.iframeHandler.style.width = elem.offsetWidth;
			this.iframeHandler.style.height = elem.offsetHeight;
			this.iframeHandler.style.top = elem.style.top;
			this.iframeHandler.style.left = elem.style.left;
			this.iframeHandler.style.zIndex = elem.style.zIndex + 1;
			this.iframeHandler.style.display = "block";
			//this.iframeHandler.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
		}
	}
}
TfeMenu.prototype.HideIFrame = function(){
	if(browser.ie){
		if(this.iframeHandler != null){
			this.iframeHandler.style.display = "none";
		}
	}
}
TfeMenu.prototype.CreateIFrame = function(){
	body = document.getElementById("iframe");
	this.iframeHandler = document.createElement("iframe");
	this.iframeHandler.id = "DivShim";
	this.iframeHandler.src="javascript:false;";
	this.iframeHandler.scrolling="no";
	this.iframeHandler.frameborder="0";
	this.iframeHandler.style.position="absolute";
	this.iframeHandler.style.top="0";
	this.iframeHandler.style.left="0"; 
	this.iframeHandler.style.display="none";
	body.appendChild(this.iframeHandler);
}

var oTfeMenu = new TfeMenu();

function openMenu(menu, dropdownId, direction, offsetX, offsetY){
	oTfeMenu.OpenMenu(menu, dropdownId, direction, offsetX, offsetY);
}

function closeMenu(){
	oTfeMenu.CloseMenu();
}

function startTimer(){
	oTfeMenu.StartTimer();
}

function stopTimer(){
	oTfeMenu.StopTimer();
}