/** 
  * zehnet.de
  * Copyright (c) 2008 N.Zeh // zehnet.de
  *
  * Mootools Settings
**/
var zehnet = 
{
	
	cfg: {
		'header-menu':[
			'mouseout',
			{ 
				'color': '#cccccc',
				'background-color': '#323234'
			},
			'mouseover',
			{ 
				'color': '#ffffff',
				'background-color': '#555559'
			}			
		],
		'sidebar':[
			'mouseout',
			{ 
				'color': '#363636',
				'background-color': '#F0F0F0'
			},
			'mouseover',
			{ 
				'color': '#000000',
				'background-color': '#e0e0e0'
			}			
		],
		'sidebarH3':[
			'mouseout',
			{ 
				'color': '#38A0C2',
				'background-color': '#F0F0F0'
			},
			'mouseover',
			{ 
				'color': '#ffffff',
				'background-color': '#82C5DB'
			}			
		],
		'search':[
			'blur',
			{ 
				'border-color': '#cccccc',
				'background-color': '#ececec'
			},
			'focus',
			{ 
				'border-color': '#38A0C2',
				'background-color': '#fff'
			}			
		],
		'inputfield':[
			'blur',
			{ 
				'border-color': '#cccccc'
			},
			'focus',
			{ 
				'border-color': '#38A0C2'
			}			
		]
		
	},

	init: function()
	{
		zehnet.addEffects('#ipt-search', zehnet.cfg['search'], 500);
		zehnet.addEffects('#headernav ul li a', zehnet.cfg['header-menu'], 250);
		zehnet.addEffects('#sidebar ul li ul li a', zehnet.cfg['sidebar'], 100);
		zehnet.addEffects('#sidebar ul li h3 a', zehnet.cfg['sidebarH3'], 100);
		
		zehnet.addEffects('.formtab input', zehnet.cfg['inputfield'], 100);
		zehnet.addEffects('.formtab textarea', zehnet.cfg['inputfield'], 100);
	},

	addEffects: function(target,props,duration)
	{
		var items = $$(target);
		if(items)
		{
			items.each(function(el, i)
			{
				var morph = new Fx.Morph(el, {'duration': duration, 'wait': false});
				
				el.props = props;
				el.addEvent(props[0], function(e)
				{
					e.stop();
					morph.start( props[1] );
				});
				el.addEvent(props[2], function(e)
				{
					e.stop();
					morph.start( props[3] );
				});
				
				el.setStyles( props[1] );
				
			}, this);
		}
	},
	
	toggle: function(id)
	{
		var el = $(id);
		
		if(el.style.display == '')
		{
			el.style.display = 'none';
		}
		else
		{
			el.style.display = '';
		}
	}
}


window.addEvent('load', zehnet.init);