var showSelectedParts = function(){
	var selected_part = window.location.href.split('#')[1] || 'bio';
	hideOtherParts();
	$(selected_part).setStyle({display: 'block'});
}

var hideOtherParts = function(){
	$$('#menu a').each(function(sub_el){
		var sub_tab = sub_el.href.split('#')[1];
		$(sub_tab).setStyle({display: 'none'});
	})
}

var attachPartsEvents = function(){
	$$('#menu a').each(function(el){
		var tab = el.href.split('#')[1];
		el.observe('click', function(ev){
			hideOtherParts()
			$(tab).setStyle({display: 'block'});
			window.location.href = '#'+tab
			Event.stop(ev);
			return false;
		})
	});
}

var attachShowHideEvents = function(){
	$$('.shower').each(function(el){
		var next_el = el.next('.hidden');
		el.observe('mouseover', function(ev){
			var display_value = 'inline';
			if(next_el.tagName == 'DIV') display_value = 'block';
			next_el.setStyle({display: display_value});
		});
		el.observe('mouseout', function(ev){
			// new Effect.MoveAndResize({resize: ['x:0']})
			(function(){ next_el.setStyle({display: 'none'}); }).delay(0.15);
		});
		// 
		// el.next().observe('mouseover', function(ev){
		// 	next_el.setStyle({display: 'inline'});
		// })
		// el.next().observe('mouseout', function(ev){
		// 	// new Effect.MoveAndResize({resize: ['x:0']})
		// 	next_el.setStyle({display: 'none'});
		// });
		
		next_el.setStyle({display: 'none'});
	})
}

var attachTitleNameEvents = function(){
	$('my_name').observe('mouseover', function(ev){
		Event.element(ev).update('RaVbaker');
	})
	$('my_name').observe('mouseout', function(ev){
		Event.element(ev).update('Rafał Piekarski');
	});
}

document.observe('dom:loaded', function(){
	attachShowHideEvents();
	attachTitleNameEvents();
	attachPartsEvents();
	showSelectedParts();
})