//** showPiece script
//** Used to control the launch of new layer showing details of piee clicked on.
// **


function showPiece(sPiece)
{
    // Get the details of the piece from the hidden field
    //
    var sPieceInfo =  document.getElementById(sPiece).value;

    // Get the value from the hidden field
    //
    var aPieceDetails;
    aPieceDetails = sPieceInfo.split("|");
    
    var sPieceImgSrc = aPieceDetails[0];
    var sPieceAltText = aPieceDetails[1];
    var sSecondClass = aPieceDetails[2];
    var sPieceDescr = aPieceDetails[3];
    var sMedium = aPieceDetails[4];
    var sURL = aPieceDetails[5];

    // Populate the divs in the layer
    //
    document.getElementById("showPieceimage").innerHTML = '<img src="' + sPieceImgSrc + '" alt="' + sPieceAltText + '" />';
    document.getElementById("showPiecename").innerHTML = sPieceAltText;
    
    if ( sURL != null )
    {
        document.getElementById("showPieceURL").innerHTML = sURL;
    }    
    document.getElementById("showPiecedescription").innerHTML = sPieceDescr;

    if ( sMedium != null && sMedium != "" )
    {
        document.getElementById("showPieceMedium").innerHTML = sMedium;
    }    

    // Show the new layers
    //
    document.getElementById("showpiece").className = "shown " + sSecondClass;
    
}

function hidePiece()
{
    document.getElementById("showpiece").className = "hidden";
    
    document.getElementById("showPieceimage").innerHTML = '';
    document.getElementById("showPiecename").innerHTML = '';
    if ( document.getElementById("showPieceURL") != null ) 
    {
        document.getElementById("showPieceURL").innerHTML = '';
    }
    
    document.getElementById("showPiecedescription").innerHTML = '';
    if ( document.getElementById("showPieceMedium") != null ) 
    {
        document.getElementById("showPieceMedium").innerHTML = '';
    }
}

function changeimage(imgx,placex) 
{
    document.getElementById(placex).src = "/common/images/" +imgx + ".gif";
}