/*
	FILE : screen.js
	DATE : 2.11.2008.dave
	COPY : Copyright 2008 David A Striegel
*/

var initButtons = function(buttonHeight) {
	[{c:'a.button',o:'0'},{c:'a.redButton',o:'-54'}].each(function(item) {
		$$(item.c).each(function(elm) {
			var tmp = elm.firstChild.offsetWidth;
			elm.firstChild.style.display = 'block';
			elm.firstChild.style.width = tmp - 15;
			addEvent(elm, 'mouseover', function() {
				elm.style.backgroundPosition = '0px '+eval(item.o-buttonHeight)+'px';
				elm.firstChild.style.backgroundPosition = 'right '+eval(item.o-buttonHeight)+'px';
			});
			addEvent(elm, 'mouseout', function() {
				elm.style.backgroundPosition = '0px '+item.o+'px';
				elm.firstChild.style.backgroundPosition = 'right '+item.o+'px';
			});
		});
	});
}

var initCSS = function() {
	initButtons(27);

	$('categories').show();
	var maxW = $$('#categories a').max(function(elm) {
		return elm.getWidth();
	});
	$('categories').hide();

	$('categories').style.left = $('shopDropMenu').offsetLeft + 4 + 'px';
	$('categories').style.top = $('shopDropMenu').getHeight() + 1 + 'px';
	if (maxW > $('shopDropMenu').getWidth())
		$('categories').style.width = maxW + 'px';
	else
		$('categories').style.width = $('shopDropMenu').getWidth() - 4 + 'px';

	addEvent($('shopDropMenu'),'mouseover',showDropMenu);
	addEvent($('shopDropMenu'),'mouseout',delayHideDropMenu);

	var tmp = $('categories').getWidth() - 27;
	$$('#categories a').each(function(elm) {
		elm.style.width = tmp;
		addEvent(elm,'mouseover',showDropMenu);
		addEvent(elm,'mouseout',delayHideDropMenu);
	});
}

var menuDelay = 0;

var showDropMenu = function() {
	clearTimeout(menuDelay);
	$('categories').show();
	$('shopDropMenu').className = 'on';
}

var delayHideDropMenu = function() {
	menuDelay = setTimeout("hideDropMenu()",150);
}

var hideDropMenu = function() {
	clearTimeout(menuDelay);
	$('categories').hide();
	$('shopDropMenu').className = $('shopDropMenu').readAttribute('defaultClass');
}