/**
 * 画像バナーローテートスクリプトライブラリ
 * jQuery版
 *
 * $Id: imgChange.js,v 1.3 2010-04-17 20:04:09 cvsuser Exp $
 * @author Shigeyoshi Sugaya(sugaya@technohead.jp)
 */

(function($j){

	// バナー表示クラス
	$j.fn.bunner = function(aBunner, config){

		var config = $j.extend({
			changeSec: 10,
			fadeSec: 4
		},config);

		var target = this;
		var curNum = 0;

		function viewBunner(aBunner){

			var n = curNum % aBunner.length;
			var bunner = aBunner[n];

			var tmpImg = new Image();
			tmpImg.src = bunner.imgsrc;

			// HTML文字列の生成
//			htmlstr = '<A href="' + bunner.url + '">';
			htmlstr = '<IMG src="' + tmpImg.src + '" border="0">';
//			htmlstr += '<' + '/A><BR' + '>';

			if(curNum != 0){
				target.fadeOut(config.fadeSec * 1000, function(){target.html(htmlstr);});
				target.fadeIn(config.fadeSec * 1000);
				setTimeout(function(){viewBunner(aBunner);}, config.changeSec * 1000 + (config.fadeSec * 1000 * 2));
			}else{
				setTimeout(function(){viewBunner(aBunner);}, config.changeSec * 1000);
			}
			curNum++;
		}
		//関数を実行します。
		viewBunner(aBunner);
	}
})(jQuery);

$(function(){

	$.getJSON("/bunnerJSON.php", function(aBunner){
		$("div#bunner_img1").bunner(aBunner, {changeSec: 5, fadeSec: 2});
	});

});