$(function() {

$('.autodim-10').css('opacity','0.10');
$('.autodim-10').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.10
}, 'fast');
});

$('.autodim-20').css('opacity','0.20');
$('.autodim-20').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.20
}, 'fast');
});

$('.autodim-30').css('opacity','0.30');
$('.autodim-30').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.30
}, 'fast');
});

$('.autodim-40').css('opacity','0.40');
$('.autodim-40').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.40
}, 'fast');
});

$('.autodim-50').css('opacity','0.50');
$('.autodim-50').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.50
}, 'fast');
});

$('.autodim-60').css('opacity','0.60');
$('.autodim-60').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.60
}, 'fast');
});

$('.autodim-70').css('opacity','0.70');
$('.autodim-70').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.70
}, 'fast');
});

$('.autodim-80').css('opacity','0.80');
$('.autodim-80').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.80
}, 'fast');
});

$('.autodim-90').css('opacity','0.90');
$('.autodim-90').hover(function () {
$(this).stop().animate({
opacity: 1.0
}, "fast");
},
function () {
$(this).stop().animate({
opacity: 0.90
}, 'fast');
});


});