function clearNavigation()
{
    var menu = document.getElementById("nav");
    var browser = (navigator.appName);
    var isIE = (browser ==  "Microsoft Internet Explorer");
    
    var className = "class";
    
    if (isIE)
        className = "className";
        
     var liElements = menu.getElementsByTagName("LI");        
     
     for(var i=0; i<liElements.length; i++)
     {
        var liClassName = liElements[i].getAttribute(className);
        
        var reg = /this/g
        
        if (reg.test(liClassName))
        {
            liClassName = liClassName.replace(reg, "");
            liElements[i].className = liClassName;
            
            liElements[i].firstChild.disabled = false;            
        }
     }
}

function toggleChildNodes(liElement)
{
     var level = liElement.getAttribute("pagelevel");
     
     var sibling = liElement.nextSibling;
     var cont = true;
     
     while ((sibling != undefined) && (cont))
     {
        if (sibling.tagName == "LI")
        {
            var siblingLevel = sibling.getAttribute("pagelevel");
            if (Number(siblingLevel) == (Number(level) + 1))
            {
                var liClassName = sibling.className;
                
                
                
                if (liClassName.indexOf("collapsed") > -1)
                    {
                        var reg = /collapsed/g
                        liClassName = liClassName.replace(reg, "");
                        sibling.className = liClassName;
                    }
                 else
                    sibling.className = sibling.className + " collapsed";
            }
            else 
                cont = false;
        }
    
        sibling = sibling.nextSibling;
     }
     
     //change the up down image
     if (liElement.firstChild.firstChild != undefined)
     {
        if ((liElement.firstChild.firstChild.tagName != undefined) && (liElement.firstChild.firstChild.tagName == "SPAN"))
        {
            var span = liElement.firstChild.firstChild;
            
            if (span.className == "expanded")
                span.className = "collapsed";
            else if (span.className == "collapsed")
                span.className = "expanded";      
         }
     }
}

function toggleMenu(span)
{
    if (window.event != undefined)
        window.event.cancelBubble = true;
        
    toggleChildNodes(span.parentNode.parentNode);
    return false;
}

function toggleSiteMapNode(node)
{
    var liElement = node;
    var ulElement = liElement.parentNode.childNodes[2];
    
    
    if (liElement.className == "expanded")
    {
        liElement.className = "collapsed"
        ulElement.className = "collapsed";
    }
    else
    {
        liElement.className = "expanded"
        ulElement.className = "";
    }
        
    return false;
}

function collapseMenu()
{
    var menu = document.getElementById("nav");
    var browser = (navigator.appName);
    var isIE = (browser ==  "Microsoft Internet Explorer");
    
    var className = "class";
    
    if (isIE)
        className = "className";
        
    //any li elements with class name "expanded" - set to collapsed
     var liElements = menu.getElementsByTagName("LI");        
     
     for(var i=0; i<liElements.length; i++)
     {
        var liClassName = liElements[i].getAttribute(className);
        
        var reg = /this/g
        var reg2 = /expanded/g
        var reg3 = /indent/g
        var reg4 = /collapsed/g        
        
        if (reg.test(liClassName))
        {
            liClassName = liClassName.replace(reg, "");
            liElements[i].className = liClassName;
        }
        
        liClassName = liElements[i].getAttribute(className);
        
        if (reg2.test(liClassName))
        {
            liClassName = liClassName.replace(reg2, "collapsed");
            liElements[i].className = liClassName;
        }
        
        liClassName = liElements[i].getAttribute(className);
        
        if (reg3.test(liClassName))
        {
            if (!reg4.test(liClassName))
                liClassName = liClassName.replace(reg3, "indent collapsed");
                
            liElements[i].className = liClassName;
        }
        
        //check if li element has span child: 
                
        var span = liElements[i].getElementsByTagName("SPAN")
        
        if (span.length > 0)
        {
            for (var j = 0; j<span.length;j++)
            {
                if (span[j].className == "expanded")
                {
                    span[j].className = "collapsed";
                }
            }
        }
            
        //ensure link is enabled            
        var link = liElements[i].getElementsByTagName("A")
        
        if (link.length > 0)
            link[0].disabled = false;
        
     }
}

function expandToNode(li)
{
    var pageLevel = li.getAttribute("pageLevel");
    
    if (pageLevel == 2)
    {
        var sibling = li.previousSibling;
        
        while (sibling != undefined)
        {
            if (sibling.tagName != undefined)
            {
                pageLevel = sibling.getAttribute("pageLevel");
                
                if (pageLevel == 1)
                {
                    var span = sibling.getElementsByTagName("SPAN");
                    toggleChildNodes(span[0].parentNode.parentNode);
                     
                    return;
                }
            }
            
            sibling = sibling.previousSibling;
            
        }
    }
}


function popupContent(section, name)
{    
    
    if (section == null || section == 'undefined' || name == null || name == 'undefined')
        return ;
    
    var url = "/ws/page/pageContent.aspx?faqSection=" + section + "&faqName=" + name;

    var  httpService = new HttpService(url, false, false, null, null, 'popupContentCallback', section, name) ;
    if (!httpService.httpRequest)
        return false;

    var divContent = document.getElementById("popupContent") ;     
    if (divContent != null)   
        divContent.innerHTML = '<img src="/images/LoadingAnim.gif" style="margin-top:200px;margin-left:300px;" alt="Please wait while loading .... "/>';
   
    httpService.call();
    
    var popup = document.getElementById("popup");
    if (popup != null) 
    {
        relocatePopup();
        fadeInPopup(); //popup.style.display = "block";
    }
    
    return false;                     
    
 }
 
function popupContentCallback(httpRequest, section, name)
{

    if (httpRequest.readyState == 4) {
        var divContent = document.getElementById("popupContent") ;
        if (divContent != null)
        {
            if (httpRequest.status != 500)
                divContent.innerHTML = httpRequest.responseText;
            else
                divContent.innerHTML = "";
        }
        contentLoaded = true;
        httpRequest = null ;
   }         
}

function closePopup()

{
    var popup = document.getElementById("popup");

    if (popup != null) fadeOutPopup();//popup.style.display = "none";
}


function fadeInPopup() {

 document.body.onscroll = relocatePopup;
 document.body.onresize = relocatePopup;

 for( var i = 0 ; i <= 100 ; i++ )
   setTimeout( 'setOpacity("popup",' + (i / 10) + ')' , 1 * i );
}

function fadeOutPopup() {

 document.body.onscroll = null;
 document.body.onresize = null;

 for( var i = 0 ; i <= 100 ; i++ ) {
   setTimeout( 'setOpacity("popup",' + (10 - i / 10) + ')' , 6 * i );
 }
}

function relocatePopup(ev)
{

  var eventObj = (document.all) ? event : ev;

  var popup = document.getElementById("popup");
  var popupContent = document.getElementById("popupContent");

  var scrolledX, scrolledY;
  if( self.pageYOffset ) {
    scrolledX = self.pageXOffset;
    scrolledY = self.pageYOffset;
  } else if( document.documentElement && document.documentElement.scrollTop ) {
    scrolledX = document.documentElement.scrollLeft;
    scrolledY = document.documentElement.scrollTop;
  } else if( document.body ) {
    scrolledX = document.body.scrollLeft;
    scrolledY = document.body.scrollTop;
  }

  var Y;
  if( self.innerHeight ) {
    Y = self.innerHeight;
  } else if( document.documentElement && document.documentElement.clientHeight ) {
    Y = document.documentElement.clientHeight;
  } else if( document.body ) {
    Y = document.body.clientHeight;
  }
  
  var X;
  if( self.innerWidth ) {
    X = self.innerWidth;
  } else if( document.documentElement && document.documentElement.clientWidth ) {
    X = document.documentElement.clientWidth;
  } else if( document.body ) {
    X = document.body.clientWidth;
  }
  
  var leftOffset = scrolledX + 50;
  var topOffset = scrolledY + 50;
  
  //var height = (Y > 800) ? 700 : (Y < 300) ? 200 : (Y - 100);
  
  //var height = popupHeight
  //var width = popupWidth;       
  
//  if ((Y - height) > 0 )
//  {
//    topOffset = (Y - height)/2 ;
//  }
//  else{
//    topOffset = 0;
//  }

//  if ((X - width) > 0 )
//  {
//    leftOffset = (X - width)/2 ;
//  }
//  else{
//    leftOffset = 0;
//  }
  
    
  
  if (popup != null)
  {
      popup.style.top = topOffset + "px";
      popup.style.left = leftOffset + "px";

      //popup.style.height = height + "px";
      //popupContent.style.height = (height - 30) + "px";
      
      //popup.style.width = width + "px";
      //popupContent.style.width = width + "px";
      
  }
}


function setUpPopupSize(width, height)
{
    if (width != null)
        popupWidth = width;
    if (height != null)
    popupHeight = height;

}

function setPopupContent(html)
{
   var popUp = getPopupContent() ;
   if (popUp != null && !IsNullOrEmpty(html) )
   {    
        popUp.innerHTML = html ;
   }
}

function setPopupContentError(errorMessage)
{
   var popUp = getPopupContent() ;
   if (popUp != null && !IsNullOrEmpty(errorMessage) )
   {    
        popUp.innerHTML = "<p class=\"error\" >" + errorMessage + "</p><p class=\"errorF\">";
   }
}
function setPopupContentMessage(message)
{
   var popUp = getPopupContent() ;
   if (popUp != null && !IsNullOrEmpty(message) )
   {    
        popUp.innerHTML = "<p class=\"action\" >" + message + "</p><p class=\"actionF\">";
   }
}

function showLoading()
{
    var divContent = getPopupContent() ;
    var popup = document.getElementById("popup") ;
    if (popup != null)
    {
        popup.style.display = "block" ;
    }
    
    if (divContent != null)   
        divContent.innerHTML = '<div id="popupLoading" />';
        
}

function getPopupContent()
{
   return document.getElementById("popupContent") ;
}