$(document).ready(function(){
	var img = $('#teasergallery img');
	if (img.length > 1) {
		$("#teasergallery img:gt(0)").hide(); //initial hide all img except the first
		var map = $('#hoverMap area');
		$(map).attr("href", "javascript:void(0);");	// for cursor pointer
		$(map).mouseover(
			  function () {
				var index = $(map).index(this)+1;
				var title = $(img[index]).attr("title"); // get the title from image
				$(this).attr("title",title); // set the title to the map area
				$(img[index]).css({ 'z-index' :'99' })
							.show();
			  });
		$(map).mouseout(
			  function () {
				var index = $(map).index(this)+1;
				$(img[index]).css({ 'z-index' :'0' });
			  }
		);
	}
});