Menu = {

	init: function()
	{
		var items = Menu.getItems();
		for (var i = 0; i < items.length; i++)
		{
			Element.observe(items[i], "click", Menu.openItem.bind(items[i]));
		}
	},

	openItem: function(e)
	{
		Menu.doOpenItem(this.id.replace('-link', ''));
	},

	doOpenItem: function(itemId)
	{
		$('photography').style.visibility = 'hidden';
                Effect.BlindUp('contact', { duration: 0.2});
                Effect.BlindUp('webdesign', { duration: 0.2});

                Element.removeClassName('photography-link', 'active');
                Element.removeClassName('contact-link', 'active');
                Element.removeClassName('webdesign-link', 'active');

		if(itemId == 'photography')
                {
                        $('photography').style.visibility = 'visible';
                }
                else
                {
                        Effect.BlindDown(itemId, { duration: 0.3, delay: 0.4 });
                }

		Element.addClassName(itemId + '-link', 'active');

	},

	getItems: function()
	{
		return $('menu').getElementsByTagName('a');
	}

}

document.observe('dom:loaded', Menu.init);


Webdesign = {
	
	init: function()
	{
		var items = $('webdesign-items').getElementsByTagName('img');
	 	for (var i = 0; i < items.length; i++)
                {
			$(items[i]).setOpacity(0.3);
                 	Element.observe(items[i], "mouseover", Webdesign.openItem.bind(items[i]));
                 	Element.observe(items[i], "mouseout", Webdesign.closeItem.bind(items[i]));
                }

	},

	openItem: function(e)
	{
		new Effect.Opacity(this, { from: 0.3, to: 1, duration: 0.25 });
	},

	closeItem: function(e)
	{
		new Effect.Opacity(this, { from: 1, to: 0.3, duration: 0.4 });
	}


}


document.observe('dom:loaded', Webdesign.init);

function postForm()
{
	$('contact-form').request({
  		onSuccess: function(data){ $('contact').innerHTML = data.responseText }
	})
}