$(document).ready(function(){

	$('.marquee').marquee('pointer').mouseover(function () {
		$(this).trigger('stop');
	}).mouseout(function () {
		$(this).trigger('start');
	});

	logoWidth = $('#Top img.logo').width();

	ileKostek = $('#Kostki img').length;

	kostkiMax = logoWidth / 2.3;

	kostkaWidth = kostkiMax / ileKostek;
	
	padding = 10;
	
	kostkiWidth = (kostkaWidth * ileKostek) + (padding * ileKostek);

	srodekLogo = logoWidth / 2;
	
	$('#Kostki').css({'left': (logoWidth/2)-(kostkiWidth/2) +'px', 'bottom': kostkaWidth+'px'});

	for(var i=ileKostek;i>=1;i--)
	{
		pozycja = (i-1) * (kostkaWidth+10);
		$('.kostka_'+i).animate({left: pozycja+'px'}, 1000, function(){
			$(this).animate({width: kostkaWidth+'px', height: kostkaWidth+'px', top: 0});
		});
	}
	
	$('.paliwo').css({width: kostkaWidth+'px', height: kostkaWidth+'px'});
	$('.paliwo div').css({'margin-top': (kostkaWidth/2)-16+'px'});

});