// Thanks to Glitter-Graphics.com for providing this code!

function select_letter_set(label, uploads_url)
{
    var ob = document.getElementById("letter_set_label");
    ob.value = label;
    update_text_form(uploads_url);
    update_generated_code();
    return false;
}

function update_text_form(uploads_url)
{
    var ob = document.getElementById("text_form");
    var disp = document.getElementById("text_display");

    disp.innerHTML = generate_code(ob.value, uploads_url);
}

function update_generated_code()
{
    var ob = document.getElementById("generated_code");

    if(ob)
    {
        ob.value = "Glitter style updated, please click 'Generate Code' again!";
    }
}

function generate_code(text, uploads_url)
{
    str = "";
    label = document.getElementById("letter_set_label");

    for(i = 0; i < text.length; i++)
    {
        ch = text.charAt(i).toLowerCase();

        if(ch < 'a' || ch > 'z')
			str += '<img src="' + uploads_url + 'empty.gif" border="0" width="20" height="1">';
        else
			str += '<img src="' + uploads_url + label.value + '/' + ch + '.gif" border="0">';
    }
    return str;
}