var currentPosition;var currentSize;var padding=14;var topOffset=15;var speed=400;var initialOffset=12;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();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-1;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()+4;$("#hoverSquare").css({left:currentPosition,"width":currentSize,visibility:"visible"})}