<?php
require_once("config_sql.php");
?>
<!-- Registreren -->

<div id="register" style="position:absolute; background: url(images/register/layer.gif); display:none; overflow: none; left:381; top:71; width:304; height:405; z-index:140; border: 0px solid black;">

<div style='position:absolute; left:0; top:5; width:304; height:15;' class="handle" onmousedown="dragStart(event, 'register')">
</div>

<div id='register_upperlayer_1' style='position:absolute; left:10; top:29; width:284; height:317; display:none;'>
<img src='images/register/upperlayer1.gif'>
</div>

<div id='register_upperlayer_2' style='position:absolute; left:10; top:29; width:284; height:341; display:none;'>
<img src='images/register/upperlayer2.gif'>
</div>

<div id='register_upperlayer_3' style='position:absolute; left:10; top:29; width:284; height:365; display:none;'>
<img src='images/register/upperlayer3.gif'>
</div>

<div id='register_laden' style='position:absolute; left:0; top:183; width:304; height:8; text-align: center; display:none;'>
<img src='images/register/laden.gif'>
</div>

<div id='register_ballon' style='position:absolute; left:33; top:50; width:194; height:29; display:none;'>
<img src='images/register/ballon.gif'>
</div>

<div id='register_plaatje1' style='position:absolute; left:137; top:86; width:142; height:105; display:none;'>
<img src='images/register/plaatje1.gif'>
</div>

<div id='register_ballon_text' style='position:absolute; left:33; top:53; width:194; height:8; text-align: center; display:none;' class='clientfont'>
Welkom bij Jabbo Hotel!
</div>

<div id='register_text1' style='position:absolute; left:24; top:219; width:256; height:122; display:none;' class='clientfont'>
<b>Maak je eigen Jabbo</b><br><br>
Aan de slag! Nog snel even registreren en je bent klaar om te beginnen. Dat is zo gebeurd! Je kunt alles later veranderen behalve je Jabbonaam.
<br><br>
BEWAAR DE GEGEVENS DIE JE HIER INVULT GOED! Je hebt ze later nodig om iets aan je account te kunnen veranderen!
</div>

<div id='register_cancelknop' style='position:absolute; left:11; top:352; width:80; height:18; text-align: left; display:none;'>
<a onclick='close_register_button()'><img id='register_cancel' src='images/knoppen/register_cancel.gif' border='0' onmousedown='button_down("register_cancel")' onmouseup='button_up("register_cancel")' style='cursor: default;'></a>
</div>

<div id='register_jongknop' style='position:absolute; left:73; top:352; width:220; height:18; text-align: right; display:none;'>
<a onclick='register_jong()'><img id='register_jong' src='images/knoppen/register_jong.gif' border='0' onmousedown='button_down("register_jong")' onmouseup='button_up("register_jong")' style='cursor: default;'></a>
</div>

<div id='register_oudknop' style='position:absolute; left:73; top:376; width:220; height:18; text-align: right; display:none;'>
<a onclick='register_step2()'><img id='register_oud' src='images/knoppen/register_oud.gif' border='0' onmousedown='button_down("register_oud")' onmouseup='button_up("register_oud")' style='cursor: default;'></a>
</div>

</div>

<!-- Einde Registreren -->

<!-- Portemonnee -->

<div id="portemonnee" style="position:absolute; background: url(images/portemonnee/layer.gif); display:none; overflow: auto; left:191; top:142; height:234; width:332; z-index:140;">

<table border='0' cellpadding="0" cellspacing="0">
<tr>
<td height="20"></td>
</tr>
</table>
<div align="center" style="width: 332px;">
<div class="handle" onmousedown="dragStart(event, 'portemonnee')">
<table border='0' width="332" cellpadding="0" cellspacing="0" height="15">
<tr>
<td height="22"></td>
</tr>
</table>
</div>
</div>

<div id='portemonnee_close_div' style='position:absolute; left:275; top:26; border: 0px; width: 11px; height: 11px;'>
<a onclick="HideContent('portemonnee');"><img src="images/portemonnee/close.gif" border='0' align='top' style='cursor: pointer;'></a>
</div>

<div style='position:absolute; left:0; top:54; width:332; border: 0px;'>
<center>
<div id='purse_money' style='font-family: verdana, arial, sans-serif; font-size: 9px;'>
<b>Je hebt&nbsp;&nbsp;&nbsp;&nbsp;<font size='4'><?php echo $credits; ?></font>&nbsp;&nbsp;&nbsp;&nbsp;Credit<?php if ($credits != 1) { echo "s"; } ?></b>
</div>
</center>
</div>

<div id='portemonnee_close_div' style='position:absolute; left:36; top:80; height:97; width:263; border: 0px; z-index:1;'>
<img src="images/portemonnee/coins_bottom.gif" border='0'>
</div>

<div id='purse_credits' style='position:absolute; left:36; top:80; height:97; width:263; border: 0px; z-index:2; overflow: hidden;'>
</div>

<div style='position:absolute; left:36; top:80; height:97; width:263; border: 0px; z-index:3;'>
<img src="images/portemonnee/coins_top.gif" border='0'>
</div>

</div>

<!-- Einde Portemonnee -->

<!-- Kopen -->

<div id="kopen" style="position:absolute; display:none; left:0; top:0; z-index:140; height:549px; width:720px;">

<table border='0' cellpadding='0' cellspacing='0' height='100%' width='100%'>
<tr>
<td valign='middle'>
<center>

<div style="position:relative; background: url(images/catalogus/koop1.gif); height:254px; width:308px;">

<div class='clientfont' id='koop1_prijs' style='position:absolute; left:0; top:68; z-index:1; height: 205px; width:308px; border: 0px; visibility: hidden;'>
</div>

<div class='clientfont' id='koop1_jouwgeld' style='position:absolute; left:0; top:106; z-index:1; height: 205px; width:308px; border: 0px; visibility: hidden;'>
</div>

<div class='clientfont' id='koop1_kado' style='position:absolute; left:0; top:133; z-index:1; height: 205px; width:308px; border: 0px; visibility: hidden;'>
</div>

<div class='clientfont' id='koop2_layer' style='position:absolute; left:0; top:87; z-index:1; height: 205px; width:308px; border: 0px; visibility: hidden;'>
<img src='images/catalogus/koop2.gif'>
</div>

<div class='clientfont' id='koop2_prijs' style='position:absolute; left:0; top:28; z-index:1; height: 205px; width:308px; border: 0px; visibility: hidden;'>
</div>

<div class='clientfont' id='koop2_jouwgeld' style='position:absolute; left:0; top:66; z-index:1; height: 205px; width:308px; border: 0px; visibility: hidden;'>
</div>

<div class='clientfont' id='koop2_kado' style='position:absolute; left:24; top:95; z-index:1; height: 205px; width:308px; border: 0px; visibility: hidden;' align='left'>
</div>

<div id='kado_voorwie_layer' style='position:absolute; left:42; top:113; z-index:1; border: 0px; visibility: hidden;'>
<input type='text' size='32' maxlength='20' id='kado_voorwie' name='kado_voorwie' class='clientfont'>
</div>

<div id='kado_text_layer' style='position:absolute; left:24; top:166; z-index:1; border: 0px; visibility: hidden;'>
<textarea id='kado_text' name='kado_text' class='clientfont' rows='1' cols='46'>
</textarea>
</div>

<div id='afbrekenknop' style='position:absolute; left:128; top:215; z-index:9; border: 0px; visibility: hidden;'>
<a onclick='stop_koop()'><img id='afbreken' src='images/knoppen/afbreken.gif' border='0' onmousedown='button_down("afbreken")' onmouseup='button_up("afbreken")' style='cursor: default;'></a>
</div>
<div id='buy_okknop' style='position:absolute; left:200; top:213; z-index:9; border: 0px; visibility: hidden;'>
<a onclick='ok_koop()'><img id='buy_ok' src='images/knoppen/buy_ok.gif' border='0' onmousedown='button_down("buy_ok")' onmouseup='button_up("buy_ok")' style='cursor: default;'></a>
</div>

<div class='clientfont' id='koop_aantal_div' style='position:absolute; left:55; top:215; z-index:1; border: 0px; visibility: hidden;'>
Aantal: <input type='text' size='2' maxlength='2' id='koop_aantal' name='koop_aantal' class='clientfont' value='1' onchange='check_koop_aantal();'>
</div>

</div>

</center>
</td>
</tr>
</table>

</div>

<!-- Einde Kopen -->

<!-- Wisselkoers inruilen -->

<div id="handel_inruilen_layer" style="position:absolute; display:none; left:0; top:0; z-index:140; height:549px; width:720px;">

<table border='0' cellpadding='0' cellspacing='0' height='100%' width='100%'>
<tr>
<td valign='middle'>
<center>

<div style="position:relative; background: url(images/handel/layer.gif); height:162px; width:305px;">

<div class='clientfont' id='handel_inruilen_text' style='position:absolute; left:77; top:48; z-index:1; height: 48px; width:168px; border: 0px;'>
</div>

<div id='handel_cancelknop' style='position:absolute; left:71; top:117; z-index:2; border: 0px;'>
<a onclick='stop_handel_inruilen()'><img id='handel_cancel' src='images/knoppen/handel_cancel.gif' border='0' onmousedown='button_down("handel_cancel")' onmouseup='button_up("handel_cancel")' style='cursor: default;'></a>
</div>
<div id='handel_okknop' style='position:absolute; left:186; top:114; z-index:9; border: 0px;'>
<a onclick='handel_ruil_in()'><img id='handel_ok' src='images/knoppen/handel_ok.gif' border='0' onmousedown='button_down("handel_ok")' onmouseup='button_up("handel_ok")' style='cursor: default;'></a>
</div>

</div>

</center>
</td>
</tr>
</table>

</div>

<!-- Einde Wisselkoers inruilen -->