var gALM;
var gClientListAreaId = 'ClientList';
var gSelectedProjectId = '';
var gCurrentClient;
var goImageArea;

var CATLEVEL = 0;
var SUBCATLEVEL = 1;
var CLIENTLEVEL = 2;
var PROJECTLEVEL = 3;
// Display functions

function IsValid(strCheck)
{
	if ( "undefined" == typeof(strCheck) || null == strCheck || 0 >= strCheck.length ){ return false } else {return true};
}

/*******************************************************
Every click on a menu item needs to call this function.
 It creates the proper menus based on global variable settings and then call out to the AnimatedListManager to display the correct info.
 There are two different levels going on at the same time:
 1) Category - By Client, By Industry, By Type
 2) Sub Category - Each Industry Listed or each Type listed
 3) Client - Displayed under the relevant industry or type
 4) Proj - Displayed under the relevant client
 
 At the same time, there is another level, which is the level of the menu.  Client is LEVEL2 in the By Client Category List, but LEVEL3 in the By Type and By Industry, for example.
 
********************************************************/ 
function MenuHandler(Level)
{
	var LevelOfClick = Level;
	if(CLIENT == gCategorySelectedKey){ LevelOfClick = LevelOfClick - 1}
	if ( IsValid(gClientListAreaId) )
	{
	  if ( CLIENT != gCategorySelectedKey && ( CATLEVEL == Level || SUBCATLEVEL == Level ) )
	  {
        BuildSubCatList();
		//alert('commit at subcat level' + Level);
	    gALM.Commit(gSubCategoryDivId, Level);
		LevelOfClick++; // This is necessary because we might commit again later in this same function.
	  }
	  
      if ( IsValid( gSubCatSelectedId ) || CLIENT == gCategorySelectedKey )
      {
	    // Check for Selected Client
	    if ( IsValid( gClientSelectedId ) )
        {
		  if ( CLIENTLEVEL == Level )
		  {
		  // Build the Client List
		    gCurrentClient = BuildClientList(gClientSelectedId);
			//alert('commit at client level ' + LevelOfClick);
		    gALM.Commit(gClientListAreaId, LevelOfClick);
		  }
	    }
		else
		{
	      BuildClientList('');
		  //alert('commit at client level 2 ' + LevelOfClick);
		  gALM.Commit(gClientListAreaId, LevelOfClick);
		}
		if ( IsValid( gFilteredClientArray ) && ( 1 == gFilteredClientArray.length  || IsValid( gClientSelectedId ) ) )
		{
            CreateProjectListByCat(gCurrentClient);

			if ( IsValid(gFilteredProjectArray) )
			{
			  if ( 1 == gFilteredProjectArray.length && !IsValid( gProjectSelectedId ) ) gProjectSelectedId = gFilteredProjectArray[0].ProjectId;
			  if ( IsValid ( gProjectSelectedId ) )
			  {
			    var Proj = BuildProjectList(gProjectSelectedId);
			    if( "undefinded" != typeof( Proj ) && null != Proj )
			    {
                  DisplayProjInfo(Proj);
			    }
			  }
			  else
			  {
				BuildProjectList('');
			  }
			  if(  1 < gFilteredProjectArray.length )
		      {
		         //alert('commit at project level ' + LevelOfClick + 1);
		         gALM.Commit('ProjectList', LevelOfClick + 1);
		      }
			}
		}

	  }
	  gALM.Animate();
    }
}

function CreateScrollerContent()
{
  var oScrollerDisplayArea;
  var oScrollerWrapper;
  
  var strInnerHtml;
  var Proj;
  var strProjId = '';
  var strProjName = '';
  var strProjThumb = '';
  gIndexProjects = 0;
  if( IsValid(gFilteredProjectArray) && !IsValid(gClientSelectedId) )
  {
    strInnerHtml = '<table id="t1"><tr>';
	for ( i = 0 ; i < gFilteredProjectArray.length; i++ )
	{
	  Proj = gFilteredProjectArray[i];
	  strProjId = Proj.ProjectId;
	  strProjThumb = Proj.ImgThumbUrl;
	  strInnerHtml += '<td><a href="javascript:;" onclick="SetProjFromScroller(\'' + strProjId + '\')"><img src="' + strProjThumb + '" width="167" height="140" border="0"></a></td><td width="17" align="center">';
	  if( i < gFilteredProjectArray.length - 1 )
	  {
		  strInnerHtml += '<img class="ScrollerContent" src="Images/ScrollerDivider.gif" />';
	  }
	  strInnerHtml += '</td>';
	}
	strInnerHtml += '</tr></table>';
	//oScrollerWrapper = document.getElementById('Scroller');
	oScrollerDisplayArea = document.getElementById('lyr1');
	//oScrollerWrapper.style.visibility = 'visible';
	oScrollerDisplayArea.innerHTML = strInnerHtml;
  
    g_wndo = new dw_scrollObj('wn', 'lyr1', 't1'); // initialize the scroller
    dw_scrollObj.initScroll('wn','right');
  }
}

function FindClientFromProj(ProjId)
{
  for( i = 0; i < gClientArray.length; i++ )
  {
	 ProjArray = gClientArray[i].ProjectList;
     for( j = 0; j < ProjArray.length; j++)
	 {
		if( ProjId == ProjArray[j].ProjectId )
		{
		  return gClientArray[i];	
		}
	 }
  }
  return false;
}

function SetProjFromScroller(ProjId)
{
	var Client;
	ResetProjArray();
	
	gProjectSelectedId = ProjId;
	Client = FindClientFromProj(ProjId);
	gClientSelectedId = Client.ClientId;
	MenuHandler(CLIENTLEVEL);
	//MenuHandler(PROJECTLEVEL);
}

function HideProjInfo()
{
  var oCopyArea;
  var oImgArea;
  
  FadeStop();
  oCopyArea = document.getElementById('ProjectCopy');
  oCopyArea.innerHTML = '';
  oImgArea = document.getElementById('ProjectHeroImage');  
  oImgArea.style.visibility = 'hidden';
  oImgArea.style.height = '0px';
}

function DisplayProjInfo(Proj)
{
  var oCopyArea;
  var oImgArea;
  
  FadeStop();
	  
  HideScroller();

  oCopyArea = document.getElementById('ProjectCopy');
  goImageArea = document.getElementById('ProjectHeroImage');  
  goImageArea.style.visibility = 'visible';
  goImageArea.style.height = '334px';
  
  var strProjName = '';
  var strProjCopy = '';
  var strImgSrc = '';
  
  //gProjectSelectedId = Proj.ProjectId;
  if( 0 < Proj.TxtDescr.length )
  {
    oCopyArea.innerHTML = Proj.TxtDescr;
  }
  else
  {
    oCopyArea.innerHTML = '<p><span class="IntroBig">Scan  the Horizon</span> Scroll or  search through the Lionfish portfolio for a look at some of our work. For a deeper dive into the results of our projects, click the case studies link.</span></p>';	  
  }
  if( 0 < Proj.ImgUrlArray[0].length ) // This Array must always have at least one image, and that is what we will start with.
  {
	goImageArea.style.background = 'url(' + Proj.ImgUrlArray[0] + ')';
	goImageArea.style.width = 639;
	goImageArea.style.height = 334;
	goImageArea.innerHTML = '<img id="HeroImage" src="' + Proj.ImgUrlArray[0] + '" width="639" height="334" />';
	if ( 1 < Proj.ImgUrlArray.length )
	{
      fadeInit(Proj.ImgUrlArray, goImageArea.id, 'HeroImage');
	}
  }
}

function BuildProjectList(SelectedProjectId)
{
  var Proj;
  var CurrentProj = new Object();
  var strProjectList = '';
  var strProjName = '';
  var strProjId = '';
  
  if( IsValid(gFilteredProjectArray) )
  {
    CurrentProj = gFilteredProjectArray[0]; // default is to display the first project

    for( i = 0; i < gFilteredProjectArray.length; i++ )
    {
	  Proj = gFilteredProjectArray[i];
	  strProjName = Proj.ProjectName;
	  strProjId = Proj.ProjectId;
      if( strProjId == SelectedProjectId )
      {
        strProjectList = '<li class="Selected" id="' + strProjId + '" onmouseout="SetProjMouseOut(\'' + strProjId + '\')">';
		CurrentProj = Proj;
	  }
	  else
	  {
	    strProjectList = '<li class="Project" id="' + strProjId + '" onmouseover="SetProjMouseOver(\'' + strProjId + '\')" onmouseout="SetProjMouseOut(\'' + strProjId + '\')" onclick="SetProjClick(\'' + strProjId + '\')">';
	  }
	  strProjectList += strProjName;
	  strProjectList += '</li>';
	  gALM.AddItem(strProjectList);
	}
  }

  return CurrentProj;
}

function ResetOldProjectListElement()
{
  var oOldProjSelected;
  if( "undefined" != typeof(gProjectSelectedId) && 0 < gProjectSelectedId.length )
  {
    oOldProjSelected = document.getElementById(gProjectSelectedId);
	if( "undefined" != typeof(oOldProjSelected) && null != oOldProjSelected )
	{
	  oOldProjSelected.style.color = '#9faec2';
	  oOldProjSelected.style.listStyleType = 'none';
	}
  }
}

function HideScroller()
{
  var oScrollerArea;
  var oScrollerDisplayArea;
  
  oScrollerArea = document.getElementById('Scroller');
  oScrollerArea.style.visibility = 'hidden';
  oScrollerDisplayArea = document.getElementById('lyr1');
  oScrollerDisplayArea.style.visibility = 'hidden'
  oScrollerArea.style.position = 'absolute';
    
  var oContentArea;
  oContentArea = document.getElementById('ProjectHeroImage');
  oContentArea.style.visibility = 'visible';
}

function ShowScroller()
{
  var oScrollerArea;
  var oScrollerDisplayArea;
  
  oScrollerArea = document.getElementById('Scroller');
  oScrollerArea.style.visibility = 'visible';
  oScrollerDisplayArea = document.getElementById('lyr1');
  oScrollerDisplayArea.style.visibility = 'visible'
  oScrollerArea.style.position = 'relative';
  
  gProjectSelectedId = '';
  
  var oContentArea;
  oContentArea = document.getElementById('ProjectHeroImage');
  oContentArea.style.visibility = 'hidden';
  var oProjectListArea;
  oProjectListArea = document.getElementById('ProjectList');
  if ( "undefined" != typeof(oProjectListArea) && null != oProjectListArea )
  {
    oProjectListArea.innerHTML = '';
  }
  var oCopyArea;
  oCopyArea = document.getElementById('ProjectCopy');
  if ( "undefined" != typeof(oCopyArea) && null != oCopyArea )
  {
    oCopyArea.innerHTML = '';
  }
}

function SetProjClick(ProjId) 
{
  var SelectedClient;
  
  if( gClientSelectedId.length <= 0 )
  {
	SelectedClient = FindClientFromProj(ProjId)
	gClientSelectedId = SelectedClient.ClientId;
	if(false == gClientSelectedId) return false;
  }
  gProjectSelectedId = ProjId;
  
  gIndexProjects = 0;
  MenuHandler(PROJECTLEVEL);
}

function CreateListOfAllProjectsForClient(Client)
{
  var j = 0;
  var ProjArray = new Array();

  if ("undefined" == typeof(Client))
  {
	  gProjectSelectedId = '';
  }
  else
  {
    ProjArray = Client.ProjectList;
    j = 0;
    while( j < ProjArray.length && j < NUMPROJECTSTODISPLAY)
    {
      gFilteredProjectArray[gIndexProjects++] = ProjArray[j++];
    }
  }
}

function ResetOldClientList()
{
  var oOldClientSelected;

  gIndexProjects = 0;
  if( "undefined" != typeof(gClientSelectedId) && 0 < gClientSelectedId.length )
  {
    oOldClientSelected = document.getElementById(gClientSelectedId);
    oOldClientSelected.style.color = '#9faec2';
    oOldClientSelected.style.listStyleType = 'none';
  }
}

function BuildClientList(ClientId)
{  
  //var oDisplayArea;
  //oDisplayArea = document.getElementById('ClientList');

  var strClientList = '';
  var strClientName = '';
  var CurrentClient;
  
  if( 0 < gFilteredClientArray.length )
  {  
	if ( 1 == gFilteredClientArray.length && !IsValid(gClientSelectedId) ) gClientSelectedId = gFilteredClientArray[0].ClientId;
    //strClientList = '<ul>';
    for( i = 0; i < gFilteredClientArray.length; i++ )
    {
	  strClientName = gFilteredClientArray[i].ClientName;
	  strClientId = gFilteredClientArray[i].ClientId;
      if( strClientId == gClientSelectedId )
      {
	    strClientList = '<li class="Selected" id="' + strClientId + '" onmouseout="SetClientMouseOut(\'' + strClientId + '\')">';
		strClientList += strClientName;
		strClientList += '<div id="ProjectList" style="height: 0px;"></div></li>';
		CurrentClient = gFilteredClientArray[i];
	  }
	  else
	  {
	    strClientList = '<li class="Client" id="' + strClientId + '" onmouseover="SetClientMouseOver(\'' + strClientId + '\')" onmouseout="SetClientMouseOut(\'' + strClientId + '\')" onclick="SetClientClick(\'' + strClientId + '\', \'\')">';
		strClientList += strClientName;
		strClientList += '</li>';
	  }
	  gALM.AddItem(strClientList);
	}
	//strClientList += '</ul>';
    //oDisplayArea.innerHTML = strClientList;
  }
  return CurrentClient;
}

function CreateProjectListByCat(CurrentClient)
{
    switch( gCategorySelectedKey )
	{
	  case INDUSTRY:
		CreateListOfProjectsFilteredByIndustry(CurrentClient);
	    break;
	  case PROJECTTYPE:
	    CreateListOfProjectsFilteredByType(CurrentClient);			
	    break;
	  default:	    
	    CreateListOfAllProjectsForClient(CurrentClient);
	}
}

function CreateArrayOfClients()
{
    switch( gCategorySelectedKey )
	{
	  case INDUSTRY:
	    CreateArrayOfClientsFilteredByIndustry();	    
	    break;
	  case PROJECTTYPE:
	    CreateArrayOfClientsFilteredByType();	    
	    break;
	  default:
	    CreateListOfAllClients();
	}
}

function SetClientClick(ClientId)
{
  ResetOldClientList();
  ResetProjArray();
  gClientSelectedId = ClientId;
  MenuHandler(CLIENTLEVEL);
}

function CreateArrayOfClientsFilteredByIndustry()
{
  var j = 0;
  gIndexProjects = 0;
  gFilteredClientArray = new Array();
	
  if( 0 < gClientArray.length )
  {
    for( i = 0; i < gClientArray.length; i++ )
	{
	  if( gClientArray[i].vIndustry == gSubCatSelectedName )
	  {
        gFilteredClientArray[j++] = gClientArray[i];
		CreateListOfAllProjectsForClient(gClientArray[i]);
      }
	}
  }
}

function CreateListOfProjectsFilteredByType(Client)
{
  var bAddThisClient = false;
  var j = 0;
  if( typeof(Client) != "undefined" )
  {
	  //alert(Client.ClientName);
	  //alert(Client.ProjectList.length);
    ProjArray = Client.ProjectList;
    bAddThisClient = false;
    while( j < ProjArray.length && j < NUMPROJECTSTODISPLAY)
    {
	  for ( k=0; k < ProjArray[j].vTypeArray.length; k++ )
	  {
        if( ProjArray[j].vTypeArray[k] == gSubCatSelectedName )
        {
	      bAddThisClient = true;
          gFilteredProjectArray[gIndexProjects++] = ProjArray[j];
        }
	  }
	  j++;
    }
	if ( !IsValid(gProjectSelectedId) && IsValid(gClientSelectedId) )
	{
	  gProjectSelectedId = gFilteredProjectArray[0].ProjectId;
	}
  }
  else
  {
	gProjectSelectedId = '';
  }
  return bAddThisClient;
}

function CreateListOfProjectsFilteredByIndustry(Client)
{
  var bAddThisClient = false;
  var j = 0;
  if( IsValid(Client) )
  {
    ProjArray = Client.ProjectList;
    bAddThisClient = false;
    while( j < ProjArray.length && j < NUMPROJECTSTODISPLAY)
    {
      if( Client.vIndustry == gSubCatSelectedName )
      {
	    bAddThisClient = true;
        gFilteredProjectArray[gIndexProjects++] = ProjArray[j];
      }
	  j++;
    }
	if ( !IsValid(gProjectSelectedId) )
	{
	  gProjectSelectedId = gFilteredProjectArray[0].ProjectId;
	}
  }
  else
  {
	gProjectSelectedId = '';
  }
  return bAddThisClient;
}

function CreateArrayOfClientsFilteredByType()
{
  var j = 0;
  var bAddThisClient = false;

  gFilteredClientArray = new Array();
  gIndexProjects = 0;
  if( 0 < gClientArray.length )
  {
    for( i = 0; i < gClientArray.length; i++ )
	{
	  // Only want to add a client one time for a particular project type
	  if( true == CreateListOfProjectsFilteredByType( gClientArray[i] ) )
	  {
	    gFilteredClientArray[j] = gClientArray[i];
		j++;
	  }
	}
  }
}

function CreateListOfAllClients()
{
  var j = 0;
  gIndexProjects = 0;
  gFilteredClientArray = new Array();

  if( 0 < gClientArray.length )
  {
    for( i = 0; i < gClientArray.length; i++ )
	{
	  CreateListOfAllProjectsForClient(gClientArray[i]);
      gFilteredClientArray[j] = gClientArray[i];
	  j++;
	}
  }
}

function InitPortfolio()
{
  var qs = new QueryString();
  var ProjectSelectedId = qs.get("Pr", "");
  
  ResetClientArray();
  ResetProjArray();
  
  CreateListOfAllClients();
  gALM = new AnimatedListManager();
  gClientListAreaId = 'ByClientSubCat';
  gCategorySelectedKey = CLIENT;
  gCategorySelectedId = 'ByClient';
  
  MenuHandler(SUBCATLEVEL);
  if ( 0 < ProjectSelectedId.length )
  {
    SetProjFromScroller(ProjectSelectedId);
  }
  else
  {  
    CreateScrollerContent();
  
    g_wndo = new dw_scrollObj('wn', 'lyr1', 't1'); // initialize the scroller
    dw_scrollObj.initScroll('wn','right');
	ShowScroller();
  }
}

function ResetProjArray()
{
  gFilteredProjectArray = new Array();
  gIndexProjects = 0;
  gProjectSelectedId = '';
}

function ResetClientArray()
{
  gClientSelectedId = '';
  gFilteredClientArray = new Array();
}

function SetClientMouseOver(strId)
{
  var oCat;
  oCat = document.getElementById(strId);
  oCat.style.color = '#FFFFFF';
  oCat.style.listStyleType = 'disc';
}

function SetClientMouseOut(strId)
{
  var oCat;
  if( gClientSelectedId != strId )
  {
    oCat = document.getElementById(strId);
    oCat.style.color = '#9faec2';
    oCat.style.listStyleType = 'none';
  }
}

function SetProjMouseOver(strId)
{
  var oProj;
  oProj = document.getElementById(strId);
  oProj.style.color = '#FFFFFF';
}

function SetProjMouseOut(strId)
{
  var oProj;
  if( gProjectSelectedId != strId )
  {
    oProj = document.getElementById(strId);
    oProj.style.color = '#9faec2';
  }
}

/* --------------------------------

Control the Sub Category interaction 

----------------------------------*/

function BuildSubCatList()
{
	var strListArray = new Array();
	var strListArrayIndex = 0;
	
    for( i = 0; i < gSubCatArray[gCategorySelectedKey].length; i++ )
    {
      strSubCatName = gSubCatArray[gCategorySelectedKey][i].SubCatName;
	  strSubCatId = gSubCatArray[gCategorySelectedKey][i].SubCatId;

	  if( gSubCatSelectedId == strSubCatId )
	  {
		if(strSubCatId == '18Video')
		{
			strListItem = '<li class="Selected" id="' + strSubCatId + '" onmouseout="SetSubCatMouseOut(\'' + strSubCatId + '\')">';
			strListItem += '<a style="text-decoration: none;" href="video.html" onmouseover="this.style.color=\'#ffffff\';" onmouseout="this.style.color=\'rgb(159, 174, 194)\';">' + strSubCatName + '</a>';
			strListItem += '</li>';
		}
		else
		{
			strListItem = '<li class="Selected" id="' + strSubCatId + '" onmouseout="SetSubCatMouseOut(\'' + strSubCatId + '\')">';
			strListItem += strSubCatName;
			strListItem += '<div id="ClientList"></div></li>';
		}
	  }
	  else
      {
		if(strSubCatId == '18Video')
		{
			strListItem = '<li class="SubCat" id="' + strSubCatId + '" onmouseover="SetSubCatMouseOver(\'' + strSubCatId + '\')" onmouseout="SetSubCatMouseOut(\'' + strSubCatId + '\')" onclick="SetSubCatClick(\'' + strSubCatId + '\', \'' + strSubCatName + '\')">';
			strListItem += '<a style="text-decoration: none;" href="video.html" onmouseover="this.style.color=\'#ffffff\';" onmouseout="this.style.color=\'rgb(159, 174, 194)\';">' + strSubCatName + '</a>';
			strListItem += '</li>';
		}
		else
		{
			strListItem = '<li class="SubCat" id="' + strSubCatId + '" onmouseover="SetSubCatMouseOver(\'' + strSubCatId + '\')" onmouseout="SetSubCatMouseOut(\'' + strSubCatId + '\')" onclick="SetSubCatClick(\'' + strSubCatId + '\', \'' + strSubCatName + '\')">';
			strListItem += strSubCatName;
			strListItem += '</li>';
		}
	  }
	  gALM.AddItem(strListItem);
    }
}

function SetSubCatClick(strId, strName)
{
  if ( IsValid(strId) )
  {
    ResetProjArray();
    ResetClientArray();
	gSubCatSelectedId = strId;
    gSubCatSelectedName = strName;
    CreateArrayOfClients();
    gClientListAreaId = 'ClientList';
    MenuHandler(SUBCATLEVEL);
  }
	/*
  if ( 1 < gFilteredClientArray.length )
  {
    ShowScroller();
    CreateScrollerContent();
	
	dw_scrollObj.initScroll('wn','right'); // bring list back to starts
	HideProjInfo();
  }
  else
  {
    HideScroller();  // TO DO - also hide the project area.
  }
  */
}

function SetSubCatMouseOver(strId)
{
  var oCat;
  oCat = document.getElementById(strId);
  oCat.style.color = '#FFFFFF';
  oCat.style.listStyleType = 'disc';
}

function SetSubCatMouseOut(strId)
{
  var oCat;
  if( gSubCatSelectedId != strId )
  {
    oCat = document.getElementById(strId);
    oCat.style.color = '#9faec2';
    oCat.style.listStyleType = 'none';
  }
}

/* --------------------------------

Control the Category interaction 

----------------------------------*/
function SetCategoryClick(CategoryArrayKey, CategoryClickedId, SubCategoryToExpandId)
{
  var strListItem = "";
  if( gCategorySelectedId!=CategoryClickedId && gCategorySelectedId.length )
  {
    // var oOldSubCatContentArea = document.getElementById(gSubCategoryDivId);
    var oOldCategorySelected = document.getElementById(gCategorySelectedId);
    oOldCategorySelected.Class = 'PortfolioSelector';
	oOldCategorySelected.style.color = '#9faec2';
	oOldCategorySelected.style.cursor = 'pointer';
    // oOldSubCatContentArea.innerHTML = '';
  }
  gSubCatSelectedId = '';
  
  // var oContentArea = document.getElementById(SubCategoryToExpandId);
  
  gCategorySelectedKey = CategoryArrayKey;
  gCategorySelectedId = CategoryClickedId;
  gSubCategoryDivId = SubCategoryToExpandId;
  
  ResetProjArray();
  ResetClientArray();
  
  gLevelOfClick = CATLEVEL;
  //var strSubCatList = '';
  //var strSubCatName = '';
  //var strSubCatId = '';
	
  if( CLIENT == gCategorySelectedKey )//"undefined" == typeof(gSubCatArray) || "undefined" == typeof(gSubCatArray[gCategorySelectedKey]) || 0 >= gSubCatArray[gCategorySelectedKey].length )
  {
	gSubCatSelectedName = '';
	gSubCatSelectedId = '';

    CreateArrayOfClients();
	gClientListAreaId = 'ByClientSubCat';
	MenuHandler(SUBCATLEVEL);
    ShowScroller();
	HideProjInfo();
    CreateScrollerContent();
	g_wndo.ResetX();  // bring list back to starts
	dw_scrollObj.initScroll('wn','right');
  }
  else
  {
    MenuHandler(CATLEVEL);
	gClientListAreaId = 'ClientList';  
  }
}

function SetCategoryMouseOver(strId)
{
  var oCat;
  oCat = document.getElementById(strId);
  oCat.style.color = '#FFFFFF';
}

function SetCategoryMouseOut(strId)
{
  var oCat;
  oCat = document.getElementById(strId);
  if( gCategorySelectedId == strId )
  {
    oCat.style.color = '#ffffff';
	oCat.style.cursor = 'default';
  }
  else
  {
    oCat.style.color = '#9faec2';
	oCat.style.cursor = 'pointer';
  }
}