if (document.images) {
  
  var atabn = new Image();
  atabn.src = "images/atablink.gif";
  var ataba = new Image();
  ataba.src = "images/atabactive.gif";
  var atabo = new Image();
  atabo.src = "images/atabhover.gif";
  
  var btabn = new Image();
  btabn.src = "images/btablink.gif";
  var btaba = new Image();
  btaba.src = "images/btabactive.gif";
  var btabo = new Image();
  btabo.src = "images/btabhover.gif";
  
  var ctabn = new Image();
  ctabn.src = "images/ctablink.gif";
  var ctaba = new Image();
  ctaba.src = "images/ctabactive.gif";
  var ctabo = new Image();
  ctabo.src = "images/ctabhover.gif";
  
  var dtabn = new Image();
  dtabn.src = "images/dtablink.gif";
  var dtaba = new Image();
  dtaba.src = "images/dtabactive.gif";
  var dtabo = new Image();
  dtabo.src = "images/dtabhover.gif";
  
   var etabn = new Image();
  etabn.src = "images/etablink.gif";
  var etaba = new Image();
  etaba.src = "images/etabactive.gif";
  var etabo = new Image();
  etabo.src = "images/etabhover.gif";
  
  
 
}

function inact(imgName) {
  if (document.images)
    document.images[imgName].src = eval(imgName + "n.src");
    
}

function hact(imgName) {
  if (document.images)
    document.images[imgName].src = eval(imgName + "o.src");
}

function act(imgName) {
  if (document.images) 
      document.images[imgName].src = eval(imgName + "a.src"); 
}


    var taba = true;
    var tabb = false;
    var tabc = false;
    var tabd = false;
    var tabe = false;
    
        


function mouseact(imgName,action)
{
//debugger;


 if (document.images) 
  {
    var pathh = document.images[imgName].src;
    var path = eval(imgName + "a.src");
    //-------------------- for tab A ------------------------
      if(imgName == 'atab')
      {
        switch(action)
        {
            case 0:// on mousehover event
            {
                //if(taba == false)
                {
                    hact('atab');
                    
                }
                
                if(tabb == false)
                    inact('btab');
                if(tabc == false)
                    inact('ctab');
                if(tabd == false) 
                    inact('dtab');
                if(tabe == false) 
                    inact('etab');
                break;      
            }
            
            case 1: // on mouseout event
            {
              if(taba == true)
              {              
                act('atab');
              }
              else
              {
               inact('atab'); 
              }
              
              break;  
                
            }
            
            case 2: // on mouseclick event
            {
                act('atab');
                showdiv(1);
                taba = true;

                tabb = false;
                tabc = false;
                tabd = false;
                tabe = false;
 
                if(tabb == false)
                    inact('btab');
                if(tabc == false)
                    inact('ctab'); 
                if(tabd == false)
                    inact('dtab'); 
                if(tabe == false)
                    inact('etab');
                
                

                break;   
            }
        }
      }   
      //-------------------- for tab B ------------------------
      
      if(imgName == 'btab')
      {
        switch(action)
        {
            case 0:// on mousehover event
            {
               // if(tabb==false)
                {
                    hact('btab');
                }
                 
                if(taba == false)              
                    inact('atab');
                if(tabc == false)
                    inact('ctab');
                if(tabd == false) 
                    inact('dtab');
                if(tabe == false) 
                    inact('etab');
                break;      
            }
            
            case 1: // on mouseout event
            {
                 if(tabb == true)
                  {              
                    act('btab');
                  }
                  else
                  {
                    inact('btab');
                  }
              break;  
                
            }
            
            case 2: // on mouseclick event
            {
                act('btab');
                showdiv(2);
                tabb = true;
                
                taba = false;
                tabc = false;
                tabd = false;
                tabe = false;
                
                if(taba == false)
                    inact('atab');
                if(tabc == false)
                    inact('ctab'); 
                if(tabd == false)
                    inact('dtab'); 
                if(tabe == false)
                    inact('etab');
                
                              
                break;    
            }
        }
      } 
      
       //-------------------- for tab C ------------------------
      
      if(imgName == 'ctab')
      {
        switch(action)
        {
            case 0:// on mousehover event
            {
                //if(tabc==false)
                {
                    hact('ctab');
                }
                
                if(taba == false)
                    inact('atab');
                if(tabb == false)
                    inact('btab'); 
                if(tabd == false)
                    inact('dtab'); 
                if(tabe == false)
                    inact('etab');
                break;      
            }
            
            case 1: // on mouseout event
            {
               if(tabc == true)
                {              
                    act('ctab');
                }
                
              else
              {
                inact('ctab');
              }

              break;  
                
            }
            
            case 2: // on mouseclick event
            {
                act('ctab');
                showdiv(3);
                tabc = true;
               
                taba = false;
                tabb = false;
                tabd = false;
                tabe = false;
               
                if(taba == false)
                    inact('atab');
                if(tabb == false)
                    inact('btab'); 
                if(tabd == false)
                    inact('dtab'); 
                if(tabe == false)
                    inact('etab');
                
                              
                 
                break;   
            }
        }
      } 
      
      //-------------------- for tab D ------------------------
      
      if(imgName == 'dtab')
      {
        switch(action)
        {
            case 0:// on mousehover event
            {
                //if(tabb==false)
                {
                    hact('dtab');
                }
                
                if(taba == false)
                    inact('atab');
                if(tabb == false)
                    inact('btab');
                if(tabc == false) 
                    inact('ctab');
                if(tabe == false) 
                    inact('etab'); 
                break;   
            }
            
            case 1: // on mouseout event
            {
                 if(tabd == true)
                 {              
                    act('dtab');
                 }
                
              else
              {
                inact('dtab');
              }
              break;  
                
            }
            
            case 2: // on mouseclick event
            {
                act('dtab');
                showdiv(4);
                tabd = true;
                
                taba = false;
                tabb = false;
                tabc = false;
                tabe = false;

                
                
                 if(taba == false)
                    inact('atab');
                 if(tabb == false)
                    inact('btab'); 
                 if(tabc == false)
                    inact('ctab'); 
                 if(tabe == false)
                    inact('etab');
                
                break;    
            }
        }
      } 
      
      //-------------------- for tab E ------------------------
      
      if(imgName == 'etab')
      {
        switch(action)
        {
            case 0:// on mousehover event
            {
              //  if(tabe == true)
                {
                    hact('etab');
                }
                
                if(taba == false)
                    inact('atab');
                 if(tabb == false)
                    inact('btab'); 
                 if(tabc == false)
                    inact('ctab'); 
                 if(tabd == false)
                    inact('dtab');
                 
                break;     
            }
            
            case 1: // on mouseout event
            {
              if(tabe == true)
              {              
                act('etab');
              }
              else
              {
                inact('etab');
              }
              
               break; 
            }
            
            case 2: // on mouseclick event
            {
                act('etab');
                showdiv(5);
                tabe = true;
                
               
                taba = false;
                tabb = false;
                tabc = false;
                tabd = false;
               
                if(taba == false)
                    inact('atab');
                if(tabb == false)
                    inact('btab'); 
                if(tabc == false)
                    inact('ctab'); 
                if(tabd == false)
                    inact('dtab');
                
                break;    
            }
        }
      }  
        
  }
}

function showdiv(id)
{
    if (document.getElementById)
      {
         obja = document.getElementById('diva');
         objb = document.getElementById('divb');
         objc = document.getElementById('divc');
         objd = document.getElementById('divd');
         obje = document.getElementById('dive');
         
         switch(id)
         {
            case 1:
                {
                    obja.style.display = "block";
                    
                    objb.style.display = "none";
                    objc.style.display = "none";
                    objd.style.display = "none";
                    obje.style.display = "none";
                    
                    break;
                }
            case 2:
                {
                    objb.style.display = "block";
                    
                    obja.style.display = "none";
                    objc.style.display = "none";
                    objd.style.display = "none";
                    obje.style.display = "none";
                    
                    break;
                }
            case 3:
                {
                    objc.style.display = "block";
                    
                    obja.style.display = "none";
                    objb.style.display = "none";
                    objd.style.display = "none";
                    obje.style.display = "none";
                    
                    break;
                }
            case 4:
                {
                    objd.style.display = "block";
                    
                    obja.style.display = "none";
                    objb.style.display = "none";
                    objc.style.display = "none";
                    obje.style.display = "none";
                    
                    break;
                }
            case 5:
                {
                    obje.style.display = "block";
                    
                    obja.style.display = "none";
                    objb.style.display = "none";
                    objc.style.display = "none";
                    objd.style.display = "none";
                    
                    break;
                }
         }
         
      }   
}