window.addEvent('domready', function() {

    var nameOfId = "menu_niebieskie";
    var jumpX = 10;
    var jumpY = 3;
    var subArrowFileName = "ico_rozwiniete";

    var arrows = $(nameOfId).getElements('img').getParent();


    arrows.each(function (el,index) {
        
        var subMenu = el.getChildren('img').getProperty('src').toString();
        
        if ( subMenu.indexOf(subArrowFileName) != -1) {
          var jump = jumpY;
          var arrowStyles = el.getStyles('top');
          var arrowPosition = arrowStyles.top.toInt();
          var moveDirection = "top";
        } else {
          var jump = jumpX;
          var arrowStyles = el.getStyles('left');
          var arrowPosition = arrowStyles.left.toInt();
          var moveDirection = "left";
        }
        
        
        var elLink = el.getNext().getChildren('a');

        var myFx = new Fx.Tween(el, {    
          duration: 500,
          wait: false
        });


        el.addEvents({
            'mouseover': function(event){                
                myFx.start(moveDirection, [arrowPosition, (arrowPosition + jump)]);
                //this.tween('left', [arrowPosition, (arrowPosition + jump)]);
                elLink.setStyles({
                  'text-decoration' : 'underline'
                });
                      
            },
            'mouseout': function(event){
                myFx.start(moveDirection, [(arrowPosition+jump), arrowPosition]);
                //this.tween('left', [(arrowPosition+jump), arrowPosition]);
                elLink.setStyles({
                  'text-decoration' : 'none'
                });
            }
        });

    });

    

});