window.onload = initPage;

function initPage()
{
    collapseDisplay('shopDessertsDiv');
    collapseDisplay('specialDessertsDiv');
}

function collapseDisplay(divId)
{
    var div = document.getElementById(divId);

    if (div != null)
    {
        div.style.display = "none";
    }
}

function toggleDisplay(divId)
{
    var div = document.getElementById(divId);
    var currentState = div.style.display;

    switch (currentState)
    {
        case "block":    div.style.display = "none"; break;
        case "none":     div.style.display = "block"; break;
    }
}

function toggleArrow(imageId)
{
    var image = document.getElementById(imageId);
    var currentState = image.src.substring(image.src.lastIndexOf('/') + 1);

    switch (currentState)
    {
        case "upArrow.jpg":    image.src = "images/downArrow.jpg"; break;
        case "downArrow.jpg":  image.src = "images/upArrow.jpg"; break;
    }
}

function toggleSection(divId, imageId)
{
    toggleDisplay(divId);
    toggleArrow(imageId);
}