<link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
<?php
// Connect to database
$con = mysql_connect("flyingcoachlimo.startlogicmysql.com","flyingcoachlimo","tiptop76c#");
// Determine if database server is available
if (!$con) {
die('Could not connect to database - db_connect.inc: ' . mysql_error());
}
// Connect to database
mysql_select_db("flyingcoachfc", $con);
$query2 = "SELECT DISTINCT eName FROM limos";
$result2 = mysql_query($query2);
while($row2 = mysql_fetch_array($result2)) {
echo "$(\"a[rel='" . $row2[0] , "']\").colorbox({transition:\"fade\"});";
}
?>
});
</script>
<br/><br/>
<div id="limoArea">
<?php
$temp = NULL;
$counter = 1;
$query = "SELECT * FROM limos";
// Place results into variables
$result = mysql_query($query);
if(!$result)
{
echo 'Query failed: '.mysql_error();
}
while($row = mysql_fetch_array($result))
{
echo "<div class='limoBox'>";
$query2 = "SELECT eFilename FROM imagesLimos WHERE eLink ='" . $row[0] . "' ORDER BY eFilename ASC";
$result2 = mysql_query($query2);
while($row2 = mysql_fetch_array($result2)) {
if ($counter == 1) {
$temp = $row2[0];
echo "<a href='images/limos/" . $temp . "' rel='" . $row[1] . "' title='" . $row[1] . "'><img src='images/limos/" . $temp . "' width='200px'/></a>";
echo "<div class='hiddenbox'>";
$counter++;
}
else
echo "<p><a href='images/limos/" . $row2[0] . "' rel='" . $row[1] . "' title='" . $row[1] . "'></a></p>";
}
echo "</div>";
echo "<br/><br/>";
echo "<b>Vehicle:</b> " . $row[1];
echo "<br/><br/>";
echo "<b>Passenger Load: </b>" . $row[2];
echo "<br/><br/>";
echo "<b>Details:</b>";
echo "<br/><br/>";
echo "<pre style='font-size: 14px; font-family: Verdana;'>" . $row[3] . "</pre>";
echo "</div>";
echo "";
echo "";
echo "";
$counter = 1;
}
?>
</div>