//image-holder.js
/* 20100823 jun fujimura@COLORS for dom browser targetElement->//input[@class=className and @type='image'] //img[@class=className] */
(function(){
var ua = navigator.userAgent.toLowerCase();

 //setting variable
var items  = {
	0 : {src:'../img/img4/cd_idx_pic_promotion_01.jpg', interval:1000,img_interval:1000},
	1 : {src:'../img/img4/cd_idx_pic_promotion_02.jpg', interval:4500,img_interval:2000},
	2 : {src:'../img/img4/cd_idx_pic_promotion_03.jpg', interval:0,img_interval:0}
};

//virtualImg attribute
var virtualImg = {
	maxWidth  : 0,
	maxHeight : 0
};

//for Element
var ul;
var li;

// for Loop
var n = 0;
for (var i in items) n++;
var now = 0;
var loader = new Array();
var i;

//make cash
for (var i=0; i < n; i++) {
	loader[loader.length]       = new Image();
	loader[loader.length-1].src = items[i].src;
}

$(document).ready(function(){
	ul = document.getElementById('image-holder')
	ul.removeChild(ul.getElementsByTagName('li')[0]);
});

jQuery.event.add(window, "load", function(){
	//ul init
	ul.style.position = "relative";

	//naturalWidth,naturalHeight
	var nW;
	var nH;

	//make cash
	for (var i=0; i < n; i++) {
		if(ua.indexOf("opera") != -1){
			nW = loader[loader.length-1].width;
			nH = loader[loader.length-1].height;
		}else if(ua.indexOf("msie") != -1){
			var run = loader[loader.length-1].runtimeStyle;
			var mem = { w: run.width, h: run.height };
			run.width  = "auto";
			run.height = "auto";
			nW = loader[loader.length-1].width;
			nH = loader[loader.length-1].height;
		}else{
			nW = loader[loader.length-1].naturalWidth;
			nH = loader[loader.length-1].naturalHeight;
			loader[loader.length-1].width  = loader[loader.length-1].naturalWidth;
			loader[loader.length-1].height = loader[loader.length-1].naturalHeight;
		}
		if( nW > virtualImg.maxWidth)  virtualImg.maxWidth  = nW;
		if( nH > virtualImg.maxHeight) virtualImg.maxHeight = nH;
	}
	ul.style.width  = virtualImg.maxWidth + "px";
	ul.style.height = virtualImg.maxHeight + "px";

	//make list
	for(i=n; i>0; i--){
		var target = i-1;
		li              = document.createElement("li");
		li.className    ="photo"+i;
		if(i!=1) {
			li.style.display    = "none";
		}
		li.style.position   = "absolute";
		li.style.top        = "0";
		li.style.left       = "0";
		li.innerHTML    = "<img src=\"" + loader[target].src + "\" width=\"" + loader[target].width +"\" height=\"" + loader[target].height +"\" alt=\"\" />";
		ul.appendChild(li);
	}
	//The variable not used is deleted. 
	//delete items;
	delete nW;
	delete nH;
	delete ul;
	delete li;
	delete i;
	delete virtualImg;

	function Loop(){
		if(n-(now+1) < 0)return;
		$('.photo'+(now+1)).fadeIn(items[now].img_interval);
		if(now != 0) $('.photo'+(now)).fadeOut(items[now-1].img_interval);
		now++;
		setTimeout(Loop,items[now-1].interval);
	}

	setTimeout(Loop,items[0].interval);
})})();