javascriptの基本

■外部スタイルシートの頭に記述する
　window.onload = function() {}

HTMLの読み込みが完了してから実行させる為に記述する訳ですが、
onloadイベントハンドラは、複数の外部ファイルに記述した場合、実行されるのはひとつだけです。
HTMLファイル内で一番後ろに記述されたscript要素で読み込まれるものだけが、実行されます。

複数のイベントを処理したい場合は、下記を使用します（※IE９以上）
documentocument.addEventListener("イベント", function () {処理}, false);

jqueryで記述した場合
loadとreadyの違いについては、下記のURLが参考になります。
　http://qiita.com/mimoe/items/74cb3a01a30162759fdd

$(function () {
  // 処理
});

onloadを使用せずにaddEventListenerを使用した場合の処理

if (!document.addEventListener) {
	//イベントリスナー非対応ブラウザーの処理
} else {
	document.addEventListener("DOMContentLoaded", function () {
		imgbox1();//ファンクションの実行
		stimer = setInterval(changetime,1000);//ファンクションの繰り返し実行
	}, false);
}

----------------------------------
if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", function () {
	  imgbox1();//ファンクションの実行
	}, false);
} //未対応なら何もしない

※DOMContentLoadedは、HTMLの解釈が終わったタイミングで実行されるので、
　onload（画像の読み込み後実行）で，時間がかかってしまうという事も防げます。
　また、onloadを使用しない方法としては、script要素をHTMLの最後（bodyタグを閉じる直前）に
　記述する方法も有効です。　　
　
※全てfanction化しておいて、このaddEventListenerを最後に記述した方が綺麗に書けそうです。