document.observe("dom:loaded", function() {
    
    Event.observe($("barWrapper"), 'mouseover', function() {
        this.setStyle({backgroundImage:'url(images/bg_bar_ho.gif)'});
    })
    Event.observe($("barWrapper"), 'mouseout', function() {
        this.setStyle({backgroundImage:'url(images/bg_bar.gif)'});
    })
    
    
    Event.observe($("clubWrapper"), 'mouseover', function() {
        this.setStyle({backgroundImage:'url(images/bg_club_ho.gif)'});
    })
    Event.observe($("clubWrapper"), 'mouseout', function() {
        this.setStyle({backgroundImage:'url(images/bg_club.gif)'});
    })
    
    
    Event.observe($("newsWrapper"), 'mouseover', function() {
        this.setStyle({backgroundImage:'url(images/bg_news_ho.gif)'});
    })
    Event.observe($("newsWrapper"), 'mouseout', function() {
        this.setStyle({backgroundImage:'url(images/bg_news.gif)'});
    })
    
    
    Event.observe($("kontaktWrapper"), 'mouseover', function() {
        this.setStyle({backgroundImage:'url(images/bg_kontakt_ho.gif)'});
    })
    Event.observe($("kontaktWrapper"), 'mouseout', function() {
        this.setStyle({backgroundImage:'url(images/bg_kontakt.gif)'});
    })
    
    
    Event.observe($("picsWrapper"), 'mouseover', function() {
        this.setStyle({backgroundImage:'url(images/bg_pics_ho.gif)'});
    })
    Event.observe($("picsWrapper"), 'mouseout', function() {
        this.setStyle({backgroundImage:'url(images/bg_pics.gif)'});
    })
 })