$(document).ready(function() {
    $("#index_1").fadeIn(1000);
    $("#index_2").animate({opacity: 1.0}, 800).fadeIn(1000);
    $("#index_3").animate({opacity: 1.0}, 1600).fadeIn(1000);
    $("#index_4").animate({opacity: 1.0}, 2400).fadeIn(1000);
	$("#index_1").bind("mouseenter", function() { opacify_in($(this)) } );
	$("#index_1").bind("mouseleave", function() { opacify_out($(this)) } );
	$("#index_2").bind("mouseenter", function() { opacify_in($(this)) } );
	$("#index_2").bind("mouseleave", function() { opacify_out($(this)) } );
	$("#index_3").bind("mouseenter", function() { opacify_in($(this)) } );
	$("#index_3").bind("mouseleave", function() { opacify_out($(this)) } );
	$("#index_4").bind("mouseenter", function() { opacify_in($(this)) } );
	$("#index_4").bind("mouseleave", function() { opacify_out($(this)) } );
});

function opacify_in(o) {
	o.animate({opacity: 0.7}, 300);
}

function opacify_out(o) {
	o.animate({opacity: 1}, 300);
}