// ### Method ######################################################################

function AddEvent(object, eventType, functionName)
{
  if (object.addEventListener)
  {
    object.addEventListener(eventType, functionName, false);
  }
  else
  {
    if (object.attachEvent)
    {
      object.attachEvent("on" + eventType, functionName);
    }
  }
}

function GetPosition(object)
{
  var posX = object.offsetLeft;
  var posY = object.offsetTop;

  while(object.offsetParent)
  {
    posX += object.offsetParent.offsetLeft;
    posY += object.offsetParent.offsetTop;

    if (object == document.getElementsByTagName("body")[0])
    {
      break;
    }
    else
    {
      object = object.offsetParent;
    }
  }

  return ([posX, posY]);
}


// ### Header Item #################################################################

var imgHeaderItemSrc = [];
var imgHeaderItemImage = [];

function PreloadHeaderItemImage(skinPath)
{
  var imgPath = skinPath + "image/default/header/";

  imgHeaderItemSrc[0] = imgPath + "signup00.gif";
  imgHeaderItemSrc[1] = imgPath + "signup01.gif";
  imgHeaderItemSrc[2] = imgPath + "sendit00.gif";
  imgHeaderItemSrc[3] = imgPath + "sendit01.gif";

  for (var i = 0; i < imgHeaderItemSrc.length; i++)
  {
    imgHeaderItemImage[i] = new Image();
    imgHeaderItemImage[i].src = imgHeaderItemSrc[i];
  }
}

function SetHeaderItemInlineEvent()
{
  var imgSignUp = document.getElementById("imgSignUp");
  if (imgSignUp)
  {
    AddEvent(imgSignUp, "mouseover", function HeaderItemInlineEvent(){ if ((typeof (SetHeaderItemImage)) == "function"){ SetHeaderItemImage(imgSignUp, 1); } });
    AddEvent(imgSignUp, "mouseout", function HeaderItemInlineEvent(){ if ((typeof (SetHeaderItemImage)) == "function"){ SetHeaderItemImage(imgSignUp, 0); } });
  }

  var imgSendIt = document.getElementById("imgSendIt");
  if (imgSendIt)
  {
    AddEvent(imgSendIt, "mouseover", function HeaderItemInlineEvent(){ if ((typeof (SetHeaderItemImage)) == "function"){ SetHeaderItemImage(imgSendIt, 3); } });
    AddEvent(imgSendIt, "mouseout", function HeaderItemInlineEvent(){ if ((typeof (SetHeaderItemImage)) == "function"){ SetHeaderItemImage(imgSendIt, 2); } });
  }
}

function SetHeaderItemImage(imageObject, index)
{
  imageObject.src = imgHeaderItemSrc[index];
}


// ### Header Menu #################################################################

var imgHeaderMenuSrc = [];
var imgHeaderMenuImage = [];
var divHeaderMenuContainer;
var spnHeaderMenuSelectedIndex;
var imgHeaderMenus;
var divHeaderSubMenu;
var tmrHeaderMenu;

function PreloadHeaderMenuImage(skinPath)
{
  var imgPath = skinPath + "image/default/headermenu/";

  imgHeaderMenuSrc[0] = imgPath + "whydictate00.gif";
  imgHeaderMenuSrc[1] = imgPath + "whydictate01.gif";
  imgHeaderMenuSrc[2] = imgPath + "howitworks00.gif";
  imgHeaderMenuSrc[3] = imgPath + "howitworks01.gif";
  imgHeaderMenuSrc[4] = imgPath + "services00.gif";
  imgHeaderMenuSrc[5] = imgPath + "services01.gif";
  imgHeaderMenuSrc[6] = imgPath + "products00.gif";
  imgHeaderMenuSrc[7] = imgPath + "products01.gif";
  imgHeaderMenuSrc[8] = imgPath + "contactus00.gif";
  imgHeaderMenuSrc[9] = imgPath + "contactus01.gif";

  for (var i = 0; i < imgHeaderMenuSrc.length; i++)
  {
    imgHeaderMenuImage[i] = new Image();
    imgHeaderMenuImage[i].src = imgHeaderMenuSrc[i];
  }

  divHeaderMenuContainer = document.getElementById("divHeaderMenuContainer");
  spnHeaderMenuSelectedIndex = document.getElementById("spnHeaderMenuSelectedIndex");
  imgHeaderMenus = divHeaderMenuContainer.getElementsByTagName("img");
}

function SetHeaderMenuInlineEvent()
{
  if (divHeaderMenuContainer)
  {
    if (imgHeaderMenus[0])
    {
      AddEvent(imgHeaderMenus[0], "mouseover", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOver)) == "function"){ HeaderMenuOver(imgHeaderMenus[0], 0); } });
      AddEvent(imgHeaderMenus[0], "mouseout", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOut)) == "function"){ HeaderMenuOut(); } });
    }

    if (imgHeaderMenus[1])
    {
      AddEvent(imgHeaderMenus[1], "mouseover", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOver)) == "function"){ HeaderMenuOver(imgHeaderMenus[1], 1); } });
      AddEvent(imgHeaderMenus[1], "mouseout", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOut)) == "function"){ HeaderMenuOut(); } });
    }

    if (imgHeaderMenus[2])
    {
      AddEvent(imgHeaderMenus[2], "mouseover", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOver)) == "function"){ HeaderMenuOver(imgHeaderMenus[2], 2); } });
      AddEvent(imgHeaderMenus[2], "mouseout", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOut)) == "function"){ HeaderMenuOut(); } });
    }

    if (imgHeaderMenus[3])
    {
      AddEvent(imgHeaderMenus[3], "mouseover", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOver)) == "function"){ HeaderMenuOver(imgHeaderMenus[3], 3); } });
      AddEvent(imgHeaderMenus[3], "mouseout", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOut)) == "function"){ HeaderMenuOut(); } });
    }

    if (imgHeaderMenus[4])
    {
      AddEvent(imgHeaderMenus[4], "mouseover", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOver)) == "function"){ HeaderMenuOver(imgHeaderMenus[4], 4); } });
      AddEvent(imgHeaderMenus[4], "mouseout", function HeaderMenuInlineEvent(){ if ((typeof (HeaderMenuOut)) == "function"){ HeaderMenuOut(); } });
    }
  }

  var divPage = document.getElementById("divPage");
  if (divPage)
  {
    AddEvent(divPage, "click", function PageInlineEvent(){ if ((typeof (ResetHeaderMenu)) == "function"){ ResetHeaderMenu(); } });
  }
}

function HeaderMenuOver(imageObject, index)
{
  CancelResetHeaderMenu();
  ResetHeaderMenu();

  if (imageObject.src.indexOf("01.gif") == -1)
  {
    imageObject.src = imgHeaderMenuSrc[(index * 2) + 1];
  }

  divHeaderSubMenu = document.getElementById("headerSubMenu0" + index);

  if (divHeaderSubMenu)
  {
    divHeaderSubMenu.style.left = GetPosition(imageObject)[0].toString() + "px";
    divHeaderSubMenu.style.top = ((GetPosition(imageObject)[1]) + imageObject.offsetHeight).toString() + "px";
    divHeaderSubMenu.style.display = "block";
  }
}

function HeaderMenuOut()
{
  tmrHeaderMenu = window.setTimeout("ResetHeaderMenu()", 500);
}

function ResetHeaderMenu()
{
  for (var i = 0; i < imgHeaderMenus.length; i++)
  {
    if (document.getElementById("headerSubMenu0" + i))
    {
      document.getElementById("headerSubMenu0" + i).style.display = "none";
    }

    imgHeaderMenus[i].src = imgHeaderMenuSrc[(i * 2)];
  }

  if (spnHeaderMenuSelectedIndex)
  {
    if (spnHeaderMenuSelectedIndex.innerHTML != "-1")
    {
      imgHeaderMenus[parseInt(spnHeaderMenuSelectedIndex.innerHTML)].src = imgHeaderMenus[parseInt(spnHeaderMenuSelectedIndex.innerHTML)].src.replace("00.gif", "01.gif");
    }
  }
}

function CancelResetHeaderMenu()
{
  if (tmrHeaderMenu)
  {
    window.clearTimeout(tmrHeaderMenu);
  }
}