/**	遅延読み込み補助オブジェクト。
	htmlページに画像,swfがたくさん貼ってあると、ページが表示されるまでの時間がかかる。
	画像,swfは読み込みの優先度で分割することができることが多い。
		早めに表示されたい要素(シェルフなどの主に操作される要素,画面上部の目立つ場所の画像)
		それほど急がない要素(サイドバー上の補助的な要素,画面下部のスクロールしなければ見えない場所の画像)
	まず早めに表示されたい要素だけを読み込み、表示され操作できるようになってから残りの要素の読み込みを
	 開始(=遅延読み込み)することで、体感待ち時間を減らすことを狙う。

	方針
		遅延読み込みするhtml要素をコメントしておく。
		遅延読み込み開始するときに、コメント文をjQueryを使って外す。

	手順
		1.遅延読み込みせずにページを作る。
			<img src="first.jpg" alt="優先の高い画像">
			<img src="delay_large.jpg" alt="優先の低い重い画像">

		2.遅延読み込み要素をコメントアウトし、マークする。
			<img src="first.jpg" alt="優先の高い画像">
			<span class="delayload"><!--
			  <img src="delay_large.jpg" alt="優先の低い重い画像">
			--></span>

		3.遅延読み込みを開始するjsを記述する。
			<img src="first.jpg" alt="優先の高い画像">
			<span class="delayload"><!--
			  <img src="delay_large.jpg" alt="優先の低い重い画像">
			--></span>

			$.event.add(window, "load", function(){
				//ページ読み込み完了したので、遅延要素の読み込みを開始する
				delayLoader.startLoad();
			});
*/
function	makeDelayLoader()
{
	function	startLoad()
	{
		$(".delayload").each(function(index) {
			// 内部のHTMLを取得して、コメントアウトを解除して要素を置換する。
			var innerHtml = $(this).html();
			innerHtml = innerHtml.replace(/<!--|-->/g, "");
			$(this).replaceWith(innerHtml);
		});
	}

	return	{
		//遅延要素の読み込みを始める
		startLoad:	function(){
			startLoad();
		}
	};
}