var Logo = {
    PREFIX: '/logo/HAL_001',
    SUFFIX: '.gif',
    cnt : 0,
    imgs : [],
    fps : 1000/45,
    init : function() {
	Logo.preload({onComplete:Logo.play});
    },
    play : function() {
	setInterval(Logo._next,Logo.fps);
    },
    _next : function() {
	Logo.cnt=Logo.cnt%85;
	$('#logo').css({backgroundImage:'url('+Logo.imgs[Logo.cnt++]+')'});
    },
    preload: function(callback) {
	Logo.cnt = 85;
	for(var i=1;i<=85;i++) {
	    var path = Logo.PREFIX+Logo.zeroFill(i,4)+Logo.SUFFIX;
	    var img = new Image();
	    $(img).load(
		function() { 
		    Logo.cnt--;
		    if(Logo.cnt==0) {
			if(callback.onComplete)
			    callback.onComplete();
		    }
		});
	    $(img).hide();
	    img.src = path;
	    Logo.imgs.push(path);
	}
    },
    zeroFill : function( number, width ) {
	width -= number.toString().length;
	if ( width > 0 )
	{
	    return new Array( width + (/\./.test( number ) ? 2 : 1) ).join( '0' ) + number;
	}
	return number;
    }
};
$(Logo.init);