pic1= new Image(80, 80); 
pic1.src = "Image/Nav_Icon_Shadow.jpg"; 

var sKeepShawdowedTD_ID = ""  
var sSwapImgID = ""
var sSwapImgSRC = ""


function SwitchAddionalImage(elemID)
{       
    var elem = document.getElementById(elemID)
        
    document.getElementById("IMG_MAIN").src =  elem.getElementsByTagName("*")[1].innerHTML
    
    ClearAddImageIcon()
    
    sSwapImgID = elem.getElementsByTagName("*")[0].id
    sSwapImgSRC = elem.getElementsByTagName("*")[0].src
       
    elem.getElementsByTagName("*")[0].src =  elem.getElementsByTagName("*")[2].innerHTML
    
    ShowMoreLink()
}

function ClearAddImageIcon()
{
   //reset last imge
   //alert(sSwapImgID + '-' + sSwapImgSRC)
   
    if (!sSwapImgID == "")
    {
        document.getElementById(sSwapImgID).src = sSwapImgSRC
    }
}

function ShowAdditionalImages(nItemID)
{         
    ClearAddImageIcon()
    
    var eDiv = document.getElementById("DIV_ADD_IMGS")
    //alert(eDiv.innerHTML)
    
    var eLink 
    var eImg       
    var bIsFirst=1 
    var DivAll = eDiv.getElementsByTagName("*")
     
    for (var i=0; i<DivAll.length-1; i++)
    {
        eLink = DivAll[i]        
        //alert(eLink.innerHTML)
        
        /* 
        alert(DivAll[i].name)
        alert(DivAll[i+1].name)
        alert(DivAll[i+2].id)
        alert(DivAll[i+3].id)
        alert(DivAll[i+4].id)
        return
        */
           
        var sFileName
        var sOnImage
        var sOffImage
        
        if (eLink.name != "")
        {//only check the tags that are tagged
            if (eLink.name == nItemID)
            {                
               DivAll[i].style.display = ''   
               
               if (bIsFirst)
               {         
                    sFileName = DivAll[i].getElementsByTagName("*")[1].innerHTML
                    sOnImage = DivAll[i].getElementsByTagName("*")[2].innerHTML
                    sOffImage = DivAll[i].getElementsByTagName("*")[3].innerHTML
                
                    DivAll[i].getElementsByTagName("*")[0].src = sOnImage
                    sSwapImgID = DivAll[i].getElementsByTagName("*")[0].id   
                    sSwapImgSRC = sOffImage 
                    bIsFirst = 0
               }                       
            }
            else
            {
                DivAll[i].style.display = 'none'
            }        
        }
    }
}
   

/******************************
*******************************/
     

function DoScroll(sID, bUp)
{
    var elem = document.getElementById(sID)
    
    if (bUp) 
    {
        elem.scrollTop = elem.scrollTop - 36
    }
    else
    {
        elem.scrollTop = elem.scrollTop + 36
    }
    
}
                            
function SaveTDImageState(nID)
{            
    if (sKeepShawdowedTD_ID == "")
    {
        //only save first one
        sKeepShawdowedTD_ID = "TD_" + nID                  
    }            
}        

function SetBKImage(eTD)
{
    if (eTD.id == sKeepShawdowedTD_ID || sKeepShawdowedTD_ID == "" )
    {
        return
    }
       
    document.getElementById(sKeepShawdowedTD_ID).style.backgroundImage = ""        
    eTD.style.backgroundImage = "url(Images/Nav_Icon_Shadow.jpg)"        
}

function ClearBKImage(eTD)
{        
    if (eTD.id == sKeepShawdowedTD_ID)
    {
        return
    }
    eTD.style.backgroundImage = ""
    document.getElementById(sKeepShawdowedTD_ID).style.backgroundImage = "url(Images/Nav_Icon_Shadow.jpg)"        
}

function ShowMoreLink()
{
    //There needds to be a delay between the the time the new impage is shown 
    //and we decide if the text overflows.  It seems to take the browser some time
    //to find the new scrollHeight and clientHeight
    
    setTimeout(ShowMoreLink2, 100)
}

function ShowMoreLink2()
{                                    
    var elem = document.getElementById('DIV_MORE')        
    
    if (elem.scrollHeight <= elem.clientHeight)
    {        
        elem = document.getElementById('A_MORE_DOWN')
        elem.style.display = 'none'       
        elem = document.getElementById('A_MORE_UP')
        elem.style.display = 'none'       
    }
    else
    {        
        elem = document.getElementById('A_MORE_DOWN')
        elem.style.display = ''
        elem = document.getElementById('A_MORE_UP')
        elem.style.display = ''
    }
 }
                                 
function LoadDesign(nID)
{      
    if (nID <=1 )
    {
        return
    }
    
    document.getElementById("DIV_LANDING").style.display = "none"
    document.getElementById("TBL_NOT_LANDING").style.display = ""
    
    var sNewShadowedTD_ID = "TD_" + nID
    
    if (sKeepShawdowedTD_ID == sNewShadowedTD_ID)
    {
        document.getElementById(sKeepShawdowedTD_ID).style.backgroundImage = ""
    }  
          
    document.getElementById("DIV_BODY").innerHTML = document.getElementById("SPN_DESC_" + nID).innerHTML 
    document.getElementById("DIV_TITLE").innerHTML = document.getElementById("SPN_TITLE_" + nID).innerHTML         
    document.getElementById("DIV_AWARDS").innerHTML = document.getElementById("SPN_AWARDS_" + nID).innerHTML         
    document.getElementById("IMG_MAIN").src = document.getElementById("SPN_MAINIMG_" + nID).innerHTML 
            
    if (sEditLink != "")
    {
        document.getElementById("A_EDIT").href = sEditLink + nID + sEditKey          
    }    
    document.getElementById("IMG_100YEAR").src = document.getElementById("SPN_IMG_100YEAR_" + nID).innerHTML 
    
    sKeepShawdowedTD_ID = sNewShadowedTD_ID
    document.getElementById(sKeepShawdowedTD_ID).style.backgroundImage = "url(Images/Nav_Icon_Shadow.jpg)"   
    
    
    ShowAdditionalImages(nID)        
    ShowMoreLink()            
}





function SwitchImage_(elem, sNewFileName)
{        
    document.getElementById("IMG_MAIN").src = "images\\" + sNewFileName
    
    //ClearAddImageIcon()
       
    elem.getElementsByTagName("*")[0].src = "images\\Additional_Image_Thumb_On.jpg"
    sSwapImgID = elem.getElementsByTagName("*")[0].id
    
    ShowMoreLink()
}