/* =================================================
 * 
 * AJAX Script für Praxis Seever Website
 * 
 * 		(c) Sebastian Kleinau, März 2009
 * 		www.sebastian-kleinau.de
 * 
 * 							Privatärztliche Praxis
 * 							DM Ekehard Seever
 * 							www.praxis-seever.de
 * 
 * =================================================
 */

var viewportwidth;
var viewportheight;

var containerSizeChanged = false;
var mapLarge;
var mapLargeRoute;
var mapLargeRouteError = false;
var mapLargePrintview = false;
var mapLargeScriptLoaded = false;
var mapSmallScriptLoaded = false;

var minWidth = 478;
var minHeight = 41+90;

var oldWidth = 768;
var oldHeight = 41+90;

var activePage = '';
var activePageIntervalFunction;
var loading = false;
var frame;

window.onload = function() {
	// hide content loaded by php for non-javascript users (-> to have the animation)
	$('content').innerHTML = '';
	// get size of the window for resizing functions
	getViewportSize();

	// activate links on the navigation bar
	$('link_start').addEvent('click', function(event) {
		event.stop();
		loadPage('start');
	});
	$('link_mail').addEvent('click', function(event) {
		event.stop();
		loadPage('mail');
	});	
	$('link_therapien').addEvent('click', function(event) {
		event.stop();
		loadPage('therapien');
	});	
	$('link_impressum').addEvent('click', function(event) {
		event.stop();
		loadPage('impressum');
	});	

	// check url for direct page access (bookmark, ...)
	if(location.hash.length>1) {
		var page = unescape(location.hash.substring(1));
		loadPage(page);
	} else {
	// load the homepage (animated)
		loadPage('start');
		scaleContainer(768, 435);
	}
	
	// add Event to change page when browser navigation is used
	window.setTimeout("handleBrowserNavigation()", 200);
}

function handleBrowserNavigation() {
	// only care if # in url and not already working on a change
	if(location.hash.length>1 && loading==false) {
		var page = unescape(location.hash.substring(1));
		if(page != activePage) {
			loadPage(page);
		} 
	}
	window.setTimeout("handleBrowserNavigation()", 200);
}

function loadPage(name) {
	// check the lock - if already loading a page then don't handle that request
	if(loading==true) return false;
	// set a lock so there are no multiple requests from double clicks
	// or browser navigation buttons
	loading = true;
	
	// parse url to load
	var url = 'start.php';
	document.title = 'Praxis Seever | Facharzt für Allgemeinmedizin, Chirurgie, Chirotherapie, Akupunktur, Neuraltherapie';
	if(name=='map') {
		url = 'gmaps.php';
		document.title = 'Praxis Seever | Anfahrt';
	}
	if(name=='mail') {
		url = 'mail.php';
		document.title = 'Praxis Seever | E-Mail Kontaktformular';		
	}
	if(name=='therapien') {
		url = 'therapien.php';
		document.title = 'Praxis Seever | Therapie Angebot';
	}
	if(name=='impressum') {
		url = 'impressum.php';
		document.title = 'Praxis Seever | Impressum';
	}

	// show "loading" indicator
	showIndicator(true);

	// handle size of container (map view or not, enlarged impressum)
	if(name=='map' && containerSizeChanged==false) {
		maximizeContainer();
		containerSizeChanged = true;
	}
	if(name!='map' && name!='impressum' && containerSizeChanged==true) {
		restoreContainer();
		containerSizeChanged = false;
	}
	if(name=='impressum') {
		scaleContainer(768, viewportheight);
		containerSizeChanged = true;
	}

	// fade out current content
	$('content').morph({opacity: [1.0, 0.0], duration: '1000'});

	// load new content (after delay for fade out)
	(function() {(
			new Request.HTML({
				url: url,
				method: 'get',
				update: 'content',
				evalResponse: 'true',
				onComplete: function(){
					// on complete do site specific tasks
					if(name=='start') {
						// activate mail link on homepage
						$('link_mail2').addEvent('click', function(event) {
							event.stop();
							loadPage('mail');
						});
						// activate map link on homepage
						$('link_map2').addEvent('click', function(event) {
							event.stop();
							loadPage('map');
						});
						// load google maps script dynamically
						initGoogleMapsScript('small');
					};
					if(name=='map') {
						// load google maps script dynamically
						initGoogleMapsScript('large');
					};
					if(name=='mail') {
						// activate send button	
						$('mailformer').addEvent('submit', function(e) {
							e.stop();
							sendMail();
						});
					}
					if(name=='impressum') {
						
					}
					// ... fade content back in ...
					$('content').morph({opacity: [0.0, 1.0], duration: '1000'});
					// ... convert tooltip class elements to mootools tooltip ...
					new Tips($$('.tooltip'), { "timeOut": 700});
					// ... set anchor for bookmarking & browser navigation ...  
					location.hash = "#" + escape(name);
					if (window.ActiveXObject) {						
						//window.frames["iebm"].window.location.search = "?" + escape(name);
					}
					activePage = name;
					// ... stop showing the "loading" indicator ...
					showIndicator(false);
					// ... release the lock to re-allow page loading
					loading = false;
				}
			}).send()
	)}).delay(1000);
}

function initGoogleMapsScript(site) {
	// abort if script already inserted into header
	if( site=='small' && mapSmallScriptLoaded==true ) {
		mapSmall_Loaded();
		return false;
	}
	if( site=='large' && mapLargeScriptLoaded==true ) {	
		mapLarge_Loaded();
		return false;
	}
	// dynamically load script into header
	var key = 'ABQIAAAA-twd_Q3vqxeCFBgcUlj9JhQF-g8JvPWN-bqhWgqPRVCXOtXU_BSSAjlXS-tcurlzc_hrPW9ErObwcg';
	var script = document.createElement("script");
	if(site=='small') {
		script.src = "http://www.google.com/jsapi?callback=loadMaps_small&key="+key;
		mapSmallScriptLoaded = true;
	} else {
		script.src = "http://www.google.com/jsapi?callback=loadMaps_large&key="+key;
		mapLargeScriptLoaded = true;
	}
	script.type = "text/javascript";
	document.getElementsByTagName("head")[0].appendChild(script);
}

function loadMaps_small() {
	google.load("maps", "2", {"callback": mapSmall_Loaded});
}

function loadMaps_large() {
	google.load("maps", "2", {"callback": mapLarge_Loaded});
}

function sendMail() {
	// lock the page
	loading = true;
	// show "loading" indicator
	showIndicator(true);
	
	// check if all fields are set and send mail if so
	if( validateMailForm() ) {	
		$('mailformer').action ="mailHandler.php";
		$('mailformer').set('send', {onComplete: function(response) { 
			$('content').morph({opacity: [1.0, 0.0], duration: '500'});
			(function() {(
					$('content').innerHTML = response
			)}).delay(500);
			(function() {(
				$('content').morph({opacity: [0.0, 1.0], duration: '1000'})
			)}).delay(500);
			new Tips($$('.tooltip'), { "timeOut": 700})
			// ... stop showing the "loading" indicator ...
			showIndicator(false);
			// realease the lock
			loading = false;
		}}).send();
	} else {
		// ... stop showing the "loading" indicator ...
		showIndicator(false);
		// realease the lock
		loading = false;		
	}
}

function validateMailForm() {
	var name = $('fromName').value;
	var email = $('fromMail').value;
	var phone = $('phone').value;
	var response = 'E-Mail';
	for(i=0; i<$('mailformer').response.length; i++) {
		if($('mailformer').response[i].checked) 
			response = $('mailformer').response[i].value;
	}	
	var subject = $('subject').value;
	var text = tinyMCE.activeEditor.getContent();
	// update the value of the textarea (else php post variable may have wrong content)
	$('text').value = text;
	
	var result = true;
	var errormsg = '';
	
	// check name (not empty)
	if(name == '') {
		errormsg += 'Bitte geben Sie Ihren Namen in das Textfeld ein.\n';
		result = false;
	}
	// check subject 
	if(subject == '') {
		errormsg += 'Bitte geben Sie einen Betreff für die Nachricht an.\n';
		result = false;
	}
	// check if the field given in response type is properly filled
	if(response == 'E-Mail') {
		var atPos = email.indexOf('@');
		var dotPos = email.lastIndexOf('.');
		// @ sign needs to be there and a dot behind @ and dot not as last sign
		if(atPos == -1 || dotPos <= atPos || dotPos == email.length) {
			errormsg += 'Sie haben keine oder eine ungültige E-Mailadresse angegeben.\n';
			result = false;
		}
	}
	if(response == 'Telefon') {
		if(phone == '') {
			errormsg += 'Sie haben keine Telefonnummer für unseren Rückruf angegeben.\n';
			result = false;
		}
	}
	// check the text for too many links ...
	var httpFound = 0;
	var maxHttp = 5;
	var i = text.indexOf('http://', 0);
	while( i != -1) {
		httpFound++;
		i = text.indexOf('http://', i+1);
	}
	if(httpFound > maxHttp) {
		errormsg += 'Sie haben zu viele Links auf Internetseiten in Ihrer Nachricht.\n';
		errormsg += 'Aus Sicherheitsgründen sind nicht mehr als '+maxHttp+' erlaubt.\n';
		result = false;
	}
	if(text=='') {
		errormsg += 'Sie haben keinen Inhalt für Ihre Nachricht angegeben.\n';
		result = false;
	}
	
	if(result == false) alert(errormsg);
	return result;
}

function mapSmall_Loaded() {
	var map = new google.maps.Map2($('map'));
	map.enableScrollWheelZoom();
	map.setCenter(new GLatLng(52.012468,11.725855), 12);
	var point = new google.maps.LatLng(52.006468,11.716855);
	map.addOverlay(new google.maps.Marker(point));
	map.addControl(new google.maps.SmallMapControl());
}

function MapLarge_getBubbleHTML() {
	var text = '<div id="mapLargeBubble">';
	text += '<b>Praxis Seever</b><br>Leipziger Straße 27<br>39218 Schönebeck (Elbe)<br><br>';
	text += '<b>Ihr Weg zu uns:</b><br>';
	text += '<input type="text" value="Breiter Weg, Magdeburg" id="fromAdress" name="fromAdress" onFocus="$(\'fromAdress\').value=\'\';" length="50">';
	text += '<input type="button" value="Anzeigen" OnClick="mapLarge_setRoute();" /></div>';
	return text;
}

function mapLarge_Loaded() {
	mapLarge = new google.maps.Map2(document.getElementById("mapLarge"));
	mapLarge.enableScrollWheelZoom();
	mapLarge.setCenter(new GLatLng(52.016,11.73), 13);
	mapLarge.addControl(new google.maps.LargeMapControl());
	mapLarge.addControl(new google.maps.ScaleControl());
	mapLarge.addControl(new google.maps.MapTypeControl());
	mapLarge.addControl(new google.maps.OverviewMapControl());
	var loc = new google.maps.LatLng(52.006468,11.716855);
	var marker = new google.maps.Marker(loc);
	mapLarge.addOverlay(marker);
	GEvent.addListener(marker, "click", function() {
		mapLarge.openInfoWindowHtml(loc, MapLarge_getBubbleHTML());
	});		
	mapLarge.openInfoWindowHtml(loc, MapLarge_getBubbleHTML());
    
	mapLargeRoute = new GDirections(mapLarge, document.getElementById("mapRoute"));
	google.maps.Event.addListener(mapLargeRoute, "error", MapLarge_handleErrors);
}

function MapLarge_handleErrors(){
	mapLargeRouteError = true;
	if (mapLargeRoute.getStatus().code != G_GEO_SUCCESS) {
		if(mapLargeRoute.getStatus().code == G_GEO_UNKNOWN_DIRECTIONS) {
			alert("Die Route konnte nicht berechnet werden.\n Überprüfen Sie bitte Ihre Eingabe.");
		} else if(mapLargeRoute.getStatus().code==G_GEO_TOO_MANY_QUERIES || mapLargeRoute.getStatus().code == G_GEO_BAD_KEY) {
			alert("Der Google Routenplaner ist nicht erreichbar.\n Bitte versuchen Sie es später 	erneut.");
		} else {
			alert("Ihre Startadresse wurde nicht gefunden. Bitte überprüfen Sie Ihre Eingabe\n oder geben Sie weitere Details an (Straße, Hausnummer, PLZ, Stadt)");
		}
	} else { 
		mapLargeRouteError = false;
	}
}

function mapLarge_setRoute() {
	var fromAdress = $('fromAdress').value;
	var toAdress = 'Leipziger Straße 27, 39218, Schönebeck';
	mapLargeRoute.load("from: " + fromAdress + " to: " + toAdress, { "locale": 'de' });
	if(mapLargeRouteError==false) {
		//mapLarge.closeInfoWindow();
		var moveMapFX = new Fx.Elements($$('#mapLarge', '#mapRoute'), {duration: '1000'});
		moveMapFX.start({
			'0': { 
				'left': [0, 360]
			},
			'1': { 
				'width': [0, 350]
			}
		});				
	}
	mapLargeRouteError = false;
}

function showIndicator(show) {
	if(show) {
		$('loader').style.visibility = 'visible';
	} else {
		$('loader').style.visibility = 'hidden';
	}
}

function fadeOut() {
	$('content').morph({opacity: [1.0, 0.0], duration: '1000'});	
}

function fadeIn() {
	$('content').morph({opacity: [0.0, 1.0], duration: '1000'});
}

function maximizeContainer() {
	scaleContainer(viewportwidth-20, viewportheight-20);
}

function restoreContainer() {
	scaleContainer(768, 435);	
}

function scaleContainer(newWidth, newHeight) {
	if(newWidth<minWidth) newWidth=minWidth;
	if(newHeight<minHeight) newHeight=minHeight;
	var elements = $$('#container', '#c_m', '#c_t_m', '#c_m_m', '#c_b_m');
	var ScaleContainerFX = new Fx.Elements(elements, {duration: '1000', link: 'chain'});
	ScaleContainerFX.start({
		'0': { 
			'width': [oldWidth, newWidth],
			'height': [oldHeight, newHeight],
			'margin-left': [-1*oldWidth/2, -1*newWidth/2],
			'margin-top': [-1*oldHeight/2, -1*newHeight/2]
		},
		'1': { 
			'height': [oldHeight-90-41, newHeight-90-41]
		},
		'2': { 
			'width': [oldWidth-380-38, newWidth-380-38]
		},
		'3': {
			'width': [oldWidth-38-38, newWidth-38-38]
		},
		'4': {
			'width': [oldWidth-38-38, newWidth-38-38]
		}
	});
	oldWidth = newWidth;
	oldHeight = newHeight;	
}

function getViewportSize() {	 
	// modern
	 if (typeof window.innerWidth != 'undefined')
	 {
	      viewportwidth = window.innerWidth,
	      viewportheight = window.innerHeight
	 }	 
	// IE6
	 else if (typeof document.documentElement != 'undefined'
	     && typeof document.documentElement.clientWidth !=
	     'undefined' && document.documentElement.clientWidth != 0)
	 {
	       viewportwidth = document.documentElement.clientWidth,
	       viewportheight = document.documentElement.clientHeight
	 }	 
	 // < IE6
	 else
	 {
	       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
	       viewportheight = document.getElementsByTagName('body')[0].clientHeight
	 }
}