function funSwapNavigation(strImgName,strAreaName,strParent,strChild)
    {        
        document.getElementById("" + strImgName + "").src= '/images/navigation/' + strAreaName + '_on.jpg' ;
        
        funKillNavigation(strAreaName);
        
        at_attach(strImgName, strAreaName, strParent, strChild, 'hover', 'y', 'pointer') ;
    }

function funKillNavigation(strAreaName)
{
     
    switch(strAreaName)
        {
        case 'expertise':            
            document.getElementById('menu_PRODUCTS').style.display = 'none' ;
            document.getElementById('imgProducts').src= '/images/navigation/products_off.jpg' ;

            document.getElementById('menu_SERVICES').style.display = 'none' ;
            document.getElementById('imgServices').src= '/images/navigation/services_off.jpg' ;
            
            document.getElementById('menu_TRAINING_DEVELOPMENT').style.display = 'none' ;
            document.getElementById('imgTraining').src= '/images/navigation/training_off.jpg' ;
            
            document.getElementById('menu_INDUSTRY_PROGRAMMES').style.display = 'none' ;
            document.getElementById('imgProgrammes').src= '/images/navigation/programmes_off.jpg' ;
            
            document.getElementById('menu_ABOUT_IGD').style.display = 'none' ;
            document.getElementById('imgAbout').src= '/images/navigation/about_off.jpg' ;

            break;    
        case 'products':           
            document.getElementById('menu_INDUSTRY_EXPERTISE').style.display = 'none' ;
            document.getElementById('imgExpertise').src= '/images/navigation/expertise_off.jpg' ;

            document.getElementById('menu_SERVICES').style.display = 'none' ;
            document.getElementById('imgServices').src= '/images/navigation/services_off.jpg' ;
            
            document.getElementById('menu_TRAINING_DEVELOPMENT').style.display = 'none' ;
            document.getElementById('imgTraining').src= '/images/navigation/training_off.jpg' ;
            
            document.getElementById('menu_INDUSTRY_PROGRAMMES').style.display = 'none' ;
            document.getElementById('imgProgrammes').src= '/images/navigation/programmes_off.jpg' ;
            
            document.getElementById('menu_ABOUT_IGD').style.display = 'none' ;
            document.getElementById('imgAbout').src= '/images/navigation/about_off.jpg' ;
            break; 
        case 'services':
            document.getElementById('menu_INDUSTRY_EXPERTISE').style.display = 'none' ;
            document.getElementById('imgExpertise').src= '/images/navigation/expertise_off.jpg' ;
            
            document.getElementById('menu_PRODUCTS').style.display = 'none' ;
            document.getElementById('imgProducts').src= '/images/navigation/products_off.jpg' ;
            
            document.getElementById('menu_TRAINING_DEVELOPMENT').style.display = 'none' ;
            document.getElementById('imgTraining').src= '/images/navigation/training_off.jpg' ;
            
            document.getElementById('menu_INDUSTRY_PROGRAMMES').style.display = 'none' ;
            document.getElementById('imgProgrammes').src= '/images/navigation/programmes_off.jpg' ;
            
            document.getElementById('menu_ABOUT_IGD').style.display = 'none' ;
            document.getElementById('imgAbout').src= '/images/navigation/about_off.jpg' ;
            break; 
        case 'training':
            document.getElementById('menu_INDUSTRY_EXPERTISE').style.display = 'none' ;
            document.getElementById('imgExpertise').src= '/images/navigation/expertise_off.jpg' ;
            
            document.getElementById('menu_PRODUCTS').style.display = 'none' ;
            document.getElementById('imgProducts').src= '/images/navigation/products_off.jpg' ;

            document.getElementById('menu_SERVICES').style.display = 'none' ;
            document.getElementById('imgServices').src= '/images/navigation/services_off.jpg' ;
            
            document.getElementById('menu_INDUSTRY_PROGRAMMES').style.display = 'none' ;
            document.getElementById('imgProgrammes').src= '/images/navigation/programmes_off.jpg' ;
            
            document.getElementById('menu_ABOUT_IGD').style.display = 'none' ;
            document.getElementById('imgAbout').src= '/images/navigation/about_off.jpg' ;
            break; 
        case 'programmes':
            document.getElementById('menu_INDUSTRY_EXPERTISE').style.display = 'none' ;
            document.getElementById('imgExpertise').src= '/images/navigation/expertise_off.jpg' ;
            
            document.getElementById('menu_PRODUCTS').style.display = 'none' ;
            document.getElementById('imgProducts').src= '/images/navigation/products_off.jpg' ;

            document.getElementById('menu_SERVICES').style.display = 'none' ;
            document.getElementById('imgServices').src= '/images/navigation/services_off.jpg' ;
            
            document.getElementById('menu_TRAINING_DEVELOPMENT').style.display = 'none' ;
            document.getElementById('imgTraining').src= '/images/navigation/training_off.jpg' ;
            
            document.getElementById('menu_ABOUT_IGD').style.display = 'none' ;
            document.getElementById('imgAbout').src= '/images/navigation/about_off.jpg' ;
            break; 
        case 'about':   
            document.getElementById('menu_INDUSTRY_EXPERTISE').style.display = 'none' ;
            document.getElementById('imgExpertise').src= '/images/navigation/expertise_off.jpg' ;
            
            document.getElementById('menu_PRODUCTS').style.display = 'none' ;
            document.getElementById('imgProducts').src= '/images/navigation/products_off.jpg' ;

            document.getElementById('menu_SERVICES').style.display = 'none' ;
            document.getElementById('imgServices').src= '/images/navigation/services_off.jpg' ;
            
            document.getElementById('menu_TRAINING_DEVELOPMENT').style.display = 'none' ;
            document.getElementById('imgTraining').src= '/images/navigation/training_off.jpg' ;
            
            document.getElementById('menu_INDUSTRY_PROGRAMMES').style.display = 'none' ;
            document.getElementById('imgProgrammes').src= '/images/navigation/programmes_off.jpg' ;

            break;  
        default:
        
             
                         
        }
}
    


function at_show_aux(parent, child)
    {
      var p = document.getElementById(parent);
      var c = document.getElementById(child);

      var top  = (c["at_position"] == "y") ? p.offsetHeight+1 : 0;
      var left = (c["at_position"] == "x") ? p.offsetWidth : 0;
      
      //if ((screen.width < 1024) && (document.getElementById(parent).id == "parent_myigd")) 
      //{
      //  var leftpoint = 11.1;
      //}
      //else
      //{
       var leftpoint = document.getElementById(parent+'point').value ;
      // }
       
       //var leftpoint = 0

      if(document.getElementById(parent))
        {
            for (; p; p = p.offsetParent)
              {
                top  += p.offsetTop;
                left += p.offsetLeft-leftpoint;
              }
        }
      else
        {
            for (; p; p = p.offsetParent)
              {
                top  += p.offsetTop;
                left += p.offsetLeft-leftpoint;
              }
        } 
      

      c.style.position   = "absolute";
      c.style.top        = top +'px';
      c.style.left       = left+'px';
      c.style.display     = '';
      
    }

function at_show(intPos)
    {
      p = document.getElementById(this["at_parent"]);
      c = document.getElementById(this["at_child" ]);

      at_show_aux(p.id, c.id);

      clearTimeout(c["at_timeout"]);
      clearTimeout(p["at_timeout"]);
    }

function at_hide()
    {     
      c = document.getElementById(this["at_child"]);

      c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.display = 'none'", 500);
      p["at_timeout"] = setTimeout("document.getElementById('" + p["imagename"] + "').src= '/images/navigation/" + p["areaname"] + "_off.jpg'", 500);
    }

function at_attach(imagename, areaname, parent, child, showtype, position, cursor)
    {
      p = document.getElementById(parent);
      c = document.getElementById(child);

      p["at_parent"]     = p.id;
      c["at_parent"]     = p.id;
      p["at_child"]      = c.id;
      c["at_child"]      = c.id;
      p["at_position"]   = position;
      c["at_position"]   = position;
      
      p["imagename"]      = imagename;
      p["areaname"]      = areaname;

      c.style.position   = "absolute";
      c.style.display = 'none';

      if (cursor != undefined) p.style.cursor = cursor;

      switch (showtype)
      {
        case "hover":
          p.onmouseover = at_show;
          p.onmouseout  = at_hide;
          c.onmouseover = at_show;
          c.onmouseout  = at_hide;
          break;
      }
    }