function showBG() {
    var qs = window.location.search;
    if (qs == '?q=raul' || qs == '?q=girl' || qs == '?q=facewasher') // query string?
    {
        // get it and use it

        var splitIndex = qs.indexOf("q=") + 2;
        bgName = qs.substring(splitIndex);
        document.getElementById('middle').className = bgName;
        //display(bgName);
    }
    else    // no query string - do nothing
    {

    }
}

function display(bgName)
{
    document.getElementById('middle').className = bgName;
    /*
    var imagename = "./images/btn_whyfoam_" + bgName + ".gif";
    document["whyfoam"].src = imagename;
    var imagename = "./images/btn_doesitwork_" + bgName + ".gif";
    document["doesitwork"].src = imagename;
    var imagename = "./images/btn_howdoiuseit_" + bgName + ".gif";
    document["howdoiuseit"].src = imagename;
    */
}

/*
var imagename = "'url(../images/btn_whyfoam_' + bgName + '.gif)'";
   alert(imagename);
    document.getElementById('wf').style.backgroundImage =  +imagename;
    alert(document.getElementById('wf').style.backgroundImage);
    */