var currentView = 0;
var detailsElementID = 'prodMainView';
var imagesElementID = 'prodPicView';
var swapSpanElementID = 'swapSpan';
var navElementID = 'leftNav';
function SwapImage(controlID, imageSrc)
{
    var destElement;
    
    destElement = document.getElementById(controlID);
    if(destElement)
    {
        destElement.src = imageSrc;
    }
}
function viewPic(imagePath)
{
    imagePath = siteRoot + '/images/products/' + imagePath;
    SwapImage(prodImageID, imagePath);
    SwapImage(fullImageID, imagePath);
}

function toggleViews()
{
    var detailsElement;
    var imagesElement;
    var swapElement;
    var navElement;
    var htmlHolder;
    
    detailsElement = document.getElementById(detailsElementID);
    imagesElement = document.getElementById(imagesElementID);
    swapElement =  document.getElementById(swapSpanElementID);
    navElement =  document.getElementById(navElementID);
    
    if(currentView == 0)
    {
        imagesElement.style.display = '';
        detailsElement.style.display = 'none';
        
        currentView = 1;
    }
    else
    {
        detailsElement.style.display = '';
        imagesElement.style.display = 'none';
        currentView = 0;
    }
        htmlHolder = navElement.innerHTML;
        
        navElement.innerHTML = swapElement.innerHTML;
        swapElement.innerHTML = htmlHolder;
        htmlHolder = '';
}