var curObj ;
    
function ShowTN(ob, evt)
{
    var c = getCursor(evt) ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlTN").style.left = c.x + 10 ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlTN").style.top = c.y + 10 ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlTN").style.display="inline" ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlTN").style.width = 400 ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlTN").style.height = 456 ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlTN").style.display="inline" ;
  
    curObj = ob ;
    ob.style.borderWidth=4 ;
    ob.style.borderColor="green" ;
   
    
    
}    
function SwapImage(ob)
{
    if (curObj)
        curObj.src = ob.src ;
    HideTN() ;
    curObj.style.borderWidth=4 ;
    curObj.style.borderColor="red" ;
    
    var hf =  document.getElementById("ctl00_ContentPlaceHolder1_hfChanges");
    hf.value = hf.value + curObj.id + ":" + ob.alt +"|";
    
}
    
function Expand( ob , evt)
{


    var img = document.getElementById("bigImg") ;
    img.src = ob.src ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlbigImg").style.display="inline" ;
    var c = getCursor(evt) ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlbigImg").style.left = c.x + 10 ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlbigImg").style.top = c.y + 10 ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlbigImg").style.width = 218 ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlbigImg").style.height = 173 ;
}

function HideTN()
{
    document.getElementById("ctl00_ContentPlaceHolder1_pnlTN").style.width = 0 ;
    document.getElementById("ctl00_ContentPlaceHolder1_pnlTN").style.height = 0 ;
}

function getCursor(evt)
{
    var cursor = { x:0 , y:0 } ;
    if (evt.pageX || evt.pageY)
    {
        cursor.x = evt.pageX ;
        cursor.y = evt.paegY ;
    }
    else
    {
        var d = document.documentElement;
        var b = document.body ;
        cursor.x = evt.clientX + ( d.scrollLeft || b.scrollLeft) - ( d.clientLeft || 0);
        cursor.y = evt.clientY + ( d.scrollTop || b.scrollTop) - (d.clientTop||0);
    }
    return cursor ;
}
function Contract( ob )
{
    document.getElementById("ctl00_ContentPlaceHolder1_pnlbigImg").style.display="none" ;
}