En del små spørgsmål

Jeg er ved at lære lidt JavaScript, og til at starte med ville jeg lave en simpel udgave af ThickBox. Men jeg har lidt problemer og spørgsmål (koden ses nederst)

1. function myboxopen(...) driller lidt (der sker ikke noget når man aktivere det), da der tilsyneladende ikke sker nogen, jeg har den tanke at det er setTimeout(...) der er nogen galt med, men der er sikkert også andet.

2. Hvordan kan man erstatte en tekst, fx vil jeg gerne erstatte mybox-overskirft med variablen navn

3. Er det muligt at gøre sådan at den skal vise billedet loading.gif intil det rigtige billede [variable real] er indlæst, og dermed ikke kun de 3 sek som det er nu.

4. Findes der en indbygget funktion der gør at JavaScriptet fx udføre en function når man trykke på en bestemt tast.

JavaScript aktiveres med fx...
<a href="#" onclick="myboxopen(Billeder/P11700001_real.jpg, Knuds lamme frikadeller, 700, 525);">TEST</a>´

JavaScriptet ser sådan ud...

function myboxopen(real, navn, hoj, bred)
{
bred = bred + 32;
hoj = hoj + 98;
document.getElementById('mybox').style.display = 'block';
document.getElementById('myboxbilled').src='mybox/Loading.gif';
document.getElementById('tablebox').style.width = '' + bred + 'px';
document.getElementById('tablebox').style.height = '' + hoj + 'px';
myboxbillede = new Image();
myboxbillede.src = '' + real + '';
setTimeout("document.getElementById('myboxbilled').src='Billeder/' + real + '';", 3000);
}
function myboxclose()
{
document.getElementById('mybox').style.display = 'none';
document.getElementById('myboxbilled').src='mybox/Loading.gif';
}

HTML delen ser sådan ud...
            <div id="mybox" class="upperbillede" style="display:none;">
                <table id="tablebox" class="upperramme" cellpadding="0" cellspacing="0" style="width:200px;height:200px;">
                    <tr>
                        <td class="LeftTop"></td><td class="Top" colspan="3"></td><td class="RightTop"></td>
                    </tr>   
                    <tr>
                        <td class="Left" rowspan="3"></td>
                        <td class="Andet" align="left">
                        &nbsp;
                        </td>
                        <td class="upperoverskrift">
                            <strong>mybox-overskrift</strong>
                        </td>
                        <td class="F11" align="right">Fuld skærm: Tryk F11</td>
                        <td class="Right" rowspan="3"></td>
                    </tr>   
                    <tr>
                        <td class="upperbillede" colspan="3">
                            <img src="mybox/Loading.gif" alt="billede" id="myboxbilled" />
                        </td>
                    </tr>
                    <tr>
                        <td class="upperafslut" colspan="3">
                            <img src="mybox/close.png" alt="LUK" onclick="myboxclose()" style="cursor:pointer;" />
                        </td>
                    </tr>
                    <tr>
                        <td class="LeftBottom"></td><td class="Bottom" colspan="3"></td><td class="RightBottom"></td>
                    </tr>
                </table>
            </div>
Eksemplet ses her...
http://www.kogebogen.a-mweb.dk/index.php?Opskrift=48# --> link:TEST