window.addEvent('domready', function()
{
	var toggleEnabled = false;
	function toggleInfo()
	{
		toggleEnabled = (toggleEnabled === false) ? true : false;
		$$('.item-large').each
		(
			function(item)
			{
				var element = item.getElement('.info');
				if(element != null)
				{
					if(toggleEnabled === true)
					{
						element.style.bottom = '0';
						item.removeEvents('mouseenter');
						item.removeEvents('mouseleave');
					}
					else
					{
						element.style.bottom = '-150px';
						item.addEvents
						(
							{
								mouseenter: function()
								{
									element.morph
									(
										{'bottom': [-150, 0], 'duration': 75}
									);
								},
								mouseleave: function()
								{
									element.morph
									(
										{'bottom': [0, -150], 'duration': 75}
									);
								}
							}
						);
					}
				}
			}
		);

	}
	$$('.checkbox').each // have to do it using each() because of IE6 and multiple checkbox items
	(
		function(item)
		{
			if(item.id == 'toggle_info')
			{
				item.addEvent(
					'click',
					toggleInfo
				);
			}
		}
	)
	$$('.item-large').each
	(
		function(item)
		{
			var element = item.getElement('.info');
			if(element != null)
			{
				if(toggleEnabled === false)
				{
					item.addEvents
					(
						{
							mouseenter: function()
							{
								element.morph
								(
									{'bottom': [-150, 0], 'duration': 75}
								);
							},
							mouseleave: function()
							{
								element.morph
								(
									{'bottom': [0, -150], 'duration': 75}
								);
							}
						}
					);
				}
			}
		}
	);
});