function Btn(elm) {
	var me = this;
	this.elm = elm;
	this.over = function() { me.changeImage(true); };
	this.out = function() {	me.changeImage(false); };
	this.init();
}

var _Btn = Btn.prototype;

_Btn.init = function() {
	var me = this;
	var img_on = new Image();
	var img_str = this.elm.getAttribute("src");
	img_on.src = img_str.replace("_off", "_on");
	this.setEvent();
};


_Btn.doSelect = function() {
	this.deleteEvent();
	this.changeImage(true);
};


_Btn.setEvent = function() {
	try {
		this.elm.addEventListener("mouseover", this.over, false);
		this.elm.addEventListener("mouseout", this.out, false);
	} catch(e) {
		this.elm.attachEvent("onmouseover", this.over);
		this.elm.attachEvent("onmouseout", this.out);
	}
};


_Btn.deleteEvent = function() {
	try {
		this.elm.removeEventListener("mouseover", this.over, false);
		this.elm.removeEventListener("mouseout", this.out, false);
	} catch(e) {
		this.elm.detachEvent("onmouseover", this.over);
		this.elm.detachEvent("onmouseout", this.out);
	}
};


_Btn.changeImage = function(flag) {
	var img = this.elm.getAttribute("src");
	this.elm.setAttribute("src", (flag) ? img.replace("_off", "_on") : img.replace("_on", "_off"));
};


(function(func) {
	try {
		window.addEventListener("load", func, false);
	} catch(e) {
		window.attachEvent("onload", func);
	}
})(function() {
	var btnArray01 = document.getElementsByTagName("img");
	var btnArray02 = document.getElementsByTagName("input");
	for (var i = 0, ln = btnArray01.length; i < ln; i++) {
		if (btnArray01[i].getAttribute("src").indexOf("_off.") >= 0) new Btn(btnArray01[i]);
	}
	for (var i = 0, ln = btnArray02.length; i < ln; i++) {
		try{
			if (btnArray02[i].getAttribute("src").indexOf("_off.") >= 0) new Btn(btnArray02[i]);
		} catch(e){
		}
	}
	//runRandomBanner();
	jQuery('.unitBlockData,.unitBlockDataNone').hover(
		function () {
			$(this).css("background-color","#ffffff");
		},
		function () {
			$(this).css("background-color","#F2F2F2");
		}
	);
});



function setTabEvent(){
	new ToggleElements("news", "a", "newsIn", "div", "image");
	new ToggleElements("info", "a", "infoIn", "div", "image");
	new ToggleElements("movie", "a", "movieIn", "div", "image");
	new ToggleElements("rank", "a", "rankIn", "div", "image");
}

function BtnElement(elm, type) {
	this.elm = elm;
	this.type = type;
	
	//if (arg != undefined) {
		this.normal = "normal";//arg[0];
		this.hover = "hover";//arg[1];
	//}
}

var _BtnElement = BtnElement.prototype;


//:::::::::::::::::::::::::::::::

_BtnElement.doSelect = function() {
	this.changeClass(this.hover);
	this.deleteEvent();
};


//:::::::::::::::::::::::::::::::

_BtnElement.deleteEvent = function() {
	this.elm.onmouseover = null;
	this.elm.onmouseout = null;
};


//:::::::::::::::::::::::::::::::

var typeBase = "";
var typeO = "_over";

_BtnElement.setEvent = function() {
	var me = this;
	this.changeClass(this.normal);
	if (this.type == "image") {
		this.elm.onmouseover = function() {
			var src = this.firstChild.getAttribute("src");
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			this.firstChild.setAttribute("src", src.replace("_out" + ftype, "_over" + ftype));
		};
		
		this.elm.onmouseout = function() {
			var src = this.firstChild.getAttribute("src");
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			this.firstChild.setAttribute("src", src.replace("_over" + ftype, "_out" + ftype));
		};
	}
};


_BtnElement.changeClass = function(str) {
	if (str == "normal") {
			var src = this.elm.firstChild.getAttribute("src");
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			this.elm.firstChild.setAttribute("src", src.replace("_over" + ftype, "_out" + ftype));
	} else if (str == "hover") {
			var src = this.elm.firstChild.getAttribute("src");
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			this.elm.firstChild.setAttribute("src", src.replace("_out" + ftype, "_over" + ftype));
	}
};

function ToggleElements(group, group_elm, inner, inner_elm, btn_type, arg) {
	this.groupName = group;
	this.innerName = inner;
	this.groupElm = group_elm;
	this.innerElm = inner_elm;
	this.btnArray = [];
	this.innerArray = [];
	this.btnType = btn_type;
	this.btnArg = arg;
	
	this.init();
}

var _ToggleElements = ToggleElements.prototype;


//:::::::::::::::::::::::::::::::

_ToggleElements.init = function() {
	var inner_array = document.getElementsByTagName(this.innerElm);
	for (var i = 0, ln = inner_array.length; i < ln; i++) {
		if (inner_array[i].className.indexOf(this.innerName) >= 0) {
			this.innerArray.push(inner_array[i]);
		}
	}
	
	var gp_array = document.getElementsByTagName(this.groupElm);
	
	for (var i = 0, ln = gp_array.length; i < ln; i++) {
		if (gp_array[i].className.indexOf(this.groupName) >= 0) {
			var btn_elm = new BtnElement(gp_array[i], this.btnType, this.btnArg);
			this.btnArray.push(btn_elm);
		}
	}
	
	this.changeElement(0);
};


//:::::::::::::::::::::::::::::::

_ToggleElements.setEvent = function(btn_elm, id) {
	var elm = btn_elm.elm;
	var me = this;
	btn_elm.setEvent();
	elm.onclick = function() {
		me.changeElement(id);
	};
};


//:::::::::::::::::::::::::::::::

_ToggleElements.doSelect = function(btn_elm, id) {
	var elm = btn_elm.elm;
	btn_elm.doSelect();
	elm.onclick = null;
};


//:::::::::::::::::::::::::::::::

_ToggleElements.changeElement = function(id) {
	for (var i = 0, ln = this.btnArray.length; i < ln; i++) {
		if (i == id) {
			this.doSelect(this.btnArray[i], i);
		} else {
			this.setEvent(this.btnArray[i], i);
		}
	}
	
	for (var i = 0, ln = this.innerArray.length; i < ln; i++) {
		var style = (i == id) ? "displayOn" : "displayOff";
		this.innerArray[i].setAttribute("class", style);
		this.innerArray[i].setAttribute("className", style);
	}
};