/**
 * functions.js
 * Zentrale Javascript-Datei
 *
 * @version 2009-07-23
 *
 */
 
	/*----------------------------------------------------------------
		Regelt Seitenhintergrund
	  ----------------------------------------------------------------*/
	var Page = Class.create();
	
	Page.prototype = {

		initialize: function(params) {

			this.ratio = 1900 / 1200;
			Event.observe(window, 'load', this.initWhenBackgroundLoad.bindAsEventListener(this));
			
		},

		initWhenBackgroundLoad: function(params) {

			// Hintergrundbild
			if ($('backgroundImage')) {
				this.resizeBackground();
				$('backgroundImage').appear({
					duration: 1
				})
				Event.observe(window, 'resize', this.resizeBackground.bindAsEventListener(this));
			}
			
			// Fläche beweglich machen
			new Draggable('pageContainer', {handle: 'pageContainer' });

		},

		
		/**
		* function resizeBackground
		* Passt die Gr��e der Hintergrundebene beim Scrollen oder �ndern der Fenstergr��e an.
		*
		*/
		resizeBackground: function() {

			dimensions = document.viewport.getDimensions();
			
			currentRatio = dimensions.width / dimensions.height;

			if (currentRatio > this.ratio) {
				$('backgroundImage').setStyle({width: '100%', height: 'auto'});
			} else {
				$('backgroundImage').setStyle({width: 'auto', height: '100%'});
			}

		}

	}
	
	p = new Page();