var MenuCount = 8;
var ArticleCount = 3;
var ActiveBackgroundColor = '#1f5284';
var ActiveColor = '#ffffff';
var PassiveBackgroundColor = '#f8f8f8';
var PassiveColor = '#808080';
var HoverColor = '#ffffff';

function setModule(MenuItemId)
{
document.getElementById('HeadingContainer').innerHTML = document.getElementById(MenuItemId).innerHTML;

var codePage = "includes/GetModuleContent.aspx?ModuleID=" +MenuItemId.substring(2);
var returnString;
var xmlHttp;
try
  {
  xmlHttp=new XMLHttpRequest();
  }
catch(e)
  {
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch(e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch(e)
      {
      err_BrowserVersion();
      return false;
      }
    }
  }
xmlHttp.onreadystatechange=function()
  {
  if(xmlHttp.readyState==4)
    {
    document.getElementById('ContentContainer').innerHTML = xmlHttp.responseText;
    }
  }
xmlHttp.open("Get",codePage,true);
xmlHttp.send(null);

document.getElementById('BannerContainer').style.backgroundImage = 'url(\'graphics/' +  MenuItemId.substring(2) + '.jpg\')';

}

function setArticle(ArticleId)
{
for (i=1;i<MenuCount+1;i++)
  {
  var ElementObject = document.getElementById("mi" + i);
  ElementObject.style.backgroundColor = PassiveBackgroundColor;
  ElementObject.style.color = PassiveColor;
  ElementObject.style.backgroundImage = 'url(\'graphics/mn.gif\')';
  ElementObject.style.cursor = 'pointer';  
  }
  
document.getElementById('HeadingContainer').innerHTML = document.getElementById('at' + ArticleId).innerHTML;

var codePage = "includes/GetArticleContent.aspx?ArticleID=" + ArticleId;
var returnString;
var xmlHttp;
try
  {
  xmlHttp=new XMLHttpRequest();
  }
catch(e)
  {
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch(e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch(e)
      {
      err_BrowserVersion();
      return false;
      }
    }
  }
xmlHttp.onreadystatechange=function()
  {
  if(xmlHttp.readyState==4)
    {
    document.getElementById('ContentContainer').innerHTML = xmlHttp.responseText;
    }
  }
xmlHttp.open("Get",codePage,true);
xmlHttp.send(null);
}

function switchMenuItemNormal(MenuItemId)
{
var MenuItemObject = document.getElementById(MenuItemId);
if (MenuItemObject.style.cursor != 'default')
  {
  MenuItemObject.style.backgroundImage = 'url(\'graphics/mn.gif\')';
  MenuItemObject.style.borderRight = 'solid 1px #c2c2c2';
  MenuItemObject.style.color = PassiveColor;
  }
}

function switchMenuItemHover(MenuItemId)
{
var MenuItemObject = document.getElementById(MenuItemId);
if (MenuItemObject.style.cursor != 'default')
  {
  MenuItemObject.style.backgroundImage = 'url(\'graphics/menuItemHoverBG.gif\')';
  MenuItemObject.style.borderRight = 'solid 1px #c2c2c2';
  MenuItemObject.style.color = HoverColor;
  }
}

function switchMenuItemActive(MenuItemId)
{
var MenuItemObject = document.getElementById(MenuItemId);
if (MenuItemObject.style.cursor != 'default')
  {
  for (i=1;i<MenuCount+1;i++)
    {
    var ElementObject = document.getElementById("mi" + i);
    ElementObject.style.backgroundColor = PassiveBackgroundColor;
    ElementObject.style.color = PassiveColor;
    ElementObject.style.backgroundImage = 'url(\'graphics/mn.gif\')';
    ElementObject.style.cursor = 'pointer';
    ElementObject.style.borderRight = 'solid 1px #c2c2c2';
    
    }
  }
  MenuItemObject.style.backgroundColor = ActiveBackgroundColor;
  MenuItemObject.style.color = '#ffffff';
  MenuItemObject.style.backgroundImage = '';
  MenuItemObject.style.cursor = 'default';
  MenuItemObject.style.borderRight = 'solid 1px #c2c2c2';
  setModule(MenuItemId);
}

function SetMenuItemDefaults(ElementId)
{
}

function addMenuItemEvents(ElementId)
{
var ElementObject = document.getElementById(ElementId);
ElementObject.className = 'MenuItem';
ElementObject.style.backgroundImage = 'url(\'graphics/mn.gif\')';
ElementObject.style.cursor = 'pointer';
ElementObject.onmouseover = function(){switchMenuItemHover(ElementId);};
ElementObject.onmouseout = function(){switchMenuItemNormal(ElementId);};
ElementObject.onclick = function(){switchMenuItemActive(ElementId);};
}

function setArticleSelected(ElementId)
{
}

function switchArticleItemNormal(ElementId)
{
var ArticleItemTitleObject = document.getElementById('at' + ElementId);
var ArticleItemContentObject = document.getElementById('ac' + ElementId);
if (ArticleItemTitleObject.style.cursor != 'default')
  {
  ArticleItemTitleObject.style.backgroundImage = 'url(\'graphics/mn.gif\')';
  ArticleItemTitleObject.style.color = PassiveColor;
  }
}

function switchArticleItemHover(ElementId)
{
var ArticleItemTitleObject = document.getElementById('at' + ElementId);
var ArticleItemContentObject = document.getElementById('ac' + ElementId);
if (ArticleItemTitleObject.style.cursor != 'default')
  {
  ArticleItemTitleObject.style.backgroundImage = 'url(\'graphics/articleItemHover.gif\')';
  ArticleItemTitleObject.style.color = HoverColor;
  }
}

function switchArticleItemActive(ElementId)
{
var ArticleItemTitleObject = document.getElementById('at' + ElementId);
var ArticleItemContentObject = document.getElementById('ac' + ElementId);
if (ArticleItemTitleObject.style.cursor != 'default')
  {
  for (i=1;i<ArticleCount+1;i++)
    {
    document.getElementById('ac' + i).style.display = "none";
    }
    document.getElementById('ac' + ElementId).style.display = "";
  }
}

function addArticleItemProperties(ElementId)
{
var ArticleTitleElement = document.getElementById('at' + ElementId);
var ArticleContentElement = document.getElementById('ac' + ElementId);
ArticleTitleElement.className = 'ArticleTitle';
ArticleContentElement.className = 'ArticleContent';
ArticleContentElement.style.display = "none";
ArticleTitleElement.style.backgroundImage = 'url(\'graphics/mn.gif\')';
ArticleTitleElement.style.backgroundColor=  '#f8f8f8'
ArticleTitleElement.style.borderBottom = 'solid 1px #c2c2c2'
ArticleTitleElement.style.cursor = 'pointer';
ArticleTitleElement.onmouseover = function(){switchArticleItemHover(ElementId);};
ArticleTitleElement.onmouseout = function(){switchArticleItemNormal(ElementId);};
ArticleTitleElement.onclick = function(){switchArticleItemActive(ElementId);};
}

function initArticleItems()
{
for (i=1;i<ArticleCount+1;i++)
  {
  addArticleItemProperties(i);
  }
}

function initMenuItems()
{
var MenuItemsArray = new Array();
MenuItemsArray[0] = 'Manstrat Home';
MenuItemsArray[1] = 'Human Resources Delevelopment';
MenuItemsArray[2] = 'Agricultural Development';
MenuItemsArray[3] = 'Agricultural Information Systems';
for (i in MenuItemsArray)
  {
  alert(i + ': ' + MenuItemsArray[i]);
  }
}

window.onload = function()
{
window.status = document.title;
for (i=1;i<MenuCount+1;i++)
  {
  addMenuItemEvents('mi' + i);
  }
switchMenuItemActive("mi1");
initArticleItems();
}