var Portal = {
	menueffects: [],

	init: function()
	{
		if($('mainmenu'))
		{
			Portal.addmenuover();
		}

		if($('loginform'))
		{
			$('benutzername').addEvents({
				'focus': function()
				{
					if ($('benutzername').get('value') == 'Benutzername')
					{
						$('benutzername').set('value', '');
					}
				},
				'blur': function()
				{
					if ($('benutzername').get('value') == '')
					{
						$('benutzername').set('value', 'Benutzername');
					}
				}
			});

			$('passwort').addEvents({
				'focus': function()
				{
					if ($('passwort').get('value') == 'Passwort')
					{
						$('passwort').set('value', '');
					}
				},
				'blur': function()
				{
					if ($('passwort').get('value') == '')
					{
						$('passwort').set('value', 'Passwort');
					}
				}
			});
		}

		if($$('.farbeneingabe').length > 0)
		{
			Portal.prepareFarbPreview();
		}
	},

	prepareFarbPreview: function()
	{
		$$('.rainbow').each(function (value)
		{
			var id = value.get('id');

			new MooRainbow(id, {
				'id': 'rainbow' + id,
				'startColor': $('far' + id).get('value').hexToRgb(true),
				'imgPath': '/codingcenter/dev/img/',
				'onChange': function(color) {
					$('far' + id).set('value', color.hex);
					$('previewfar' + id).setStyle('background-color', color.hex);
				},
				'onComplete': function(color) {
					$('far' + id).set('value', color.hex);
					$('previewfar' + id).setStyle('background-color', color.hex);
				}
			});
		});

		$$('.farbeneingabe').addEvent('change', function(e) {
			var id = this.get('id');
			var farbe = this.get('value');

			$('preview' + id).setStyle('background-color', farbe);
		});
	},

	addmenuover: function()
	{
		var menuitems = $('mainmenu').getChildren('li')

		$each(menuitems, function(value, key)
		{
			value.addEvents({
				'mouseenter': function() {
					//Portal.menueffects[key] = new Fx.Tween(value, {duration:100, transition: Fx.Transitions.linear}).start('background-color', '#C4CBD5');
					Portal.menueffects[key] = new Fx.Morph(value, {duration:100, transition: Fx.Transitions.linear}).start('ul#mainmenu li.over');
				},
				'mouseleave': function() {
					Portal.menueffects[key].cancel();
//					Portal.menueffects[key] = new Fx.Tween(value, {duration:500, transition: Fx.Transitions.linear}).start('background-color', '#F7F5FF');
					Portal.menueffects[key] = new Fx.Morph(value, {duration:500, transition: Fx.Transitions.linear}).start('ul#mainmenu li');
				}
			});
		});

	}
};

window.addEvent('load', Portal.init);