/* attribut */
var arrow_id = "arrow";
var menu_id = "menu";

var posY = 60;

jQuery.fn.extend({
   findPos : function() {
       obj = jQuery(this).get(0);
       var curleft = obj.offsetLeft || 0;
       var curtop = obj.offsetTop || 0;
       while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
       }
       return {x:curleft,y:curtop};
   }
});

function initMenu(){
	$("ul#menu li.selected").each(function() {
		x_mouse = $(this).findPos().x + ( $(this).width() / 2 ) - ($("#arrow").width() / 2) ;
		posX = x_mouse;
		mouse_init_x = posX;
	});
	
	// $$("ul#menu li").each(function(element) {
		// element.observe("mouseover", function() { 
			// x_mouse = $(element).offsetLeft + ( element.getWidth() / 2 ) - ($(arrow_id).getWidth() / 2) ;
			// try{ window.clearTimeout(timer_reinit); }catch(e){};
		// });
		
	// });
	// $('menu').observe("mouseout", function() { 
		// try{ window.clearTimeout(timer_reinit);}catch(e){};
		// timer_reinit = setTimeout("reInit()", 800);
	// });
	moveArrow();
	$("#arrow").show();
}

function reInit(){
	x_mouse = mouse_init_x ;
}

function moveArrow(){
	posX = posX+(((x_mouse-posX))/15);
	$("#arrow").css({position: 'absolute',display: 'block', left: posX+"px"});
	// var tempo = setTimeout("moveArrow()", 15);
}

window.onload = function() {
	initMenu();	
}