Blocco posti su pianta

Buonasera, sto realizzando per la scuola dove insegno una pianta interattiva di un'aula. Ho trovato girando sul web questa che fa al caso mio vorrei a vorrei apportare un ulteriore modifica Questo quello che sinora ho realizzato: "campiones.altervista.org/scuola/scuola.html". Come posso fare per far sì che i posti "venduti" (nel mio caso saranno solo occupati) rimangano tali fino a una certa ora del giorno, in modo che nessuno una volta possa riutilizzarli ? Tenete presente che ho pochissima esperienza in queste cose quindi vi sarei molto grato se riusciste a darmi una mano nella modifica del codice: [code
<script>
var firstSeatLabel = 1;

$(document).ready(function() {
var $cart = $('#selected-seats'),
$counter = $('#counter'),
$total = $('#total'),
sc = $('#seat-map').seatCharts({
map: [
'ff_ff',
'ff_ff',
'ee_ee',
'ee_ee',
'ee___',
'ee_ee',
'ee_ee',
'ee_ee',
'eeeee',
],
seats: {
f: {
price : 1,
classes : 'primo-turno', //your custom CSS class
category: 'Primo Turno'
},
e: {
price : 1,
classes : 'secondo-turno', //your custom CSS class
category: 'Secondo Turno'
}

},
naming : {
top : false,
getLabel : function (character, row, column) {
return firstSeatLabel++;
},
},
legend : {
node : $('#legend'),
items : [
[ 'f', 'available', 'Primo Turno' ],
[ 'e', 'available', 'Secondo Turno'],
[ 'f', 'unavailable', 'Banco attrezzi']
]
},
click: function () {
if (this.status() == 'available') {
//let's create a new <li> which we'll add to the cart items
$('<li>'+this.data().category+' Posto # '+this.settings.label+': <b>n'+this.data().price+'</b> <a href="#" class="cancel-cart-item">[cancella]</a></li>')
.attr('id', 'cart-item-'+this.settings.id)
.data('seatId', this.settings.id)
.appendTo($cart);

/*
* Lets update the counter and total
*
* .find function will not find the current seat, because it will change its stauts only after return
* 'selected'. This is why we have to add 1 to the length and the current seat price to the total.
*/
$counter.text(sc.find('selected').length+1);
$total.text(recalculateTotal(sc)+this.data().price);

return 'selected';
} else if (this.status() == 'selected') {
//update the counter
$counter.text(sc.find('selected').length-1);
//and total
$total.text(recalculateTotal(sc)-this.data().price);

//remove the item from our cart
$('#cart-item-'+this.settings.id).remove();

//seat has been vacated
return 'available';
} else if (this.status() == 'unavailable') {
//seat has been already booked
return 'unavailable';
} else {
return this.style();
}
}
});

//this will handle "[cancel]" link clicks
$('#selected-seats').on('click', '.cancel-cart-item', function () {
//let's just trigger Click event on the appropriate seat, so we don't have to repeat the logic here
sc.get($(this).parents('li:first').data('seatId')).click();
});

//let's pretend some seats have already been booked
sc.get(['1_2', '4_1', '7_1', '7_2']).status('unavailable');

});

function recalculateTotal(sc) {
var total = 0;

//basically find every selected seat and sum its price
sc.find('selected').each(function () {
total += this.data().price;
});

return total;
}

</script><script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ss' : 'http://ww') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
][/code]
Grazie a tutti per l'aiuto e la pazienza