/**
 * Javascript for Use-IT
 *
 * @copyright	3RDS	<http://www.3rds.be>
 * @author		Bram Van Damme <bram@3rds.be>
 */
 
var idMappings = {
	'11' : 'brussels',
	'12' : 'bruges',
	'13' : 'antwerp',
	'14' : 'ghent',
	'60' : 'mechelen',
	'66' : 'leuven'
}
 
jQuery(function($) { 
	
	// scrollbar
		$('#contentInner').jScrollPane({showArrows:true});
		
	// extra menu
	
		// only hook if we're in a city!
		if (idMappings[$('body').attr('id').substring(2)] != undefined) {
			
			// hook hover events
			$('#extra ul li').hover(
				function() {
					if (parseInt($(this).attr('id').substring(5)) != 0) {
						$(this).parent().css('backgroundImage', 'url(/images/extra/' + idMappings[$('body').attr('id').substring(2)] + '_' + $(this).attr('id').substring(5) + '.gif)');	
					}
				},
				function() {
					$(this).parent().css('backgroundImage', 'url(/images/layout/extra.gif)');	
				}
			);
			
			// set pointer (hand) as css cursor
			$('#extra ul li').css('cursor', 'pointer');
		}
	
});