window.addEvent('domready', function() {
	$("hoveritem").addEvents({
		'mouseenter': function(){
			g = setTimeout("hoverFunc(true, 'hover1')", 200);
			h = setTimeout("hoverFunc(true, 'hover2')", 250);
			k = setTimeout("hoverFunc(true, 'hover3')", 300);
		},

		'mouseleave': function(){
			clearTimeout(g);
			clearTimeout(h);
			clearTimeout(k);
			setTimeout("hoverFunc(false, 'hover1')", 300);
			setTimeout("hoverFunc(false, 'hover2')", 250);
			setTimeout("hoverFunc(false, 'hover3')", 200);
		}
	});

	$("hoveritem2").addEvents({
		'mouseenter': function(){
			a = setTimeout("hoverFunc(true, 'hover4')", 200);
			b = setTimeout("hoverFunc(true, 'hover5')", 250);
			c = setTimeout("hoverFunc(true, 'hover6')", 300);
		},
		
		'mouseleave': function(){
			clearTimeout(a);
			clearTimeout(b);
			clearTimeout(c);
			setTimeout("hoverFunc(false, 'hover4')", 300);
			setTimeout("hoverFunc(false, 'hover5')", 250);
			setTimeout("hoverFunc(false, 'hover6')", 200);
		}
	});
});
function hoverFunc(show, element)
{
	if(show == true)
	{
		$(element).style.display = "block";
		$(element).style.opacity = 1;
	} else
	{
		$(element).style.display = "none";
		$(element).style.opacity = 0;
	}
}