var W3CDOM = (document.createElement && document.getElementsByTagName);

var digitalphoneservice, teleassist, dsl;
var defaultdetails, digitalphoneservicedetails, teleassistdetails, dsldetails;
var offerings, details;

addLoadListener(loadFrontMenu);

function loadFrontMenu()
{
  digitalphoneservice = document.getElementById('digitalphoneservice');
  teleassist = document.getElementById('teleassist');
  dsl = document.getElementById('dsl');
  defaultdetails = document.getElementById('defaultdetails');
  digitalphoneservicedetails = document.getElementById('digitalphoneservicedetails');
  teleassistdetails = document.getElementById('teleassistdetails');
  dsldetails = document.getElementById('dsldetails');
  offerings = document.getElementById('offerings');
  details = document.getElementById('details');

  offerings.onmouseout = function(e)
  {
    if(trueMouseOut(e))
    {
      defaultdetails.style.display = 'block';
      digitalphoneservicedetails.style.display = 'none';
      teleassistdetails.style.display = 'none';
      dsldetails.style.display = 'none';
    }
  }  
  digitalphoneservice.onmouseover = function(e)
  {
      defaultdetails.style.display = 'none';
      digitalphoneservicedetails.style.display = 'block';
      teleassistdetails.style.display = 'none';
      dsldetails.style.display = 'none';
  }  
  digitalphoneservice.onmouseout = function(e)
  {
    if(trueMouseOut(e))
    {
      defaultdetails.style.display = 'block';
      digitalphoneservicedetails.style.display = 'none';
      teleassistdetails.style.display = 'none';
      dsldetails.style.display = 'none';
    }
  }  
  teleassist.onmouseover = function(e)
  {
      defaultdetails.style.display = 'none';
      digitalphoneservicedetails.style.display = 'none';
      teleassistdetails.style.display = 'block';
      dsldetails.style.display = 'none';
  }  
  teleassist.onmouseout = function(e)
  {
    if(trueMouseOut(e))
    {
      defaultdetails.style.display = 'block';
      digitalphoneservicedetails.style.display = 'none';
      teleassistdetails.style.display = 'none';
      dsldetails.style.display = 'none';
    }
  }
  dsl.onmouseover = function(e)
  {
      defaultdetails.style.display = 'none';
      digitalphoneservicedetails.style.display = 'none';
      teleassistdetails.style.display = 'none';
      dsldetails.style.display = 'block';
  }  
  dsl.onmouseout = function(e)
  {
    if(trueMouseOut(e))
    {
      defaultdetails.style.display = 'block';
      digitalphoneservicedetails.style.display = 'none';
      teleassistdetails.style.display = 'none';
      dsldetails.style.display = 'none';
    }
  }
  
  window.onscroll = function(e)
  {
    if(document.body.scrollTop && document.body.scrollTop > 150)
    {
      defaultdetails.style.top = (document.body.scrollTop - 150) +'px';
    }
    else if(document.documentElement.scrollTop && document.documentElement.scrollTop > 150)
    {
      defaultdetails.style.top = (document.documentElement.scrollTop - 150) +'px';
    }
    else if(window.pageYOffset && window.pageYOffset > 150)
    {
      defaultdetails.style.top = (window.pageYOffset - 150) +'px';
    }
    else
    {
      defaultdetails.style.top = '0px';
    }
  }
  
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function addLoadListener(fn)
{
  if (!W3CDOM) return;
  if (typeof window.addEventListener != 'undefined') 
  {
    window.addEventListener('load', fn, false);
  }
  else if (typeof document.addEventListener != 'undefined')
  {
    document.addEventListener('load', fn, false);
  }
  else if (typeof window.attachEvent != 'undefined')
  {
    window.attachEvent('onload', fn);
  }
}

function trueMouseOut(e) {
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg = reltg.parentNode
	if (reltg == tg) return false;
	return true;
}