var currentPosition;var currentSize;var padding=11;var topOffset=15;var speed=500;var initialOffset=5;window.onload=loadMenu;function loadMenu(){setSquareDefaultPosition();setMenuHover();}
function setMenuHover(){$("#menuUl li").mouseover(function(){hover($(this));});$("#menuUl li").click(function(){currentPosition=getCurrentLeft($(this));currentSize=$(this).find("a").width()+padding;});$("#menuUl").bind("mouseleave",function(){setDefaultHover();});}
function hover(element){var square=$("#hoverSquare");if(square.is(":animated")){square.stop();}
positionLeft=getCurrentLeft(element);var width=element.find("a").width()+padding;square.animate({left:positionLeft,"width":width},speed);}
function getCurrentLeft(element){var positionLeft=element.find("a").offset().left+topOffset;var parentLeft=element.parent().offset().left;positionLeft=positionLeft-parentLeft-padding;return positionLeft;}
function setDefaultHover(){var square=$("#hoverSquare");if(square.is(":animated")){square.stop();}
square.css({position:"absolute"});square.animate({left:currentPosition,"width":currentSize},speed);}
function setSquareDefaultPosition(){var currentItemClicked=document.getElementById("pageIndex").value;var first=$("#menuUl li:eq("+currentItemClicked+")");var positionLeft=initialOffset;for(var i=0;i<currentItemClicked;i++){positionLeft+=$("#menuUl a:eq("+i+")").width()+2*padding;}
currentPosition=positionLeft;currentSize=first.find("a").width()+padding;$("#hoverSquare").css({left:currentPosition,"width":currentSize,visibility:"visible"});}