/* 背景処理 */

(function(func) {
	observe(this,"resize", func);
})(function() {
	//リサイズされました
});


(function(func) {
	observe(this,"load", func);
})(function() {
	//オンロードされました
	bgActiveNum = 0;
	fHeight = document.getElementById("footerWrap").clientHeight;
	bgFadeIn(bgActiveNum);
	bgResize();
	bgLoop();
	agent();
});

var _globalLock = 0;
var _size = { w: 0, h: 0 };
var _ie = document.uniqueID;
var _quirks = (document.compatMode || "") !== "CSS1Compat";
var _ieroot = _quirks ? "body" : "documentElement";

function getInnerSize() {
  var root = _ie ? document[_ieroot] : window;
  return { w: root.innerWidth  || root.clientWidth,
           h: root.innerHeight || root.clientHeight };
}
// resize agent
function agent() {
  function loop() {
    if (!_globalLock++) {
      var size = getInnerSize();
      if (_size.w !== size.w || _size.h !== size.h) { // resized
        _size = size; // update
        bgResize();
      }
      setTimeout(function() { _globalLock = 0; }, 0); // delay unlock
    }
    setTimeout(loop, 100);
  }
  setTimeout(loop, 100);
}


var bgActiveNum = 0;
var fHeight;

function bgFadeIn(num){
	var elm = document.getElementById(bgArray[num]);
	fadeElement(elm,50,500,1);
}

function bgFadeOut(num){
	var elm = document.getElementById(bgArray[num]);
	fadeElement(elm,50,500,0);
}

function bgLoop(){
	var interval = 4000;
		var tempNum;
	var callback = function(){
		
		tempNum = bgActiveNum;
		bgActiveNum++;
		if(bgArray.length <= bgActiveNum) bgActiveNum = 0;
		bgFadeIn(bgActiveNum);
		bgFadeOut(tempNum);
		setTimeout(callback,interval);
	}
	setTimeout(callback,interval);
}

function bgResize()
{
	var mx = 650;
	var mw = 980;
	var hn = document.documentElement.clientHeight-fHeight+40//40は枠外のボタンの高さ;
	var wn = document.documentElement.clientWidth;
	var hd = document.documentElement.clientHeight;
	var dh = document.documentElement.scrollHeight || document.body.scrollHeight;
	var dw = document.documentElement.scrollWidth || document.body.scrollWidth;
	
	var imgBG = document.getElementById("bgImg");
	var footerWrap = document.getElementById("footerWrap");
	
	var i = 0,ln = bgArray.length;
	//var wPar = wn/1130;
	//var hPar = hn/690;
	
	for(i;i<ln;i++)
	{
		var elm = document.getElementById(bgArray[i]);
	
		if(hd <mx && wn<mw)
		{
			elm.style.height = mx+"px";
			elm.style.width = mx*1.64+"px";
			//imgBG.style.height = mx+"px";
			//imgBG.style.width = mx*1.64+"px";

		}
		else{
			elm.style.width =wn+"px";
			elm.style.height = wn*0.62+"px";
			if(elm.height<hd){
			elm.style.height = hd+"px";
			elm.style.width = hd*1.64+"px";

			}
		}
		
		if(wn<mw)
		{
			imgBG.style.width = mw+"px";
			
		}else{
			imgBG.style.width = wn+"px";
		}
		
		if(hd<mx)
		{
			imgBG.style.height = mx+"px";
			
		}else{
			imgBG.style.height = hd+"px";
			//footerWrap.style.top = hn+"px";
		}
		if(elm.width > wn)
		{
			elm.style.marginLeft = (wn - elm.width)/2+"px";
			
		}else{
			elm.style.marginLeft = 0;
		}
		
	}
			
}

var listElement;
var listLength;

function imgLoadFunc()
{
	var imgElement = document.getElementById("bannerBox2");
	var listElement = imgElement.getElementsByTagName("li");
	listLength = listElement.length;
}


/*
	対象の要素をフェードイン/アウトする
	element: 対象の要素オブジェクト
	interval: 透明度を変化させる間隔(ms)
	time: 透明度を変化させる合計時間(ms)
	fadeMode: 0=フェードアウト, 1=フェードイン
*/
function imgLoop()
{

	var count = 0;
	var begin = new Date();
	var per;
	
	
	var callback = function()
	{
		per = Math.min(Math.floor(((new Date()) - begin)/50*100),100);
		
		element.style.top = 100+"px";

		if ( per<100 )
		{
			// countが100未満であれば
			// setTimeoutに自身（関数オブジェクト）を指定
			setTimeout(callback,3000);
		}
	};
	callback();
}