$(function () {
    $('#bug-select .zoom').click(function (event) {

        var cls = $(this).attr('class');
        var bug = $.trim(cls.replace("zoom", ""));

        var imgs = $('#bug-select img').each(function () {
            var src = $(this).attr('src');
            if (src.indexOf('-on.') != -1) {
                src = src.replace('-on.gif', '.gif');
                $(this).attr('src', src);
            }
        });

        var img = $(this).find('img');
        var src = img.attr('src');

        if (src.indexOf('-on.') == -1) {
            src = src.replace('.gif', '-on.gif');
            img.attr('src', src);
        }

        $('#featuredpest1 .feature').hide();
        $('#featuredpest1 .' + bug).show();

        event.preventDefault();
    });

    $('#bug-select .more').click(function (event) {
        var i = 0;
        var groups = $('#bug-select .group');
        $('#bug-select .group').each(function () {
            if ($(this).css('display') != 'none') {
                return false;
            }
            i++;
        });

        var next = (i + 1) % groups.length;
        groups.eq(i).fadeOut('fast');
        groups.eq(next).fadeIn('fast');

        event.preventDefault();
    });
});


//this should cache all of the bug "on" images
var bugnav = ['mini-bed-bug-on.gif', 'mini-carpenter-ant-on.gif',
    'mini-cockroach-on.gif', 'mini-cricket-on.gif', 'mini-flea-on.gif',
    'mini-mouse-on.gif', 'mini-silverfish-on.gif', 'mini-spider-on.gif',
    'mini-termite.gif', 'mini-wasp-on.gif'];

for (var i = 0; i < bugnav.length; i++) {
    var im = document.createElement('img');
    im.src = 'bugs/' + bugnav[i];
    im.alt = '';
}