function GetSidebarFlash(flashId, isEnglishHidden, isTest, divId)
{
    try{
        // Opera 8.0+, Firefox, Safari
        req = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            req = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try{
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e){
                // Something went wrong
                alert("Unknown error - please contact us via site feedback.");
                return false;
            }
        }
    }

    var s = "<div style=\"width:100%;margin-top:75px;text-align:center\"><img style=\"text-align:center; vertical-align:middle;\" src=\"/wp-content/themes/leia-en/imagenes/ajax-loader-bar.gif\"></div>";
    
    document.getElementById( divId ).innerHTML = s; 
    
    var url = '/wp-content/themes/leia-en/ajax_flash.php?flashid=' + flashId + ' &r=' + Math.random();
    
    req.onreadystatechange = function() 
    {
          if (req.readyState == 4) 
          { 
            if (req.status == 200) 
            { 
                PopulateFlashCard(req.responseText, isEnglishHidden, isTest, divId);
            } 
        } 
    }
    
    req.open("GET", url, true);
    
    req.send(null);
}

function PopulateFlashCard(json, isEnglishHidden, isTest, divId)
{
    var records = eval('(' + json + ')');
    
    var s = '';
    var link = '';
    s += '<div style="height:27px;text-align:center;font-size:20px;font-weight:bold;color:#054a55">';
    s += ucfirst(records.flashcard[0].french);
    s += '</div>';

    s += '<div style="height:22px;color:#054a55;text-align:center;font-size:14px;font-weight:normal">';
    if (isEnglishHidden == 0)
    {
        s += ucfirst(records.flashcard[0].english);
    }
    s += '</div>';

    s += '<div style="height:112px;margin-top:18px;text-align:center;font-size:12px;font-weight:italic;color:#054a55">';
    
    s += '<div style="vertical-align:middle">';
    s += '"' + ucfirst(records.flashcard[0].frenchlyric) + '"';

    if (isEnglishHidden == 0)
    {
        s += '<div style="color:#54808b;margin-top:10px;text-align:center;font-size:12px;font-weight:normal">'
        s += '"' + ucfirst(records.flashcard[0].englishlyric) + '"';
        s += '</div>';
    }
    s += '</div>';
    
    s += '</div>';

    s += '<div style="height:18px;margin-top:8px;text-align:center;font-size:12px;font-weight:normal;color:#054a55">';
    
    if (records.flashcard[0].songartist == 'Musical Soundtrack')
    {
        link = records.flashcard[0].songtitle + ' from ' + records.flashcard[0].albumtitle;
    }
    else
    {
        link = records.flashcard[0].songtitle + ' by ' + records.flashcard[0].songartist;
    }

    var maxLen = 55;
    if (link.length > maxLen)
    {
        link = link.substring(0,maxLen) + '...';
    }
    
    s += '<a style="color:#054a55" href="/?p=' + records.flashcard[0].postid + '">' + link + '</a>';
    
    s += '</div>';
    
    s += '<div style="margin-top:10px;text-align:center;font-size:12px;font-weight:normal;color:#054a55">';
    aStyle = ' style="font-size:12px;color:#054a55;" ';
    if (isTest == 0)
    {
        s += '<a ' + aStyle + ' href="javascript:GetSidebarFlash(-1, 0, 0, \'' + divId + '\')">Show me another</a>';
        s += '&nbsp;&nbsp;|&nbsp;&nbsp;';
        s += '<a ' + aStyle + ' href="javascript:GetSidebarFlash(-1, 1, 1, \'' + divId + '\')">Test Yourself</a>';
    }
    else
    {
        if (isEnglishHidden == 1)
        {
            s += '<a ' + aStyle + ' href="javascript:GetSidebarFlash(' + records.flashcard[0].flashid + ', 0, 1, \'' + divId + '\')">Show Translation</a>';
        }
        else
        {
            s += '<a ' + aStyle + ' href="javascript:GetSidebarFlash(-1, 0, 0, \'' + divId + '\')">Stop Testing Me</a>';
            s += '&nbsp;&nbsp;|&nbsp;&nbsp;';
            s += '<a ' + aStyle + ' href="javascript:GetSidebarFlash(-1, 1, 1, \'' + divId + '\')">Give Me Another</a>';
        }
    }
    s += '</div>';

    document.getElementById( divId ).innerHTML = s;
}

function ucfirst(value) 
{
    return value.substr(0, 1).toUpperCase() + value.substr(1);
}