$(document).ready(function(){
	var over_top;
	var over_left;
	var id;
	$(".cinema-map-details").hover(function(){
			id = $(this).attr('id');
			over_top = $(this).position().top;
			over_left = $(this).position().left;
			var element_width = $('#'+id+'-light').width();
			var element_height = $('#'+id+'-light').height();
			var hover_top = over_top - element_height + 16;
			var hover_left = over_left - element_width + 22;
			$(this).css({width: '30px', height: element_height+'px', top: hover_top+'px', left: over_left-4+'px', 'z-index' : '10'});
			if ( $.browser.msie ) {
				$('#'+id+'-light').css({'z-index' : '1', 'display': 'block'});
			}
			else
			{
				$('#'+id+'-light').css({'z-index' : '1'});
				$('#'+id+'-light').fadeIn('slow');
			}
		}, function () {
			$(this).css({width: '22px', height: '16px', left: over_left+'px', top: over_top+'px', 'z-index' : '10'});
			if ( $.browser.msie ) {
				$('#'+id+'-light').css({'z-index' : '1', 'display': 'none'});
			}
			else
			{
				$('#'+id+'-light').css({'z-index' : '1'});
				$('#'+id+'-light').fadeOut('slow');
			}
	});
});