MO = {};
MO.offer_options_hover_img = function() {
    $('.knoppeople01, .knoppeople02, .knoppeople03, .knoppeople04').each(function() {
        
        // add active class to the selected image
        $(this).click(function() {
            $('.knoppeople01, .knoppeople02, .knoppeople03, .knoppeople04').each(function() {
                $(this).removeClass('active');
                $(this).attr('src', $(this).attr('src').replace(/b{0,1}\.png/, '') + '.png');
            });
            $(this).addClass('active');
            $(this).attr('src', $(this).attr('src').replace(/b{0,1}\.png/, '') + 'b.png');
        });
        
        $(this).mouseover(function() {
            if (!$(this).hasClass('active'))
                $(this).attr('src', $(this).attr('src').replace(/b{0,1}\.png/, '') + 'b.png');
        });
        
        $(this).mouseout(function() {
            if (!$(this).hasClass('active'))
                $(this).attr('src', $(this).attr('src').replace(/b{0,1}\.png/, '') + '.png');
        });
    });
}

$(function(){
    var img = '.leesverder4';
    $(img).mouseover(function(){
        $(img).attr('src','images/leesverder2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','images/leesverder.png');
    });
});


$(function(){
    var img = '.stapover1';
    $(img).mouseover(function(){
        $(img).attr('src','images/stapnuover2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','images/stapnuover.png');
    });
});

$(function(){
    var img = '.stapover2';
    $(img).mouseover(function(){
        $(img).attr('src','images/stapnuover2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','images/stapnuover.png');
    });
});



$(function(){
    var img = '.stapover3';
    $(img).mouseover(function(){
        $(img).attr('src','images/stapnuover2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','images/stapnuover.png');
    });
});


$(function(){
    var img = '.stapover4';
    $(img).mouseover(function(){
        $(img).attr('src','images/stapnuover2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','images/stapnuover.png');
    });
});



$(function(){
    var img = '.verstuur1';
    $(img).mouseover(function(){
        $(img).attr('src','../images/verstuur2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','../images/verstuur.png');
    });
});



$(function(){
    var img = '.wijzig1';
    $(img).mouseover(function(){
        $(img).attr('src','../images/wijzig2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','../images/wijzig.png');
    });
});

$(function(){
    var img = '.nodigvriendenuit1';
    $(img).mouseover(function(){
        $(img).attr('src','../images/nodigvriendenuit2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','../images/nodigvriendenuit.png');
    });
});

$(function(){
    var img = '.login1';
    $(img).mouseover(function(){
        $(img).attr('src','../images/login2.png');
    });
    $(img).mouseout(function(){
        $(img).attr('src','../images/login.png');
    });
});

$(function(){
    $('.homeknop01, .homeknop02, .homeknop03, .homeknop04').each(function() {
        $(this).mouseover(function() {
            $(this).attr('src', $(this).attr('src').replace(/b{0,1}\.png/, '') + 'b.png');
        });
        $(this).mouseout(function() {
            $(this).attr('src', $(this).attr('src').replace(/b{0,1}\.png/, '') + '.png');
        });
    });
});