//
// image-map.js
//
// Adds AJAX functionality.
//var baseDomain = 'http://www.neu.riemser.com/';
var baseDomain = '';

// Global setup
var ids = new Array(167, 173, 175, 168, 172, 171, 169, 174, 166, 170);
var imageBaseDir = baseDomain + 'fileadmin/bilder_und_fotos/riemser.de/klinikunit';
var images = new Object();
images['167'] = imageBaseDir + '/truckenbrodt.png';
images['173'] = imageBaseDir + '/meinen.png';
images['175'] = imageBaseDir + '/kreulich.png';
images['168'] = imageBaseDir + '/schuett.png';
images['172'] = imageBaseDir + '/nattrodt.png';
images['171'] = imageBaseDir + '/dr_peter.png';
images['169'] = imageBaseDir + '/schoeneberger.png';
images['174'] = imageBaseDir + '/machon.png';
images['166'] = imageBaseDir + '/winkler.png';
images['170'] = imageBaseDir + '/schmidt.png';
images['blank'] = imageBaseDir + '/deutschland.png';
var transpImages = new Object();
transpImages['167'] = imageBaseDir + '/truckenbrodt-transp.png';
transpImages['173'] = imageBaseDir + '/meinen-transp.png';
transpImages['175'] = imageBaseDir + '/kreulich-transp.png';
transpImages['168'] = imageBaseDir + '/schuett-transp.png';
transpImages['172'] = imageBaseDir + '/nattrodt-transp.png';
transpImages['171'] = imageBaseDir + '/dr_peter-transp.png';
transpImages['169'] = imageBaseDir + '/schoeneberger-transp.png';
transpImages['174'] = imageBaseDir + '/machon-transp.png';
transpImages['166'] = imageBaseDir + '/winkler-transp.png';
transpImages['170'] = imageBaseDir + '/schmidt-transp.png';
transpImages['blank'] = imageBaseDir + '/blank-transp.png';
var clicked = false;

// Bind events (after the DOM is loaded)
$(document).ready(function() {
	// Catch IE6 users
	if (navigator.userAgent.indexOf('MSIE 6') != -1) {
		// Load everything into the top layer
		$('#top-map').attr('src', images['blank']);
		
		// Bind image hover events
		$('area').bind('mouseover', function() {
			if (clicked) {
				if (clicked == $(this).attr('id'))
					return;
				else
					clicked = false;
			}
			$('#top-map').attr('src', images[$(this).attr('id')]);
		});
		$('area').bind('mouseout', function() {
			if (! clicked)
				$('#top-map').attr('src', images['blank']);
		});
				
		// Load page into target div on click
		$('area').bind('click', function() {
			// Hack to get rid of ugly selection
			$('#plz_suche_input').focus();
			
			clicked = $(this).attr('id');
			$('#top-map').attr('src', images[$(this).attr('id')]);
			$('div#detail').load($(this).attr('href'));
			return false;
		});
	} else {
		// Catch IE7 users
		if (navigator.userAgent.indexOf('MSIE 7') != -1) {
			// Bind image hover events
			$('area').bind('mouseover', function() {
				$('#top-map').attr('src', transpImages[$(this).attr("id")]);
			});
			$('area').bind('mouseout', function() {
				$('#top-map').attr('src', transpImages['blank']);
			});
		} else {
			// Bind image hover events
			for (var i = 0; i < ids.length; ++i) {
				$('' + ids[i]).hover(function() {
					$('#top-map').attr('src', transpImages[$(this).attr("id")]);
				}, function() {
					$('#top-map').attr('src', transpImages['blank']);
				});
			}
		}
		
		// Load page into target div on click
		$('area').bind('click', function() {
			// Hack to get rid of ugly selection
			if (navigator.userAgent.indexOf('MSIE 7') != -1) {
				$('#plz_suche_input').focus();
			}
			
			$('#middle-map').attr('src', transpImages[$(this).attr('id')]);
			$('div#detail').load($(this).attr('href'));
			return false;
		});
	}
	
	// IE hack
	/*if (navigator.userAgent.indexOf('MSIE 6') != -1 ||
		navigator.userAgent.indexOf('MSIE 7') != -1) {
		$('area').bind('click', function() {
			$('#plz_suche_input').focus();
		}
	}*/
	
	// Read PLZ map from xml file
	var plzMap = new Array();
	$.get(baseDomain + 'fileadmin/scripts/liste.xml', function(data) {
		$(data).find('satz').each(function() {
			ma = $(this).find('ma').text();
			plz = parseInt($(this).find('plz').text());
			plzMap[plz] = ma;
		});
		
		// Implement search function
		$('#plz_suche').submit(function() {
			//value = $('input[@id="plz_suche_input"]').val();
			value = $('input#plz_suche_input').val();
			if (value.length != 2)
				return false;
			else {
				value = parseInt(value);
				if (! plzMap[value]) {
					$('div#detail').load(baseDomain + 'index.php?id=165&type=1337');
					return false;
				}
				else {
					//$('area[@id="' + plzMap[value] + '"]').trigger('click');
					$('area#' + plzMap[value]).trigger('click');
					return false;
				}
			}
		});
	});
});