﻿// JScript File

var prevId = 'abt01';

function abtMouseOver( elemId )
{
    var elem = document.getElementById(elemId); 
    // Using elem 'dir' attribute to identify 
    // if the element is current selected ( dir='ltr') 
    // or unselected ( dir != 'ltr' )
    if ( elem.dir != 'ltr' )  
    {
       elem.style.color='#5AB0FF';
    }
}
   
function abtMouseOut( elemId )
{
    var elem = document.getElementById(elemId); 
    // Using elem 'dir' attribute to identify 
    // if the element is current selected ( dir='ltr') 
    // or unselected ( dir != 'ltr' )
    if ( elem.dir != 'ltr' )  
    {
       elem.style.color='#FFFFFF';
    }
}

function abtClicked( currId ) 
{
    // Using elem 'dir' attribute to identify 
    // if the element is current selected ( dir='ltr') 
    // or unselected ( dir != 'ltr' )
    
    if ( currId == prevId )
       return;
    else
    {
       var currElem = document.getElementById(currId);
       var prevElem = document.getElementById(prevId);
       if ( currElem )
       {
           currElem.dir = 'ltr';
           currElem.style.color='#5AB0FF';
       }
       if ( prevElem )
       {
           prevElem.dir = '';
           prevElem.style.color='#FFFFFF';
       }
    }
    
    var divID2Dislay = 'Cont_' + currId;
    var divID2Hidden = 'Cont_' + prevId;
    
    var div2Hidden = document.getElementById(divID2Hidden);
    if ( div2Hidden ) 
    {
        div2Hidden.style.display = 'none';
        div2Hidden.style.visibility = 'hidden';
    }
    
    var div2Display = document.getElementById(divID2Dislay);
    if ( div2Display ) 
    {
        div2Display.style.display = '';
        div2Display.style.visibility = 'visible';
        prevId = currId;
    }
}
