var g_Widths = new Array(39, 67, 88, 58);
var g_TopOffset = -6, g_HoverOffset = 0, g_ActiveOffset = 0;
var g_ActivePosition = 0, g_TimerHandle = 0, g_ElementPos = new Array();

function initMenuPointers()
{
    var elements = $$('.topMenuImg'), offsetWidth = 0;
    for (i = 0; i < elements.length; i++)
    {
        offsetWidth += Math.floor(g_Widths[i]/2);
		g_ElementPos[elements[i].getProperty('src')] = offsetWidth;
		if (i == menu_pos) 
		    g_ActivePosition = offsetWidth;
		    
		elements[i].onmouseover = function() 
		{
	        if (g_TimerHandle != 0) clearTimeout(g_TimerHandle);
	        g_TimerHandle = 0;
	        var fx = new Fx.Style('hoverPointer', 'left', {duration:150}).start( g_HoverOffset + g_ElementPos[this.getProperty('src')] );
	    }
	    
		elements[i].onmouseout = function() 
		{
	        g_TimerHandle = setTimeout(resetHoverPointer, 100);
	    }
        offsetWidth += Math.ceil(g_Widths[i]/2);
		g_HoverOffset = -offsetWidth-5;
		g_ActiveOffset = g_HoverOffset - 8;
    }
    
    $('hoverPointer').setStyles({
		position: 'relative',
		top: g_TopOffset+'px',
		left: g_HoverOffset + g_ActivePosition + 'px',
	    visibility: 'visible'
	});
	
    $('activePointer').setStyles({
		position: 'relative',
		top: g_TopOffset+'px',
		left: g_ActiveOffset + g_ActivePosition+ 'px',
	    visibility: 'visible'
	});
}

function resetHoverPointer()
{
    var fx = new Fx.Style('hoverPointer', 'left', {duration:100}).start(g_HoverOffset + g_ActivePosition);
}