// initialise black Letters
a_letter = new Image();
b_letter = new Image();
c_letter = new Image();
d_letter = new Image();
e_letter = new Image();
f_letter = new Image();
g_letter = new Image();
h_letter = new Image();
i_letter = new Image();
j_letter = new Image();
k_letter = new Image();
l_letter = new Image();
m_letter = new Image();
n_letter = new Image();
o_letter = new Image();
p_letter = new Image();
q_letter = new Image();
r_letter = new Image();
s_letter = new Image();
t_letter = new Image();
u_letter = new Image();
v_letter = new Image();
w_letter = new Image();
x_letter = new Image();
y_letter = new Image();
z_letter = new Image();
space = new Image();
komma = new Image();
dot = new Image();
strich = new Image();
single_quote = new Image();
double_quote = new Image();
question = new Image();
exclamation = new Image();
apo = new Image();
para_left = new Image();
para_right = new Image();
radio = new Image();
// load black letters
a_letter.src = "letters_black/a.gif";
b_letter.src = "letters_black/b.gif";
c_letter.src = "letters_black/c.gif";
d_letter.src = "letters_black/d.gif";
e_letter.src = "letters_black/e.gif";
f_letter.src = "letters_black/f.gif";
g_letter.src = "letters_black/g.gif";
h_letter.src = "letters_black/h.gif";
i_letter.src = "letters_black/i.gif";
j_letter.src = "letters_black/j.gif";
k_letter.src = "letters_black/k.gif";
l_letter.src = "letters_black/l.gif";
m_letter.src = "letters_black/m.gif";
n_letter.src = "letters_black/n.gif";
o_letter.src = "letters_black/o.gif";
p_letter.src = "letters_black/p.gif";
q_letter.src = "letters_black/q.gif";
r_letter.src = "letters_black/r.gif";
s_letter.src = "letters_black/s.gif";
t_letter.src = "letters_black/t.gif";
u_letter.src = "letters_black/u.gif";
v_letter.src = "letters_black/v.gif";
w_letter.src = "letters_black/w.gif";
x_letter.src = "letters_black/x.gif";
y_letter.src = "letters_black/y.gif";
z_letter.src = "letters_black/z.gif";
space.src = "letters_black/space.gif";
single_quote.src = "letters_black/single_quote.gif";
double_quote.src = "letters_black/double_quote.gif";
question.src = "letters_black/question.gif";
exclamation.src = "letters_black/exclamation.gif";
dot.src = "letters_black/dot.gif";
apo.src = "letters_black/apo.gif";
para_left.src = "letters_black/para_left.gif";
para_right.src = "letters_black/para_right.gif";
radio.src = "letters_black/radio.gif";
// initialise Array
var ImageArray = []
for(i = 0; i <= 55; i++)
{
newArray = [1]
ImageArray = ImageArray.concat(newArray);
}
// setup Texts
paragraph1 = "******************************************************"
paragraph2 = "this is not a radiobutton. do not trust an interface. "
// setup variables
var newState = 0
var newImage = ""
// -----------------------------
// functions:
function getimgReference(x)
{
var def = "space.gif"
if(x == "a") {def = "a.gif"}
if(x == "b") {def = "b.gif"}
if(x == "c") {def = "c.gif"}
if(x == "d") {def = "d.gif"}
if(x == "e") {def = "e.gif"}
if(x == "f") {def = "f.gif"}
if(x == "g") {def = "g.gif"}
if(x == "h") {def = "h.gif"}
if(x == "i") {def = "i.gif"}
if(x == "j") {def = "j.gif"}
if(x == "k") {def = "k.gif"}
if(x == "l") {def = "l.gif"}
if(x == "m") {def = "m.gif"}
if(x == "n") {def = "n.gif"}
if(x == "o") {def = "o.gif"}
if(x == "p") {def = "p.gif"}
if(x == "q") {def = "q.gif"}
if(x == "r") {def = "r.gif"}
if(x == "s") {def = "s.gif"}
if(x == "t") {def = "t.gif"}
if(x == "u") {def = "u.gif"}
if(x == "v") {def = "v.gif"}
if(x == "w") {def = "w.gif"}
if(x == "x") {def = "x.gif"}
if(x == "y") {def = "y.gif"}
if(x == "z") {def = "z.gif"}
if(x == " ") {def = "space.gif"}
if(x == "!") {def = "exclamation.gif"}
if(x == '"') {def = "double_quote.gif"}
if(x == "'") {def = "single_quote.gif"}
if(x == "?") {def = "question.gif"}
if(x == ".") {def = "dot.gif"}
if(x == ",") {def = "komma.gif"}
if(x == "(") {def = "para_left.gif"}
if(x == ")") {def = "para_right.gif"}
if(x == "*") {def = "radio.gif"}
return def
}
function getNewImage(imgNo, textsource)
{
newLetter = textsource.charAt(imgNo);
imageReference = getimgReference(newLetter);
return imageReference;
}
function changeImages(Ziel,Quelle)
{
//Ziel.src = Quelle.src;
// mal testen: objRef = eval(string)
Ziel.src = Quelle;
}
function numericalChange(targetNo, Quelle)
{
targetNo = targetNo + 34;
document.images[targetNo].src = Quelle;
}
function updateArray(imgNo, imgPos)
{
currentState = ImageArray[imgNo]
if (currentState == 0)
{
newState = 1
imageReference = getNewImage(imgNo, paragraph1);
newImage = "letters_black/" + imageReference
}
if (currentState == 1)
{
newState = 0
imageReference = getNewImage(imgNo, paragraph2);
newImage = "letters_black/" + imageReference
}
//alert(newImage)
ImageArray[imgNo] = newState
changeImages(imgPos, newImage)
}
function selectParagraph(paraNo)
{
if (paraNo == 1)
{
selectedParagraph = paragraph1
folderRef = "letters_black/"
newState = 1
}
if (paraNo == 2)
{
selectedParagraph = paragraph2
folderRef = "letters_black/"
newState = 2
}
for(i = 0; i <= 55; i++)
{
ImageArray[i] = newState
imageReference = getNewImage(i, selectedParagraph);
newImage = folderRef + imageReference
newPos = "pos" + i;
numericalChange((i+1), newImage);
}
}
function resetSelection()
{
document.select.reset()
}
// creates the "text body"
function writeText()
{
var widthCounter = 0;
var tabWidth = 22;
for(i = 0; i <= 55; i++)
{
var x = paragraph1.charAt(i);
var def = "space.gif"
var size = 'width="18" height="37"'
def = getimgReference(x);
document.write('
');
widthCounter = widthCounter + 1
if (widthCounter == tabWidth){
widthCounter = 0;
document.write('
');
}
}
}