jQueryで、div要素を時間差で上から落とす。

ついこの間まで、Appleのサイトでナビゲーションがページ表示と時間差で上からストンと落ちてきました。
あれと似たような、上からストンと落とす機能で、このようなものを実現するjavascriptを書きました。

JQueryと共に読み込ませているスクリプトは、以下に記載しておきます。

/*============================================
	"toujyou.js" is written by HAKASHUN
============================================*/
/*boxというクラス属性がつけられた要素を隠す*/
$(document).ready(function(){
	$(".box").hide();
});
/*変数を予めセットする*/
var i = 0;
var int=0;
/*ページがロードされたら、touyjouファンクションを作動させる。ここの数値は、ロードされてから、toujyou(i)を動作させるまでのタイムラグ*/
/*yattoファンクションは、1000ミリ秒立ってから作動させる*/
$(window).bind("load", function() {
    setTimeout("yatto()",1000);
});

function yatto(){
	var int = setInterval("toujyou(i)",200);
}

function toujyou() {
     var boxs = $('div.box').length;
     /*boxsの数全て完了したら、動作のループを止める*/
     if (i >= boxs) {
          clearInterval(int);
    }
    /*wrapperクラス（非表示状態への動作指令）、数値は表示スピード*/
    $('.box:hidden').eq(0).animate({
    height:'toggle',
    opacity:'toggle',
    marginTop: "0.6in"
    },200)
    /*変数iに値を追加する*/
    i++;
}