window.addEvent('domready', function()
{
	contentTween();
	charSwitch();
});

function contentTween()
{
	$$('div#content').each(function(el)
	{
		el.setStyle('height','1px');
		el.tween('height','415px');
	});
	
	$$('div#wrap').each(function(el)
	{
		el.morph('div#wrap.blur');
	});
}

function charSwitch()
{
	$$('ul#miniChar').each(function(el)
	{
		var miniLink = el.getElements('a');
		
		miniLink[0].getParent().tween('bottom','20px');
		
		miniLink.removeEvents().addEvent('click', function(e)
		{
			var charId = this.get('name');
			
			e.stop();
			
			$$('div#charContent div').addClass('hidden');
			
			$('charContent').getElement('img').set('src','./images/'+ charId +'.jpg');
			$('charContent').getElement('img').set('alt',this.getElement('img').get('alt'));
			
			$$('.' + charId).removeClass('hidden');
			$('charContent').fade('hide');
			$('charContent').fade(1);
			
			miniLink.getParent().tween('bottom','0');
			
			this.getParent().tween('bottom','20px');
		});
	});
}