//This function flips an image for a mouseover
function flipImageOver(image)
{
    sourceLength = image.src.length;
    
    fileNameStripped = image.src.substring(0,sourceLength-4);
    
    fileExtension = image.src.substring(sourceLength-4);
    
    newFileName = fileNameStripped + '2' + fileExtension;
    
    image.src = newFileName;
}

//This function flips an image for a mouseout
function flipImageOut(image)
{
    sourceLength = image.src.length;
    
    fileNameStripped = image.src.substring(0,sourceLength-5);
    
    fileExtension = image.src.substring(sourceLength-4);
    
    newFileName = fileNameStripped + fileExtension;
    
    image.src = newFileName;
}

//Hides the gallery and displays the passed image
function viewGalleryImage(document,imageName)
{
    //First we load image
    document.getElementById('galleryImage').src = imageName;
    
    //Next hide the gallery
    document.getElementById('galleryView').style.display = 'none';
    
    //Next show the image view
    document.getElementById('imageView').style.display = '';
    

}