
	function SDMenuTabs(menuSize,hb,th,tw,mfh,fs) {
		if (!document.getElementById || !document.getElementsByTagName)
			return false;
		if (menuSize  == "small")
		{
		}
		else if (menuSize == "medium")
		{
		}
		else if (menuSize == "large")
		{
		//	this.slotWidth = 120;
		}
		//this.resize(th,tw,hb,fs,mfh);
		this.tabMenu=new Array();
		this.tabMenu[0]=document.getElementById("twGeneral");
		this.tabMenu[1]=document.getElementById("twHurricane");
		this.tabMenu[2]=document.getElementById("twFlooding");
		this.tabMenu[3]=document.getElementById("twTornado");
		this.tabMenu[4]=document.getElementById("twWinter");
		this.tabMenu[5]=document.getElementById("twDrought");
		this.tabMenu[6]=document.getElementById("twFire");
		this.tabMenu[7]=document.getElementById("twCoastal");
		this.tabMenu[8]=document.getElementById("twTrainingOphelia");
		
	
		this.tabMenuLinks=new Array();
		this.tabMenuLinks[0]=document.getElementById("twGeneralLinks");
		this.tabMenuLinks[1]=document.getElementById("twHurricaneLinks");
		this.tabMenuLinks[2]=document.getElementById("twFloodingLinks");
		this.tabMenuLinks[3]=document.getElementById("twTornadoLinks");
		this.tabMenuLinks[4]=document.getElementById("twWinterLinks");
		this.tabMenuLinks[5]=document.getElementById("twDroughtLinks");
		this.tabMenuLinks[6]=document.getElementById("twFireLinks");
		this.tabMenuLinks[7]=document.getElementById("twCoastalLinks");
		this.tabMenuLinks[8]=document.getElementById("twTrainingOpheliaLinks");
		
		
		for(i=1; i<this.tabMenuLinks.length; i++)
		{
			this.tabMenuLinks[i].style.visibility = "hidden";
			this.tabMenuLinks[i].style.width = "0px";
		}
		this.tabMenuTab=new Array();
		this.tabMenuTab[0]=document.getElementById("twGeneralTab");
		this.tabMenuTab[1]=document.getElementById("twHurricaneTab");
		this.tabMenuTab[2]=document.getElementById("twFloodingTab");
		this.tabMenuTab[3]=document.getElementById("twTornadoTab");
		this.tabMenuTab[4]=document.getElementById("twWinterTab");
		this.tabMenuTab[5]=document.getElementById("twDroughtTab");
		this.tabMenuTab[6]=document.getElementById("twFireTab");
		this.tabMenuTab[7]=document.getElementById("twCoastalTab");
		this.tabMenuTab[8]=document.getElementById("twTrainingOpheliaTab");
	
		
		
		
		this.resize(th,tw,hb,fs,mfh);
		this.currentTab = 0;
		
	
		this.tabFinished=new Array();
		for(i=0; i<this.tabMenu.length; i++)
		{
			this.tabFinished[i]=true;
		}
		
		this.slot = new Array();
		this.targetSlot=new Array();
		for (i=0; i<this.tabMenu.length; i++)
		{
			this.targetSlot[i] = i;
		}
		
		this.tabMenuLeft=new Array();
		for(i=0; i< this.tabMenu.length; i++)
		{
			this.tabMenuLeft[i]=0;
		}
		
		this.speed = 30.0;
		this.frameRate = 30.0;
		this.frameLength = 1.0 / this.speed;
		this.animCounter = 0.0;
		this.markCurrent = true;
		this.oneSmOnly = true;
		
		this.comingTab;
		this.goingTab;
	}
	
	SDMenuTabs.prototype.resize = function(th,tw,hb,fs,mfh)
	{
		this.tabHeight = th;
		this.toolWidth = tw;
		this.headerBottom = hb;
	//	this.menuFullHeight = mfh;
		this.slotWidth = 120;
		for(i=0; i<this.tabMenuTab.length; i++)
		{
			this.tabMenuTab[i].style.height = this.tabHeight + "px";
			
		}	
	}
	
	SDMenuTabs.prototype.setDiv = function(i,offset)
	{
		this.tabMenu[i].style.top = (this.headerBottom - this.tabHeight) + "px";
		this.tabMenu[i].style.width = this.toolWidth + "px";
		this.tabMenuLeft[i] = offset;
		this.tabMenu[i].style.left  = offset + "px";
		this.tabMenu[i].style.height = (pageBottom - (mapFrameTop - 50)) + "px";
	}
	SDMenuTabs.prototype.setSlotWidth = function(w)
	{
		this.slotWidth = w;
	}
	
	SDMenuTabs.prototype.setDivLeft = function(i,pos)
	{
		this.tabMenuLeft[i] = pos;
		this.tabMenu[i].style.left  = pos + "px";
	}
	
	SDMenuTabs.prototype.initSlots = function()
	{
		this.setDiv(0,pageLeft);
		this.slot[0] = pageLeft;
		
		for( i=1; i<this.tabMenu.length; i++)
		{
			this.slot[i] = mapFrameLeft+ 10 + this.slotWidth*(i-1);
			this.setDiv(i,this.slot[i]);
		}
	}


	
	SDMenuTabs.prototype.init = function() 
	{
		mainInstance = this;
		this.initSlots();
		for (var i = 0; i < this.tabMenuTab.length; i++)
			this.tabMenuTab[i].onclick = function(e) {
				mainInstance.toggleMenu(e);
			};
	};
	
	
	SDMenuTabs.prototype.toggleMenu = function(e) 
	{
		//	this.tabMenuTab[0].innerHTML = e.target;
		if (IE) {
			if (event.target != this.tabMenuTab[this.currentTab])
			{
				//this.tabMenuTab[0].innerHTML = e.target;
				//this.comingTab = this.tabMenuLeft[i];
				for(i=0; i<this.tabMenu.length; i++)
				{
					if (event.target == this.tabMenuTab[i])
					{
						this.comingTab = i;
						break;
					}
				}
				if (i == this.tabMenu.length) return;
				var j=0;
				for(i=1;i<this.tabMenu.length;i++)
				{
					
				}
				
				this.selectMenu();
			}
		}
		else {    
			
		
				for(i=0; i<this.tabMenu.length; i++)
				{
					if (e.target == this.tabMenuTab[i])
					{
						this.comingTab = i;
						this.targetSlot[0] = this.comingTab;
						break;
					}
				}
		
				var j=1;
				for(i=0;i<this.tabMenu.length;i++)
				{
					if (i != this.comingTab)
					{
						this.targetSlot[j] = i;
						j++;
					}
				}
			
				this.selectMenu();
			
		}
	};
	var mainInstance;
	var tabsFinished=0;
	
	SDMenuTabs.prototype.selectMenu = function() 
	{
		mainInstance = this;
		var intId = setInterval(function() {
			if (mainInstance.animCounter >= mainInstance.speed)
			{
				for(i=0; i< mainInstance.tabMenu.length;i++)
				{
					mainInstance.tabMenuLeft[mainInstance.targetSlot[i]] = mainInstance.slot[i];
					if (mainInstance.tabMenuLeft[mainInstance.targetSlot[i]] > mapFrameLeft)
					{
						mainInstance.tabMenuLinks[mainInstance.targetSlot[i]].style.visibility = "hidden";
						mainInstance.tabMenuLinks[mainInstance.targetSlot[i]].style.width = "0px";
					}
					else
					{
						mainInstance.tabMenuLinks[mainInstance.targetSlot[i]].style.visibility = "visible";
						mainInstance.tabMenuLinks[mainInstance.targetSlot[i]].style.width = mainInstance.toolWidth + "px";
					}
					mainInstance.tabMenu[mainInstance.targetSlot[i]].style.left = mainInstance.tabMenuLeft[mainInstance.targetSlot[i]] + "px";
				}
				mainInstance.animCounter = 0.0;
				clearInterval(intId);
			}
			else
			{
				for(i=0; i< mainInstance.tabMenu.length;i++)
				{
					var leftPos = 0.0 + mainInstance.tabMenuLeft[mainInstance.targetSlot[i]];
					var slotPos = 0.0 + mainInstance.slot[i];
					var t = mainInstance.frameLength * mainInstance.animCounter;
					
					var newLeft = (1.0 - t) * leftPos + t * slotPos;
					mainInstance.tabMenuLeft[mainInstance.targetSlot[i]] = newLeft;
					mainInstance.tabMenu[mainInstance.targetSlot[i]].style.left = Math.round(newLeft) + "px";
					mainInstance.animCounter ++;
					
				}
			}
		}, 30);
	};
	
	
