// JavaScript Document

$(function(){
	$('#a a')
		.css( {backgroundPosition: "0px 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0px -62px)"}, {duration:375})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:375, complete:function(){
				$(this).css({backgroundPosition: "0px 0px"})
			}})
		})

	$("#i1").addClass("hidden").fadeTo(125, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);			

	$("#i2").addClass("hidden").fadeTo(250, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);		
	
	$("#i3").addClass("hidden").fadeTo(375, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);			

	$("#i4").addClass("hidden").fadeTo(500, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);		
	
	$("#i5").addClass("hidden").fadeTo(625, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);			

	$("#i6").addClass("hidden").fadeTo(750, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);		
	
	$("#i7").addClass("hidden").fadeTo(875, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);			

	$("#i8").addClass("hidden").fadeTo(1000, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);	
	
	$("#i9").addClass("hidden").fadeTo(1125, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);	
	
	$("#i10").addClass("hidden").fadeTo(1250, 0, function() {
		$(this).removeClass("hidden")
	}).fadeTo("slow", 1);		

});