<script language="JavaScript">
var x = 1;
function addMore() {
x = x + 1;
if (x > 5)
alert("Sorry ! You cannot upload more than 5 images at a time.");
else
document.getElementById("upload" + x).style.display = "block";
}
</script>
</head>
<body link=#336699 vlink=#336699 alink=#336699>
<?php include("header.php"); ?>
<center>
<div class="content-container">
<form method=\"GET\" action='images.php'>
<table width=100% background='images/search.gif' repeat-x; style=\"BORDER: #b1ddf6 2px solid;\">
<tr height=40><td align=left width=400>
<LABEL id='message'>Търси: </LABEL> <input type='text' name='query' size=30 maxlength='100'>
<input type='submit' value='Търси'>
</td>
<td>
Търси по<LABEL id='title'>: </LABEL>
<input type='radio' name='opt' value='tags' CHECKED> Тагове
<input type='radio' name='opt' value='gallery'> Галерии
</td>
<td>
<a href="search.php">Разширено търсене</a>
</td>
</tr></table>
</form>
<div style="display: none" id="loading" align=center>
<img src='images/loading.gif' border=0><br><br>
</div>
<div class="content-box">
<table> <tr>
<td width=350 valign=top>
</td>
<td>
<div class="left">
<h1>Избери изображение за качване</h1>
<form method="POST" action="process.php" enctype="multipart/form-data" name="myForm">
<table style="border-collapse: collapse" width=300>
<tr>
<td>
<table id="upload1">
<tr>
<td><LABEL id="title">Снимка:</LABEL></td> <td> <input type="file" name="image1" size=40></td>
</tr>
<tr>
<td><LABEL id="title">Тагове:</LABEL></td> <td><input type="text" name="tags1" size=40 maxlength="200"></td>
</tr>
</table>
<table style="BORDER: #999 1px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; display: none" id="upload2">
<tr>
<td><LABEL id="title">Снимка:</LABEL></td> <td><input type="file" name="image2" size=40></td>
</tr>
<tr>
<td><LABEL id="title">Тагове:</LABEL></td> <td><input type="text" name="tags2" size=40 maxlength="200"></td>
</tr>
</table>
<table id="upload3" style="display: none">
<tr>
<td><LABEL id="title">Снимка:</LABEL></td> <td><input type="file" name="image3" size=40></td>
</tr>
<tr>
<td><LABEL id="title">Тагове:</LABEL></td> <td><input type="text" name="tags3" size=40 maxlength="200"></td>
</tr>
</table>
<table style="BORDER: #999 1px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; display: none" id="upload4">
<tr>
<td><LABEL id="title">Снимка:</LABEL></td> <td height="18"><input type="file" name="image4" size=40></td>
</tr>
<tr>
<td><LABEL id="title">Тагове:</LABEL></td> <td height="22"><input type="text" name="tags4" size=40 maxlength="200"></td>
</tr>
</table>
<table id="upload5" style="display: none">
<tr>
<td><LABEL id="title">Снимка:</LABEL></td> <td><input type="file" name="image5" size=40></td>
</tr>
<tr>
<td><LABEL id="title">Тагове:</LABEL></td> <td><input type="text" name="tags5" size=40 maxlength="200"></td>
</tr>
</table>
<table><tr>
<td>
<br><a href="#" onclick="addMore()">Качи още</a>
</td></tr>
<tr><td>
<LABEL id="text">Разделяйте таговете със запетаи. (,) </LABEL>
</td></tr>
<tr><td>
</td></tr>
<tr><td>
<br><a href=#><img src="images/upload.png" border=0
onclick="myForm.submit(); getElementById('loading').style.display='block';"></a>
</td></tr>
</table>
</td>
</tr>
</table>
</form>