<html>
<head>
<title>Mandango - The Macho Movie Ticket Finder </title>
<script type="text/javascript">
var seats = [ false,true,false,true,true,true,false,true,false ];
var selSeat = -1;
function initSeats() {
// Initialize the appearance of all seats
for (var i = 0; i < seats.length; i++) {
if (seats[i]) {
//
document.getElementById("seat" + i).src = "seat_avail.png";
document.getElementById("seat" + i).alt = "Available seat";
}
else {
//
document.getEementById("seat" + i) .src = "seat_unavail.png";
document.getElementById("seat" + i).alt = "Unavailble seat";
}
}
}
function findSeat() {
//
if (selSeat >= 0) {
selSeat = -1;
initSeats();
}
//
for (var i = 0; i < seats.length; i++) {
//
if (seats[i]) {
selSeat = i;
document.getElementById("seat" + i).src = "seat_select.png";
document.getElementById("seat" + i).alt = "Your seat";
//
var accrpt = confirm("Seat" + (i + 1) + "is available.Accrpt?");
if (!accept) {
//
selSeat = -1;
document.getElementById("seat" + i) .src = "seat_avail.png";
document.getElementById("seat" + i).alt = "Available seat";
}
}
}
</script>
</head>
<body onload="initSeats();">
<div style="margin-top:75px; text-align:center">
<img id="seat0" src="" alt="" />
<img id="seat1" src="" alt=""
/>
<img id="seat2" src="" alt="" />
<img id="seat3" src="" alt="" />
<img id="seat4" src="" alt="" />
<img id="seat5" src="" alt="" />
<img id="seat6" src="" alt="" />
<img id="seat7" src="" alt="" />
<img id="seat8" src="" alt="" />
<input type="button" id="findseat" value="Find Seat" onclick="findSeat();" />
</div>
</body>
</html>