// массив для анимации появления элементов .preloaded
var els = [0,0];
// Время (мс), в течении которого появляется элемент .preloaded
var elFadein = 400;
// Время (мс), через которое начинает появляться следующий элемент .preloaded
var elDelay = 150;

$(document).ready(function() {
 $(".preloaded").hide();
 $("#preloader").show();
 els[0] = $(".preloaded").length;

 $('td.projectCell a').hide();

 $('td.projectCell').hover(
  function() {
   $('a', this).fadeIn(200);
  },
  function() {
   $('a', this).fadeOut(400);
  }
 );

 $('img.png').pngfix();

 $('img.rollover').preload({find: '.gif', replace: '_hover.gif'});

 $('img.rollover').hover(function() {
	 this.src = this.src.replace('.gif','_hover.gif');
	},function(){
	 this.src = this.src.replace('_hover.gif','.gif');
	});

	$('td.section').hover(function() {
	 $(this).removeClass('side');
		$("img", this).animate({top:'-50px'}, 0);
		$("img", this).animate({top:'0px'}, 200);
	},function() {
	 $(this).addClass('side');
	});
});


$(window).load(function() {
 $("#preloader").hide();
 fel();
});

function fel() {
 if(els[1] < els[0]) {
  $($(".preloaded").get(els[1])).fadeIn(elFadein);
  els[1]++;
  setTimeout(fel, elDelay);
 }
}