<?php
    include("gallery/config.inc.php");



    // Firstly Lets build the Category List

    $result = mysql_query( "SELECT category_id,category_name FROM gallery_category" );
    while( $row = mysql_fetch_array( $result ) )
    {
$photo_category_list .=<<<__HTML_END
    <option value="$row[1]">$row[1]</option>\n
__HTML_END;
    }
    mysql_free_result( $result );

// Final Output
echo <<<__HTML_END
 <script>
    $(document).ready(function(){
        $("#bestelformulier").validationEngine('attach');
       });
    </script>
    <script>var counter = 0;

function moreFields() {
    counter++;
    var newFields = document.getElementById('readroot').cloneNode(true);
    newFields.id = '';
    newFields.style.display = 'block';
    var newField = newFields.childNodes;
    var insertHere = document.getElementById('writeroot');
    insertHere.parentNode.insertBefore(newFields,insertHere);
}

window.onload = moreFields;</script>
    <div id="readroot" style="display: none">
    <input type="button" value="Verwijder velden"
        onclick="this.parentNode.parentNode.removeChild(this.parentNode);" /><table width='100%' border='0' align='left' style='width: 100%;'><tr>
<?<td>
Artiest:
</td>
    <td>
<select name='artiest' class="validate[required]" id='rand()'>
<option value="">Kies:</option>
$photo_category_list
</select>
    </td>
    <td>
    Foto:</td>
    <td>
    <input type='text' name='fotonr' size='2' class='validate[required,custom[onlyNumberSp]]' id='fotonr' />
    </td>
</tr>
<tr>
<td>Formaat:</td>
<td>
<select name='formaat' class="validate[required]" id='formaat'><option value''>Kies:</option><option value='Lorum Ipsum'>Lorum Ipsum</option><option value='Lorum Ipsum'>Lorum Ipsum</option></select>
</td>
<td>Aantal:</td>
<td><input type='text' name='aantal' size='2' class='validate[required,max[25]]' id='aantal' /></td>
</tr>
<tr>
<td>Kleursoort:</td>
<td>
<select name='kleur' class="validate[required]" id='kleur'><option value=''>Kies:</option><option value='Full Color'>Full Color</option><option value='Zwart Wit'>Zwart Wit</option><option value='Sepia'>Sepia</option></select>
</td></tr>
<tr><td><br></td></tr>
</table></div>










    <form enctype='multipart/form-data' action='index.php?p=order' method='post' id='bestelformulier' name='bestelformulier'>
<table width='100%' border='0' align='left' style='width: 100%;'>
<span id="writeroot"></span><input type="button" onclick="moreFields()" value="Toon meer velden" />

<tr>
<td>Naam:</td>
<td>
<input type='text' name='naam' class='validate[required,custom[onlyLetterSp]]' id='naam' size='20' /></td></tr>
<tr><td>Email:</td><td><input type='text' class='validate[required,custom[email]]' name='mail' size='20' id='email' /></td></tr>
<tr><td>Straat:</td><td><input type='text' name='straat' size='20' class='validate[required,custom[onlyLetterSp]]' id='strait'/></td><td>Huisnr.:</td><td><input type='text' name='huisnr' size='2' class='validate[required,custom[huisnummer]]' id='huisnr'/></td></tr>
<tr><td>Postcode:</td><td><input type='text' name='postcode' class='validate[required,custom[postcode]]' size='20' id='post code' /></td><td>Plaats:</td><td><input type='text' name='plaats' size='20' class='validate[required,custom[onlyLetterSp]]' id='plaats' /></td></tr>

<tr>
    <td>
<input type='submit' name='submit' value='Bestellen' /><input type='button' name='error' value='Verberg errors' onclick="$('#bestelformulier').validationEngine('hideAll');" />

    </td>
</tr>

</form>

</table>
__HTML_END;
?>