window.addEvent('domready', function() {
	// html elements
	var menu = $$('#btm_menu');
	var menu_item = $$('#btm_menu ul li a');
	// counter
	var i = 0;
	// initial background style
	var initPosition = '0px -61px';
	// initial selection
	var selection = $('recents');
	selection.addClass('selected');
	// menu items
	menu_item.each(function(element) {
		i++;
		element.counter = i;
		// roll-over
		element.addEvent('mouseover', function(e){
			element.offset = element.counter*61;
			element.position = '0px -'+element.offset+'px';
			menu.setStyle('background-position',element.position);
			if (element != selection){
				selection.removeClass('selected');
			};
		});
		// roll-out
		element.addEvent('mouseout', function(e){
			menu.setStyle('background-position',initPosition);
			//if (element == selection){
				selection.addClass('selected');
			//};
		});
		// click
		//element.setProperty('href','javascript:void(0);');
		element.addEvent('click', function(e){
			initPosition = element.position;
			element.addClass('selected');
			selection = element;
		});
	});
	
	// ajax
	getAjax('content','home');
	
	// smooth scroll
	var scroll = new Fx.Scroll(window, {
		wait: false,
		duration: 1800,
		transition: Fx.Transitions.Quad.easeInOut
	});
	
	$('btn-archives').addEvent('click', function(e) {
		new Event(e).stop();
		scroll.toElement($E(this.getProperty('href')));
	});
});