function addRadio(r) {
document.write('<td align="center" width="100">');
document.write('<input type="radio" id="' + r + '" name="effect" value="' + r + '" onclick="setFx(\'' + r + '\');">');
document.write('</td>');
}

function addRadioLine(i) {
document.write('<tr>');
document.write('<td align=center colspan=7>');
document.write('<img src="../../ulybka-art/fx/effects' + i + '.gif" width="700" height="75" type="image/gif" style="border: 0px; ' + cursor_hand + '" usemap="#map' + i + '"></img>');
document.write('</td></tr>');
}

function addArea(fx2, x1, x2, y1, y2) {
document.write ('<area onclick="setFx(\'' + fx2 + '\');"');
document.write ('shape="rect" coords="' + x1 + ',' + x2 + ',' + y1 + ',' + y2 + '">');
}

document.write('<table align=center border="0" width="700"><tr>');
addRadio('  ');
addRadio('ws');
addRadio('cs');
addRadio('ra');
addRadio('ro');
addRadio('fl');
addRadio('sn');
document.write('</tr><tr>');
addRadioLine(1);
document.write('</tr><tr>');
addRadio('hd');
addRadio('he');
addRadio('fb');
addRadio('ev');
addRadio('ff');
addRadio('ly');
addRadio('hf');
document.write('</tr><tr>');
addRadioLine(2);
document.write('</tr></tr>');
addRadio('EN');
addRadio('FR');
addRadio('ES');
addRadio('DE');
addRadio('AR');
addRadio('gb');
addRadio('gf');
document.write('</tr><tr>');
addRadioLine(3);
document.write('</tr></tr>');
addRadio('fi');
addRadio('h1');
addRadio('h2');
addRadio('cr');
addRadio('fh');
addRadio('bh');
addRadio('cf');
document.write('</tr><tr>');
addRadioLine(4);
document.write('</tr></table>');

document.write ('<map name="map1">');
addArea('  ', 0,0,100,75);
addArea('ws', 100,0,200,75);
addArea('cs', 200,0,300,75);
addArea('ra', 300,0,400,75);
addArea('ro', 400,0,500,75);
addArea('fl', 500,0,600,75);
addArea('sn', 600,0,700,75);
document.write ('</map>');

document.write ('<map name="map2">');
addArea('hd', 0,0,100,75);
addArea('he', 100,0,200,75);
addArea('fb', 200,0,300,75);
addArea('ev', 300,0,400,75);
addArea('ff', 400,0,500,75);
addArea('ly', 500,0,600,75);
addArea('hf', 600,0,700,75);
document.write ('</map>');

document.write ('<map name="map3">');
addArea('EN', 0,0,100,75);
addArea('FR', 100,0,200,75);
addArea('ES', 200,0,300,75);
addArea('DE', 300,0,400,75);
addArea('AR', 400,0,500,75);
addArea('gb', 500,0,600,75);
addArea('gf', 600,0,700,75);
document.write ('</map>');

document.write ('<map name="map4">');
addArea('fi', 0,0,100,75);
addArea('h1', 100,0,200,75);
addArea('h2', 200,0,300,75);
addArea('cr', 300,0,400,75);
addArea('fh', 400,0,500,75);
addArea('bh', 500,0,600,75);
addArea('cf', 600,0,700,75);
document.write ('</map>');

// Initialization
if ((typeof(fx) == "undefined") || (fx == "  ")) {
document.getElementById('  ').checked = true;
} else {
document.getElementById(fx).checked = true;
}