function insigniaOver()
{
	var oWork;
	oWork=event.srcElement;
	oWork.style.cursor="pointer"
}


function show_popup(event, txt)
{
var textUnitH=12;
var textUnitW=12;
var textUnit="px";
var textSize=textUnitW+textUnit;
var p=window.createPopup();
var pbody=p.document.body;
pbody.style.backgroundColor="PaleTurquoise";
pbody.style.border="solid black 2px";
pbody.style.fontFamily="Arial";
pbody.style.color="black";
pbody.style.textIndent=textSize;
pbody.style.lineHeight=textUnitH+"px";
pbody.style.fontSize=textSize;
pbody.style.paddingLeft="2px";
pbody.style.paddingTop="2px";

var w=200; //width of popup
var h=txt.length*textUnitH/w*textUnitW;
var x=window.event.x;
var y=window.event.y;

pbody.innerHTML=txt;
//p.show(x,y,200,75,document.body); example of how to use the .show function of the popup
p.show(x,y,w,h,document.body);
}

//lastImage is used to identify which image was selected so that
//its border can be set to 'visited' after the user makes the selection
var lastImage=null;
function setSelectedBorder()
{
    if(lastImage!=null)
    {
        lastImage.style.borderStyle="solid";
        lastImage.style.borderWidth="thin";
        lastImage.style.borderColor="fuchsia";
        
    }
    lastImage=event.srcElement;
    lastImage.style.borderStyle="solid";
    lastImage.style.borderWidth="medium";
    lastImage.style.borderColor="blue";
    
}

// This fucntion is used on the gallery pages
// It receives a url for a picture and sets it
// as the source for the picImg image.
function showLargePicCap(txtPicUrl, txtId)
{
    setSelectedBorder();
    //put the large picture in the image "picImg"
    document.getElementById("largeImg").style.display="none";
    document.getElementById("largeImg").src=txtPicUrl;
    //get the long picture caption from its hidden p.hide element and
    //place it in the large image caption element
    //alert(document.getElementById(txtId).innerHTML);
    document.getElementById("largeImgCap").innerHTML=document.getElementById(txtId).innerHTML;
    document.getElementById("tblLargePic").style.display="inline";
    document.getElementById("largeImgCap").focus; 
    document.getElementById("largeImg").style.display="block";
}
function showLargePicOnly(txtPicUrl)
{
    //put the large picture in the image "picImg"
    document.getElementById("largeImg").src=txtPicUrl;
    document.getElementById("picCell").style.display="inline";
}
function hideElement(txtElement)
{
    document.getElementById(txtElement).style.display="none"
}


