/**
 * Image-replacement script
 * 
 * Depends on Prototype (included in Mootools)
 * 
 * Call "replaceHeaders" on load.
 */

function replaceHeaders() {
    var headers = $$("h1");

    for (var i = 0; i < headers.length; i++) {
        var header = headers[i];
        var text = header.innerHTML;

        header.setHTML("<img src=\"/2009/headerimg/headerimg.php?text=" + text + "\" alt=\"" + text + "\" title=\"" + text + "\" />");
        header.setStyle("visibility", "visible"); /* h1 should be styled with visibility: hidden */
    }
    
    var headers2 = $$("h2");

    for (var i = 0; i < headers2.length; i++) {
        var header2 = headers2[i];
        var text2 = header2.innerHTML;

        header2.setHTML("<img src=\"/2009/headerimg/headerimg2.php?text2=" + text2 + "\" alt=\"" + text2 + "\" title=\"" + text2 + "\" />");
        header2.setStyle("visibility", "visible"); /* h1 should be styled with visibility: hidden */
    }
    
    var headers3 = $$("h3");

    for (var i = 0; i < headers3.length; i++) {
        var header3 = headers3[i];
        var text3 = header3.innerHTML;

        header3.setHTML("<img src=\"/2009/headerimg/headerimg3.php?text3=" + text3 + "\" alt=\"" + text3 + "\" title=\"" + text3 + "\" />");
        header3.setStyle("visibility", "visible"); /* h1 should be styled with visibility: hidden */
    }          

}