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

var digitalphoneservice, dialupinternet, offerings, offeringdetails, defaultdetails;
var digitalphoneservicedetails, dialupinternetdetails;

addLoadListener(loadFrontMenu);

function loadFrontMenu()
{
  residentialphoneservice = document.getElementById('residentialphoneservice1');
  businessphoneservice = document.getElementById('businessphoneservice1');
  dialupinternet = document.getElementById('dialupinternet1');
  residentialphoneservicedetails = document.getElementById('residentialphoneservicedetails');
  businessphoneservicedetails = document.getElementById('businessphoneservicedetails');
  dialupinternetdetails = document.getElementById('dialupinternetdetails');
  offerings = document.getElementById('offerings');
  offeringdetails = document.getElementById('offeringdetails');
  defaultdetails = document.getElementById('defaultdetails');

  offerings.onmouseout = function(e)
  {
    if(trueMouseOut(e))
    {
      defaultdetails.style.display = 'block';
      residentialphoneservicedetails.style.display = 'none';
      businessphoneservicedetails.style.display = 'none';
      dialupinternetdetails.style.display = 'none';
    }
  }  
  residentialphoneservice.onmouseover = function(e)
  {
      defaultdetails.style.display = 'none';
      residentialphoneservicedetails.style.display = 'block';
      businessphoneservicedetails.style.display = 'none';
      dialupinternetdetails.style.display = 'none';
  }  
  residentialphoneservice.onmouseout = function(e)
  {
    if(trueMouseOut(e))
    {
      defaultdetails.style.display = 'block';
      residentialphoneservicedetails.style.display = 'none';
      businessphoneservicedetails.style.display = 'none';
      dialupinternetdetails.style.display = 'none';
    }
  }    
  businessphoneservice.onmouseover = function(e)
  {
      defaultdetails.style.display = 'none';
      residentialphoneservicedetails.style.display = 'none';
      businessphoneservicedetails.style.display = 'block';
      dialupinternetdetails.style.display = 'none';
  }  
  businessphoneservice.onmouseout = function(e)
  {
    if(trueMouseOut(e))
    {
      defaultdetails.style.display = 'block';
      residentialphoneservicedetails.style.display = 'none';
      businessphoneservicedetails.style.display = 'none';
      dialupinternetdetails.style.display = 'none';
    }
  }  
  dialupinternet.onmouseover = function(e)
  {
      defaultdetails.style.display = 'none';
      residentialphoneservicedetails.style.display = 'none';
      businessphoneservicedetails.style.display = 'none';
      dialupinternetdetails.style.display = 'block';
  }  
  dialupinternet.onmouseout = function(e)
  {
    if(trueMouseOut(e))
    {
      defaultdetails.style.display = 'block';
      dialupinternetdetails.style.display = 'none';
      businessphoneservicedetails.style.display = 'none';
      dialupinternetdetails.style.display = 'none';
    }
  }
  window.onscroll = function(e)
  {
    if(document.body.scrollTop && document.body.scrollTop > 150)
    {
      offeringdetails.style.top = (document.body.scrollTop - 150) +'px';
    }
    else if(document.documentElement.scrollTop && document.documentElement.scrollTop > 150)
    {
      offeringdetails.style.top = (document.documentElement.scrollTop - 150) +'px';
    }
    else if(window.pageYOffset && window.pageYOffset > 150)
    {
      offeringdetails.style.top = (window.pageYOffset - 150) +'px';
    }
    else
    {
      offeringdetails.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;
}