/**
 * 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=\"/font/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=\"/font/headerimg/headerimg2.php?text2=" + text2 + "\" alt=\"" + text2 + "\" title=\"" + text2 + "\" />");
        header2.setStyle("visibility", "visible"); /* h1 should be styled with visibility: hidden */
    }
    
}