jQuery(document).ready(function(){
    $('#home[class!=active] h2 a').mouseover(function() {
        $('#home').css("background", 'url(/images/home-button-over.jpg) bottom no-repeat');
    }).mouseout(function() {
        $('#home').css("background", 'url(/images/home-button.jpg) bottom no-repeat');
    });

    $('#products[class!=active] h2 a').mouseover(function() {
        $('#products').css("background", 'url(/images/products-button-over.jpg) bottom no-repeat');

    }).mouseout(function() {
        $('#products').css("background", 'url(/images/products-button.jpg) bottom no-repeat');

    });
    
    $('#inspiration[class!=active] h2 a').mouseover(function() {
        $('#inspiration').css("background", 'url(/images/inspiration-button-over.jpg) bottom no-repeat');
    }).mouseout(function() {
        $('#inspiration').css("background", 'url(/images/inspiration-button.jpg) bottom no-repeat');
    });

    $('#webshop[class!=active] h2 a').mouseover(function() {
        $('#webshop').css("background", 'url(/images/webshop-button-over.jpg) bottom no-repeat');
    }).mouseout(function() {
        $('#webshop').css("background", 'url(/images/webshop-button.jpg) bottom no-repeat');
    });

    $('.icon').mouseover(function() {
        var src = $(this).attr("src").match(/[^\.]+/) + "-over.png";
        $(this).attr("src", src);
    });

    $('.icon').mouseout(function() {
        var src = $(this).attr("src").replace("-over", "");
        $(this).attr("src", src);
    });
});