var xDir = './js/cross-browser/x/';
var hiZ = 2;
var aMenus = new Array();
var graphLeft = 0;
var graphTop = 0;

xInclude(xDir+'x_core.js',
		 xDir+'x_dom.js',
		 xDir+'x_cook.js', 
		 xDir+'x_event.js', 
		 xDir+'x_slide.js', 
		 xDir+'x_drag.js',
		 xDir+'x_tooltip.js',
		 xDir+'x_trave.js');
		 
window.onload = function () {
        updateLayout();
	imgTabProblem = new Image();
	imgTabProblem.src = "./systems/wlw/images/ehc/tab_problem_on.gif";
	imgTabSolution = new Image();
	imgTabSolution.src = "./systems/wlw/images/ehc/tab_solution_on.gif";
	imgTabProducts = new Image();
	imgTabProducts.src = "./systems/wlw/images/ehc/tab_products_on.gif";
	imgTabContact = new Image();
	imgTabContact.src = "./systems/wlw/images/ehc/tab_contact_on.gif";
	imgTabCompany = new Image();
	imgTabCompany.src = "./systems/wlw/images/ehc/tab_company_on.gif";
	imgTabClients = new Image();
	imgTabClients.src = "./systems/wlw/images/ehc/tab_clients_on.gif";
	
	if (xGetElementById('graphFloater')) {
		graphLeft = xPageX('graphFloater');
		graphTop = xPageY('graphFloater');
		xAddEventListener(window, 'resize', graphScroll, false);
		xAddEventListener(window, 'scroll', graphScroll, false);
		graphScroll();
		// new xTooltipGroup('graphBar', 'graphBarTip', 'mouse', 0, 0);
	}
}

function graphScroll() {
	xSlideTo('graphFloater', graphLeft - 20, xScrollTop(), 700);
}

function updateLayout() {
	contentHeight = xPageY('contentSinker');
	if (contentHeight < 600) contentHeight = 600;
	xHeight('pageLeft', contentHeight);
	xHeight('pageRight', contentHeight);
	xMoveTo('pageBottom', 0, contentHeight);
}

function setTabOn(tabname) {
	tabName = ucFirst(tabname);
	document.getElementById('tab'+tabName).style.backgroundImage = "url('./systems/wlw/images/ehc/tab_"+tabname+"_on.gif')";
	//document.getElementById('tab'+tabName).className = "tabOn";
}

function setTabOff(tabname) {
	tabName = ucFirst(tabname);
	document.getElementById('tab'+tabName).style.backgroundImage = "url('./systems/wlw/images/ehc/tab_"+tabname+"_off.gif')";
	//document.getElementById('tab'+tabName).className = "tabOff";
}

function openForums(category) {
	var c;

	switch(category) {
		case 'career'   : c = '2'; break;
		case 'technical': c = '3'; break;
		case 'education': c = '4'; break;
		default:
	}

	var url = '/forums/index.php';

	if (c) {
		url += '?c=' + c;
	}

	EHCForumsWin = window.open(url, 'EHCForumsWin', "fullscreen=no,toolbar=no,status=no,menubar=no,scrollbars=yes,resizable=yes,directories=no,location=no,width=800,height=500");
	EHCForumsWin.focus();
}

function ehc_DoFSCommand(command, args) { 
  if (command == "openForum") { 
    openForums();
  } else if (command == "login") {
	alert ('login..');
    	window.location.replace("index.php?pg=login");
  }
}

function ucFirst(s)
{
	var c = s.charAt(0);

	if (parseInt(s.length)==1){
		return c.toUpperCase();
	}
	else
	{
		return c.toUpperCase() + s.slice(1).toLowerCase();
	}
}

function toggle(oID, valID, imgClass) {
	objDisplay = document.getElementById(oID).style.display;
	document.getElementById(oID).style.display = (!objDisplay || objDisplay == 'block') ? 'none' : 'block';
	if (valID && valID != '') {
		document.getElementById(valID).value = (!objDisplay || objDisplay == 'block') ? 1 : 0;
	}
	//alert('oID = ' + oID + '\nvalID = '+valID + '\nimgClass = '+imgClass);
	if (imgClass && imgClass != '') {
		document.getElementById(oID+"_img").className = (!objDisplay || objDisplay == 'block') ? imgClass + '_off' : imgClass + '_on';	
	}

        updateLayout();
}


tabHome = new Image();
tabHome.src = "systems/wlw/images/ehc/tab_home_on.gif";
tabIncentives = new Image();
tabIncentives.src = "systems/wlw/images/ehc/tab_incentives_on.gif";
tabLifestyle = new Image();
tabLifestyle.src = "systems/wlw/images/ehc/tab_lifestyle_on.gif";
tabNutrition = new Image();
tabNutrition.src = "systems/wlw/images/ehc/tab_nutrition_on.gif";
tabFitness = new Image();
tabFitness.src = "systems/wlw/images/ehc/tab_fitness_on.gif";
tabComps = new Image();
tabComps.src = "systems/wlw/images/ehc/tab_competitions_on.gif";

var graphZ = 100;
	
function graphToFront(e) {
	xGetElementById(e).style.zIndex = graphZ++;
	return true;
}

function setGraphContent(e) {
	xInnerHtml('graphRowContent', e.innerHTML);
}