var selectedArray = [];
var mainImageArray = [];
var btnImageArray = [];

function setImageSwitch(num) {
	for(var i = 0; i < num; i++)
	{
		var cl1 = "innerImage" + i;
		var cl2 = "switchBtn" + i;
		selectedArray.push(0);
		
		var tg;
		var imgElm = document.getElementsByTagName("img");
		
		var inner_array = [];
		var tmp_array = [];
		var btn_array = [];
				
		for (var j = 0; j < imgElm.length; j++) {
			var cl = imgElm[j].className;
			if (cl == cl1) inner_array.push(imgElm[j]);
			if (cl == cl2) tmp_array.push(imgElm[j]);
		}
		
		for (var k = 0, ln = tmp_array.length; k < ln; k++) {
			var ob = {};
			ob.tg = tmp_array[k];
			ob.id = k;
			ob.img = "";
			ob.img_a = "";
			ob.img_o = "";
			ob.flag = (k == selectedArray[i]) ? true : false;
			btn_array.push(ob);
			setISEvent(ob, i);
		}
		
		mainImageArray.push(inner_array);
		btnImageArray.push(btn_array);
		
		changeImage(selectedArray[i], i);
	}
}

function setISEvent(ob, num) {
	var tg = ob.tg;
	var i = ob.id;
	tg.onmouseover = function() {
		if (!ob.flag) {
			var src = this.getAttribute("src");
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			this.setAttribute("src", src.replace(ftype, "_o" + ftype));
		}
	}	
	
	tg.onmouseout = function() {
		if (!ob.flag) {
			var src = this.getAttribute("src");
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			this.setAttribute("src", src.replace("_o" + ftype, ftype));
		}
	}
	
	tg.onclick = function() {
		toggleIS(i, num);
	};
	
	var src = tg.getAttribute("src");
	var typeA = src.substring(src.lastIndexOf('.'), src.length);
	ob.img = src;
	ob.img_a = src.replace(typeA, "_o" + typeA);
	ob.img_o = src.replace(typeA, "_o" + typeA);
	
	if (i == selectedArray[num]) {
		changeImageType(ob, "_o");
		tg.setAttribute("class", "cursorN");
		tg.setAttribute("className", "cursorN");
	} else {
		tg.setAttribute("class", "cursorP");
		tg.setAttribute("className", "cursorP");
	}
}


function changeImageType(ob, str) {
	if (ob.tg == undefined) return;
	if (str == "_o") {
		var src = ob.img_a;
		ob.tg.setAttribute("class", "cursorN");
		ob.tg.setAttribute("className", "cursorN");
	} else if (str == "_o") {
		var src = ob.img_o;
	} else {
		var src = ob.img;
		ob.tg.setAttribute("class", "cursorP");
		ob.tg.setAttribute("className", "cursorP");
	}
	ob.tg.setAttribute("src", src);	
}


function toggleIS(n, num) {
	changeImage(n, num);
	for (var i = 0, ln = btnImageArray[num].length; i < ln; i++) {
		if (n == i) {
			btnImageArray[num][i].flag = true;
			changeImageType(btnImageArray[num][i], "_o");
		} else {
			btnImageArray[num][i].flag = false;
			changeImageType(btnImageArray[num][i], "");
		}
	}
}


function changeImage(n, num) {
	for (var i = 0; i < mainImageArray[num].length; i++) {
		mainImageArray[num][i].style.display =  (i == n) ? "inline" : "none";
	}
}



(function(func) {
	try {
		window.addEventListener("load", func, false);
	} catch(e) {
		window.attachEvent("onload", func);
	}
})(function() {
	var dlElm = document.getElementsByTagName("dl");
	var ln = 0;
	
	for (var i = 0; i < dlElm.length; i++) {
		var cl = dlElm[i].className;
		if(cl == "acMain")
		{
			ln++;
		}
	}
	setImageSwitch(ln);
});