$create = function(tag) { return document.createElement(tag);}
$tagname = function(ids) { return document.getElementsByTagName(ids);}
$id = function(ids) { return document.getElementById(ids);}


var bod = $tagname("body") ;
var divBody = $create('div');
var divOver = $create('div');
var _icopath =  "Images/" 
var gTabbableTags = new Array("A","BUTTON","TEXTAREA","INPUT","IFRAME");	


//-----------------------------------------
HideDiv = function()
{   
   // displaySelectBoxes(); 
    divBody.style.display = 'none' ;
    divOver.style.display = 'none' ;
   // bod[0].style.overflow = "";
}
//-----------------------------------------

ShowEnlarge = function(Id ,title)
{   var img = $id(Id) ;
    var ypos = 650 + 15 ;

    var imgtitle = $id("ImgTitle").innerHTML ;

    divBody.id = "BodyOverLay" ;
    divBody.style.display = "block";
	divBody.onclick =  function() { HideDiv() ; }
    
    //alert(divBody.id) ;
    hsp = (ypos-40)/2 ;
    divOver.id = "DivOverLayer" ;
    divOver.style.display = "block";
   
    divOver.innerHTML = "<br><br><img src='"+ _icopath +"loading.gif' hspace='"+hsp+"' vspace='70' /><br><br>"
    divOver.style.left = (screen.width - (ypos + 10))/2 +'px' ;
    divOver.style.top = 70+'px' ; 
    divOver.style.width = ypos+"px" ;
   
    divOver.innerHTML = '<div id="divClose"><img src="'+ _icopath +'closelabel.gif" onclick="HideDiv();" /></div>' +
                        '<div class="divClear"><h1>'+ imgtitle +'</h1></div>' +
                        '<img src="'+ img.rel +'" alt="" vspace="10" hspace="8" />' ;
    
    bod[0].appendChild(divBody) ;  
    bod[0].appendChild(divOver) ;  
    
}

//-------------------------------