new Event.observe(window, 'load', function(event) {
    $('popular_directions_item_2_thumb',
      'popular_directions_item_3_thumb',
      'popular_directions_item_4_thumb',
      'popular_directions_item_5_thumb'
      ).invoke('hide');
    
    var currentActive = $('popular_directions_item_1');
    
    $$('li[id^="popular_directions_item_"]').each(function(element) {
        element.onclick = function() {
            if (element != currentActive) {
                new Effect.BlindDown($(element.id + '_thumb'), {duration: 0.4});
                new Effect.BlindUp($(currentActive.id + '_thumb'), {duration: 0.4});
                element.addClassName('active');
                currentActive.removeClassName('active');
                element.down('ul', 0).removeClassName('puste');
                currentActive = element;
                return false;
            }
        };
    });
});