// JavaScript Document

var MAX_STEP = 6;
var STEP_SIZE = 40;
var STEP_TIMEOUT = 30;
function mouseOver(i) {
	var e = document.getElementById('menu').getElementsByTagName('li')[i];
	if (!e.slide) e.slide = {dir:1, step:0};
	if (e.slide.timer) clearTimeout(e.slide.timer);
	e.slide.step++;
	if (e.slide.step >= MAX_STEP) {
		e.style.backgroundPosition = 'top right';
	} else {
		var x = -285 + STEP_SIZE * e.slide.step;
		e.style.backgroundPosition = x + 'px 0px';
		e.slide.timer = setTimeout(function() {mouseOver(i);}, STEP_TIMEOUT);
	}
}

function mouseOut(i) {
	var e = document.getElementById('menu').getElementsByTagName('li')[i];
	if (!e.slide) e.slide = {dir:1, step:MAX_STEP};
	if (e.slide.timer) clearTimeout(e.slide.timer);
	e.slide.step--;
	if (e.slide.step <= 0) {
		e.style.backgroundPosition = '-285px 0px';
	} else {
		var x = -285 + STEP_SIZE * e.slide.step;
		e.style.backgroundPosition = x + 'px 0px';
		e.slide.timer = setTimeout(function() {mouseOut(i);}, STEP_TIMEOUT);
	}
}

function addMenuItemHandlers(menuItem, i) {
	addHandler(menuItem, 'mouseover', function() {mouseOver(i)});
	addHandler(menuItem, 'mouseout', function() {mouseOut(i)});
}

function initMenu(selectedItem) {
	var items = document.getElementById('menu').getElementsByTagName('li');
	for (var i = 0; i < items.length; i++) {
		if (i != selectedItem) addMenuItemHandlers(items[i], i);
	}
}