// JavaScript Document

/* ********************************************************************
*  Toggle Tab Menus script - © 2005 Mircea Baldean (www.baldean.com). *
*  Visit Baldean.com at http://www.baldean.com/ for full source code. *
*  Version 2.0, release 04/01/2005. This note must remain intact.     *
******************************************************************** */
var siteurl
siteurl = "http://server01/asp/inorbitd/";
//siteurl = "http://www.webpercept.net/intranet/";
var tabProp = new Array() 
/*
    Tab Menu properties: 
	Add new tab menus using this convention
	tabProp[No] = new Array("tabMenuNo",	"tabCaption",	"tabContNo") 
*/
tabProp[0] = new Array("tabMenu0",	"Home",	"tabCont0") 
tabProp[1] = new Array("tabMenu1",	"My Intranet", "tabCont1") 
tabProp[2] = new Array("tabMenu2",	"Mall",	"tabCont2") 
tabProp[3] = new Array("tabMenu3",	"Easy Manager",	"tabCont3") 
tabProp[4] = new Array("tabMenu4",	"MIS Reports",	"tabCont4") 

// Set-up Parameters
var menuBgColorOff		= "#FFFFFF";						//Un-selected tabs colour
var menuBgColorOn		= "#E5B81A";						//F7F7F7Selected tab colour

var menuBorderColor		= "#FFFFFF";						//Border colour
var menuWidth			= "100px";							//Tab Menu width (same width as tab image in css file)
var menuHeight			= "18px";							//22Tab Menu height (same height as tab image in css file)
var menuSpacing			= "2px";							//Tab Menu spacing
if (screen.width==1024)
{
	var menuLeftOffset		= "48%";							//20px Offset first Tab Menu
}
if (screen.width==800)
{
	var menuLeftOffset		= "34%";							//20px Offset first Tab Menu
}
if (screen.width==1280)
{
	var menuLeftOffset		= "58%";							//20px Offset first Tab Menu
}
var menuSelected		= 3;								//Selected Tab Menu by default: 0, 1, ...
var menuBorderStyle 	= "1px solid";						//Do not change
var menuBorderStyleH 	= "0px solid";						//Do not change
var menuVerifyWidth		= 0;								//Check to see if menus overflow content width

var menuFontFamily 		= "Verdana, Arial, Helvetica, sans-serif";	//Font Family for tab menus
var menuFontSize		= "12px";							//Font Size for tab menus
var menuFontColorOff	= "#FFFFFF";						//Font Colour for un-selected tab menus
var menuFontColorOn		= "#FFFFFF";						//Font Colour for current menu

var contentWidth 		= "100%";							//Content window width
var contentHeight 		= "14px";							//Content window  height
var contentFontFamily 	= "Verdana, Arial, Helvetica, sans-serif";	//Content window font family
var contentFontSize		= "12px";							//Content window font size
var contentFontColor	= "#ffffff";						//Content window font colour
var contentPadding		= "4px";							//4Content window padding


// QAs
var numberOfTabs = tabProp.length;
if (numberOfTabs > 10) numberOfTabs = 10;

if (menuVerifyWidth == 1) if (parseInt(menuWidth) * numberOfTabs + parseInt(menuSpacing) * numberOfTabs + parseInt(menuLeftOffset) > parseInt(contentWidth)) contentWidth = parseInt(menuWidth) * numberOfTabs + parseInt(menuSpacing) * numberOfTabs + parseInt(menuLeftOffset) + 'px';

var tf = document.referrer;
var tu = document.URL;
var tv = "ttMenuV2";

// Init Tab Menus
function ttInitTabs() {
   var initTab = menuSelected;
	clson = "tabMenuOn" + initTab;
	if (initTab == "0")
	{
		menuBgColorOn = "#E5B81A";
		
	}
	if (initTab == "1")
	{
		menuBgColorOn = "#D13B00";
		
	}
	if (initTab == "2")
	{
		menuBgColorOn = "#4f9800";
		
	}
	if (initTab == "3")
	{
		menuBgColorOn = "#0079d7";
		
	}
	if (initTab == "4")
	{
		menuBgColorOn = "#fe8915";
		
	}
   for (var i = 0; i < numberOfTabs; i++) { 
  	
		ttSetStyle(tabProp[i][0],'backgroundColor',menuBgColorOff);
		ttSetStyle(tabProp[i][0],'borderBottom', menuBorderStyle + " " + menuBorderColor);
		ttSetStyle(tabProp[i][0],'borderLeft', menuBorderStyleH + " " + menuBorderColor);
		ttSetStyle(tabProp[i][0],'borderRight', menuBorderStyleH + " " + menuBorderColor);
		ttSetStyle(tabProp[i][0],'borderTop', menuBorderStyleH + " " + menuBorderColor);
		ttSetStyle(tabProp[i][0],'color',menuFontColorOff);
		ttSetStyle(tabProp[i][0],'fontFamily',menuFontFamily);
		ttSetStyle(tabProp[i][0],'fontSize',menuFontSize);
		ttSetStyle(tabProp[i][0],'height',menuHeight);
		ttSetStyle(tabProp[i][0],'marginRight',menuSpacing);
		ttSetStyle(tabProp[i][0],'width',menuWidth);
		ttSetStyle(tabProp[i][2],'display','none');
     } 
	ttSetClass(tabProp[initTab][0],clson);
	ttSetStyle(tabProp[initTab][0],'backgroundColor', menuBgColorOn);
	ttSetStyle(tabProp[initTab][0],'borderBottom', menuBorderStyle + " " + menuBgColorOn); 
	ttSetStyle(tabProp[initTab][0],'color',menuFontColorOn);

	ttSetStyle(tabProp[initTab][2],'display','block');
	ttSetStyle('tabContent','backgroundColor', menuBgColorOn); 
	ttSetStyle('tabContent','border', menuBorderStyle + " " + menuBorderColor);
	ttSetStyle('tabContent','color',contentFontColor);
	ttSetStyle('tabContent','fontFamily',contentFontFamily);
	ttSetStyle('tabContent','fontSize',contentFontSize);
	ttSetStyle('tabContent','height',contentHeight);
	ttSetStyle('tabContent','padding',contentPadding);
	ttSetStyle('tabContent','width', contentWidth);
	ttSetStyle('tabOffset','width',menuLeftOffset);

	/*document.getElementById(unescape(td)).title = unescape(tl);
	document.getElementById(unescape(td)).onclick = function() {window.location=unescape(th)};
	ttSetStyle(unescape(td),'cursor',unescape(tc));*/
}

//OnClick Menu Function
function ttSetMenu(tabID) {
	
	clson = "tabMenuOn" + tabID;
	if (tabID == "0")
	{
		menuBgColorOn = "#E5B81A";
		
	}
	if (tabID == "1")
	{
		menuBgColorOn = "#d13b00";
		
	}
	if (tabID == "2")
	{
		menuBgColorOn = "#4f9800";
		
	}
	if (tabID == "3")
	{
		menuBgColorOn = "#0079d7";
		
	}
	if (tabID == "4")
	{
		menuBgColorOn = "#fe8915";
		
	}
	
	//alert(clson);
   for (var i = 0; i < numberOfTabs; i++) { 
   		clsoff = "tabMenuOff" + i
		ttSetClass(tabProp[i][0],clsoff);
		ttSetStyle(tabProp[i][2],'display','none');
		ttSetStyle(tabProp[i][0],'backgroundColor', menuBgColorOff);
		ttSetStyle(tabProp[i][0],'borderBottom', menuBorderStyle + " " + menuBorderColor);
		ttSetStyle(tabProp[i][0],'color',menuFontColorOff);
      } 
	ttSetStyle(tabProp[tabID][2],'display','block');
	ttSetClass(tabProp[tabID][0], clson);
	ttSetStyle(tabProp[tabID][0],'backgroundColor', menuBgColorOn);
	ttSetStyle(tabProp[tabID][0],'borderBottom', menuBorderStyle + " " + menuBgColorOn);
	ttSetStyle(tabProp[tabID][0],'color',menuFontColorOn);
	ttSetStyle('tabContent','backgroundColor', menuBgColorOn);
	if (tabID == "0")
	{	
		window.location = siteurl + "default.asp";
	}
	if (tabID == "1")
	{	
		window.location = siteurl + "calendar/default.asp";
	}
	if (tabID == "2")
	{	
		window.location = siteurl + "inorbitcalendar/default.asp";
	}
	if (tabID == "3")
	{	
		window.location = siteurl + "cfeedback/default.asp";
	}
	if (tabID == "4")
	{	
		window.location = siteurl + "mis/cfeedback.mis.asp";
	}/**/
}

//On Mouse Over Menu Function
function ttMenuOver(objectID,bgcolor) {
   ttSetStyle(objectID,'backgroundColor',bgcolor);
}

//On Mouse Out Function
function ttMenuOut(objectID,bgcolor) {
   var status = document.getElementById(objectID).className;
 //  alert(status);
   if (status != "tabMenuOn0")  ttSetStyle(objectID,'backgroundColor',bgcolor);
   if (status != "tabMenuOn1")  ttSetStyle(objectID,'backgroundColor',bgcolor);
   if (status != "tabMenuOn2")  ttSetStyle(objectID,'backgroundColor',bgcolor);
   if (status != "tabMenuOn3")  ttSetStyle(objectID,'backgroundColor',bgcolor);
   if (status != "tabMenuOn4")  ttSetStyle(objectID,'backgroundColor',bgcolor);
}

//Set Classes and Styles
function ttSetClass(objectID,newClass) {
	var object = document.getElementById(objectID);
	object.className = newClass;
}

function ttSetStyle(objectID,styleName,newVal) {
	var object = document.getElementById(objectID);
	object.style [styleName] = newVal;
}

//Display Tab Menus
function ttMenuDisplay() {
	
	for (var i = 0; i < numberOfTabs; i++) { 
	clsoff = "tabMenuOff" + i;
	if (i == "0")
	{
		menuBgColorOn = "#E5B81A";
		
	}
	if (i == "1")
	{
		menuBgColorOn = "#d13b00";
		
	}
	if (i == "2")
	{
		menuBgColorOn = "#4f9800";
		
	}
	if (i == "3")
	{
		menuBgColorOn = "#0079d7";
		
	}
	if (i == "4")
	{
		menuBgColorOn = "#fe8915";
		
	}
		
	document.write("<div class=" + clsoff +  " id=\"tabMenu" + i + "\" onclick=\"ttSetMenu(" + i + ")\" onMouseOver=\"ttMenuOver('tabMenu" + i + "', '" + menuBgColorOn + "') \" onMouseOut=\"ttMenuOut('tabMenu" + i + "',menuBgColorOff)\" title=\"" + tabProp[i][1] + "\">" + tabProp[i][1] + "</div>");
	}
}