function showHeadshotPanel(sourceNumber, firstPanel)
{
    var ProductPreview = document.getElementById('productPreview'); 
    var HeadshotPanel = document.getElementById('headshotSelection');
    var headshotNumber = document.getElementById('headshotNumber');
    
    ProductPreview.className = 'hidden';
    HeadshotPanel.className = 'visible';
    headshotNumber.innerHTML = sourceNumber
    
    if (firstPanel)
    {
        if (firstPanel == 1)
        {
            showMale();
        }
        if (firstPanel == 2)
        {
            showFemale();
        }
        if (firstPanel == 3)
        {
            showPets();
        }
    }
    else
    {
        showFemale();
    }
}

function hideHeadshotPanel()
{
    var ProductPreview = document.getElementById('productPreview'); 
    var HeadshotPanel = document.getElementById('headshotSelection');

    
    ProductPreview.className = 'visible';
    HeadshotPanel.className = 'hidden';
}

function showMale()
{
    var Male = document.getElementById('divMale'); 
    var Female = document.getElementById('divFemale'); 
    var Pets = document.getElementById('divPets'); 
    var MaleHeadshots = document.getElementById('divMaleHeadshots'); 
    var FemaleHeadsots = document.getElementById('divFemaleHeadshots'); 
    var PetsHeadshots = document.getElementById('divPetsHeadshots'); 

    Male.className = 'btn_headshot_on';
    Female.className = 'btn_headshot';
    Pets.className = 'btn_headshot';
    
    MaleHeadshots.className = 'visible'; 
    FemaleHeadsots.className = 'hidden'; 
    PetsHeadshots.className = 'hidden'; 
}

function showFemale()
{
    var Male = document.getElementById('divMale'); 
    var Female = document.getElementById('divFemale'); 
    var Pets = document.getElementById('divPets'); 
    var MaleHeadshots = document.getElementById('divMaleHeadshots'); 
    var FemaleHeadsots = document.getElementById('divFemaleHeadshots'); 
    var PetsHeadshots = document.getElementById('divPetsHeadshots'); 

    Male.className = 'btn_headshot';
    Female.className = 'btn_headshot_on';
    Pets.className = 'btn_headshot';
    
    MaleHeadshots.className = 'hidden'; 
    FemaleHeadsots.className = 'visible'; 
    PetsHeadshots.className = 'hidden'; 
}

function showPets()
{
    var Male = document.getElementById('divMale'); 
    var Female = document.getElementById('divFemale'); 
    var Pets = document.getElementById('divPets'); 
    var MaleHeadshots = document.getElementById('divMaleHeadshots'); 
    var FemaleHeadsots = document.getElementById('divFemaleHeadshots'); 
    var PetsHeadshots = document.getElementById('divPetsHeadshots'); 

    Male.className = 'btn_headshot';
    Female.className = 'btn_headshot';
    Pets.className = 'btn_headshot_on';
    
    MaleHeadshots.className = 'hidden'; 
    FemaleHeadsots.className = 'hidden'; 
    PetsHeadshots.className = 'visible'; 
}

function showFemaleSanta()
{
    var Santa = document.getElementById('divFemaleSanta');
    var NoSanta = document.getElementById('divFemaleNoSanta');
    
    Santa.className = 'visible';
    NoSanta.className = 'hidden';
}

function hideFemaleSanta()
{
    var Santa = document.getElementById('divFemaleSanta');
    var NoSanta = document.getElementById('divFemaleNoSanta');

    Santa.className = 'hidden';
    NoSanta.className = 'visible';
}

function showMaleSanta()
{
    var Santa = document.getElementById('divMaleSanta');
    var NoSanta = document.getElementById('divMaleNoSanta');

    Santa.className = 'visible';
    NoSanta.className = 'hidden';
}

function hideMaleSanta()
{
    var Santa = document.getElementById('divMaleSanta');
    var NoSanta = document.getElementById('divMaleNoSanta');

    Santa.className = 'hidden';
    NoSanta.className = 'visible';
}

function updateselection(strImg) {
    
    var headshotNumber = document.getElementById('headshotNumber');
    var headshotImage = document.getElementById('smallheadshot' + headshotNumber.innerHTML);
    var hiddenInput = document.getElementById('headshots' + headshotNumber.innerHTML);
    
	headshotImage.src = '/graphics_personalize/' + strImg;
	hiddenInput.value = strImg
	
	hideHeadshotPanel();
}