/*
 * ½ºÅ©·Ñ ¹è³Ê ½ºÅ©¸³Æ®
 * ½ÇÇà ÇÔ¼ö(ÇÔ¼ö ½ÇÇà½Ã ½ºÅ©·ÑµÉ ¹æÇâ) : play_game("left");
 * ¹è³Ê À̹ÌÁö ¹× ¸µÅ© ¼³Á¤ : obj.add_banner("À̹ÌÁö°æ·Î", "¾ÞÄ¿ URL", "À̹ÌÁö ŸÀÌƲ", "¾ÞÄ¿ÇüÅÂ");
 */

var my_config = [];

with (my_config) {
	my_config.speed = 22;
	my_config.scroll = 1;
	my_config.width = "620";
	my_config.height = "42";
	my_config.direction = "left";
	my_config.banners;
	my_config.slider;
	my_config.slider_1;
	my_config.slider_2;
	my_config.timer;
}

function autoScroll(type) {
	my_config.direction = type;
	this.items = [];
	
	this.add_banner = function(image, link, title, target){
		var newItem  = {};
		newItem.image = image;
		newItem.link = link;
		newItem.title = title;
		newItem.target = target;
		this.items[this.items.length] = newItem;
	}

	this.play = function() {
		my_config.banners = this.items;
		scroll_html();
		
		with (my_config) {
			slider = document.getElementById("slider_box");
			slider_1 = document.getElementById("slider_box_1");
			slider_2 = document.getElementById("slider_box_2");
			slider_2.innerHTML = slider_1.innerHTML;
			
			timer = setInterval(do_timer, speed);
		}
	}
}

function scroll_html() {
	var str = "";
	var tmp = "";
	var b = "";
	var c ="";
	var d = "";
	
	for(var i=0; i < my_config.banners.length; i++) {
		var a = my_config.banners[i];
		
		str += "<li>";
		str += "	<a href=\"" + a.link + "\" target=\"" + a.target + "\">";
		//str += "		<img src=\"" + a.image + "\" width=\"125\" height=\"42\" title=\"" + a.title + "\">";
		str += "		<img src=\"" + a.image + "\" alt=\"" + a.title + "\">";
		str += "	</a>";
		str += "</li>";
	}
	
	if (my_config.direction == "left" || my_config.direction == "right") {
		b = "<div id=\"slider_scroller\" style=\"float: left; width: 800%\">";
		c = " style=\"float: left\"";
		d = "</div>";
	}
	
	tmp += "<div id=\"slider_box\" onmouseover=\"do_stop()\" onmouseout=\"do_move()\" style=\"overflow:hidden; width:" + my_config.width + "px; height:" + my_config.height + "px\">";
	tmp += 		b;
	tmp += "		<div id=\"slider_box_1\"" + c + ">" + str + "</div>";
	tmp += "		<div id=\"slider_box_2\"" + c + "></div>";
	tmp += 		d;
	tmp += "</div>";
	
	document.getElementById("slider_show").innerHTML = tmp;
}

function do_left() {
	my_config.direction = "left";
}

function do_right() {
	my_config.direction = "right";
}

function do_stop() {
	my_config.scroll = 0;
}

function do_move() {
	my_config.scroll = 1;
}

function do_timer(){
	with(my_config){ 
		if (scroll) {
   			if (direction == "left") {
				if (slider_2.offsetWidth - slider.scrollLeft <= 0) {
					slider.scrollLeft -= slider_1.offsetWidth;
				} else {
					slider.scrollLeft++;
				}
   			} else if (direction == "right") {
				if (slider.scrollLeft <= 0) {
					slider.scrollLeft += slider_2.offsetWidth;
				} else {
					slider.scrollLeft--;
				}
			}
		}
	}
}

function play_game(type) {
	if (my_config.timer) {
		clearInterval(my_config.timer);
	}
	
	var direction = type;
	var obj = new autoScroll(type);
	
	obj.add_banner("/images/banner/banner_1.gif", "http://www.ipv6.or.kr", "IPv6 Forum Korea", "_blank");
	obj.add_banner("/images/banner/banner_2.gif", "http://www.ipv6forum.com", "IPv6 Forum", "_blank");
	obj.add_banner("/images/banner/banner_3.gif", "http://www.eurov6.org", "EUROv6", "_blank");
	//obj.add_banner("/images/banner/banner_4.gif", "http://www.ipv6ready.org", "IPv6 Ready Logo", "_blank");
	obj.add_banner("/images/banner/banner_5.gif", "http://www.ipv6style.jp/jp/", "IPv6 Style", "_blank");
	obj.add_banner("/images/banner/banner_6.gif", "http://www.ipv6actnow.org", "IPv6actnow", "_blank");
	obj.add_banner("/images/banner/banner_7.gif", "http://www.icann.org/", "ICANN", "_blank");
	obj.add_banner("/images/banner/banner_8.gif", "http://www.iana.org", "IANA", "_blank");
	obj.add_banner("/images/banner/banner_9.gif", "http://www.apnic.net", "APNIC", "_blank");
	obj.add_banner("/images/banner/banner_11.gif", "http://www.kisa.or.kr", "Çѱ¹ÀÎÅͳÝÁøÈï¿ø", "_blank");
	obj.add_banner("/images/banner/banner_10.gif", "http://www.kcc.go.kr", "¹æ¼ÛÅë½ÅÀ§¿øȸ", "_blank");
	//obj.add_banner("/images/banner/banner_12.gif", "http://www.krnic.kr", "ÀÎÅͳÝÁ¤º¸¼¾ÅÍ", "_blank");
	
	obj.play();
}