var Panels = new Array();

window.addEvent('domready', function()
{
	$$('input', 'select', 'textarea').each(function (El)
	{
		El.addEvent('mouseover', function () { this.addClass('hover'); });
		El.addEvent('mouseout', function () { this.removeClass('hover'); });
		El.addEvent('focus', function () { if (this.type != 'reset' && this.type != 'submit') { this.addClass('focus'); }});
		El.addEvent('blur', function () { this.removeClass('focus'); });
	});
	
	if ((Panels = $$('div.panel')).length)
	{
		PanelInit();
		
		$('panels').morph({top: 0});
		
		var Links = $$('#left a');
		
		Links.each(function (Link)
		{
			Link.addEvent('click', function (e)
			{
				e.stop();
				
				var Id = this.href.split('#')[1];
				var Offset = 0;
				
				for (i = 0; i < Panels.length; i++)
				{
					if (Id == Panels[i].id)
					{
						$('panels').morph({top: Offset});
						break;
					}
					Offset -= Panels[i].getSize().y;
				}
			});
		});
		
		//window.addEvent('resize', PanelInit);
	}
});

function PanelInit()
{
	var Height = 0;
	
	for (i = 0; i < Panels.length; i++) { Height = Math.max(Height, Panels[i].getSize().y); }
	for (i = 0; i < Panels.length; i++) { Panels[i].setStyle('height', Height + 20); }
	
	$('right').setStyles
	({
		overflow: 'hidden',
		height: Height
	});
	
	$('panels').set('morph',
	{
		fps: 30,
		link: 'cancel',
		duration: 500,
		transition: 'quad:in:out'
	});
}