// navigation

$(function () {
    if ($.browser.msie && $.browser.version < 7) return;
    
    $('#navigation li')
        .removeClass('highlight')
        .find('a')
        .append('<span class="hover" />').each(function () {
                var $span = $('> span.hover', this).css('opacity', 0);
                $(this).hover(function () {
                    // on hover
                    $span.stop().fadeTo(300, 1);
                }, function () {
                    // off hover
                    $span.stop().fadeTo(300, 0);
                });
            });
            
});

// webdesign

$(function () {
    if ($.browser.msie && $.browser.version < 7) return;
    
    $('#webdesign-box span#li')
        .removeClass('highlight')
        .find('a')
        .append('<span class="hover" />').each(function () {
                var $span = $('> span.hover', this).css('opacity', 0);
                $(this).hover(function () {
                    // on hover
                    $span.stop().fadeTo(200, 1);
                }, function () {
                    // off hover
                    $span.stop().fadeTo(500, 0);
                });
            });
            
});

// design

$(function () {
    if ($.browser.msie && $.browser.version < 7) return;
    
    $('#design-box span#li')
        .removeClass('highlight')
        .find('a')
        .append('<span class="hover" />').each(function () {
                var $span = $('> span.hover', this).css('opacity', 0);
                $(this).hover(function () {
                    // on hover
                    $span.stop().fadeTo(200, 1);
                }, function () {
                    // off hover
                    $span.stop().fadeTo(500, 0);
                });
            });
            
});

// print

$(function () {
    if ($.browser.msie && $.browser.version < 7) return;
    
    $('#print-box span#li')
        .removeClass('highlight')
        .find('a')
        .append('<span class="hover" />').each(function () {
                var $span = $('> span.hover', this).css('opacity', 0);
                $(this).hover(function () {
                    // on hover
                    $span.stop().fadeTo(200, 1);
                }, function () {
                    // off hover
                    $span.stop().fadeTo(500, 0);
                });
            });
            
});

// illustration

$(function () {
    if ($.browser.msie && $.browser.version < 7) return;
    
    $('#illustration-box span#li')
        .removeClass('highlight')
        .find('a')
        .append('<span class="hover" />').each(function () {
                var $span = $('> span.hover', this).css('opacity', 0);
                $(this).hover(function () {
                    // on hover
                    $span.stop().fadeTo(200, 1);
                }, function () {
                    // off hover
                    $span.stop().fadeTo(500, 0);
                });
            });
            
});