function toggleFaq(elementID, arrowSpanID)
{
    var element = document.getElementById(elementID);
    if (element)
    {
        if (element.style.display == 'none')
            element.style.display = '';
        else
            element.style.display = 'none';
    }
    
    
    
    if (!arrowSpanID)
        arrowSpanID = elementID.replace('faq', 'arr');
    
    var span = document.getElementById(arrowSpanID);
    if (!span) return;
    
    var img = null;
    for (var i = 0; i < span.childNodes.length; i++)
    {
        var name = span.childNodes[i].nodeName;
        if (!name) continue;
        
        if (name.toLowerCase() == 'img')
        {
            img = span.childNodes[i];
            break;
        }
    }
    
    if (img)
    {
        if (img.src.indexOf('arrowRight') == -1) // the arrow is currently down
            img.src = img.src.replace('arrowDown', 'arrowRight');
        else                                     // the arrow is currently right
            img.src = img.src.replace('arrowRight', 'arrowDown');
    }
}