var LastSelected = null;
var InputText = null;

function hostToImageshack()
{
    var form = document.getElementById('imageShackForm');
    form.submit();
    return false;
}

function inputElt ()
{
    return document.getElementById('inputText');
}

function bgSwatch (elt)
{
    if (LastSelected.bg) {
	LastSelected.bg.className = 'swatch';
    }

    LastSelected.bg = elt;

    elt.className = 'swatch darkselected';
 
    inputElt().style.backgroundColor = elt.style.backgroundColor;
    document.getElementById('bg').value = elt.id;
}

function fgSwatch (elt)
{
    if (LastSelected.fg) {
	LastSelected.fg.className = 'swatch';
    }

    LastSelected.fg = elt;

    elt.className = 'swatch selected';
 
    inputElt().style.color = elt.style.backgroundColor;
    document.getElementById('fg').value = elt.id;
}

function selectAlign (elt)
{
    var alignment = elt.id;

    if (LastSelected.align) {
	LastSelected.align.className = 'aligner';
    }

    LastSelected.align = elt;

    elt.className = 'aligner selected';

    document.getElementById('align').value = alignment;
    inputElt().style.textAlign = alignment;
}

window.onload = function () {
    InputText = document.getElementById('inputText');
    LastSelected = {bg: document.getElementById(SelectedBG),
		    fg: document.getElementById(SelectedFG),
		    align: document.getElementById(SelectedAlign)};

    bgSwatch(LastSelected.bg);
    fgSwatch(LastSelected.fg);
    selectAlign(LastSelected.align);

    InputText.focus();
};