/*
 * ½ºÅ©·Ñ ¹è³Ê ½ºÅ©¸³Æ®
 * ½ÇÇà ÇÔ¼ö(ÇÔ¼ö ½ÇÇà½Ã ½ºÅ©·ÑµÉ ¹æÇâ) : play_game("left");
 * ¹è³Ê ÀÌ¹ÌÁö ¹× ¸µÅ© ¼³Á¤ : obj.add_banner("ÀÌ¹ÌÁö°æ·Î", "¾ÞÄ¿ URL", "ÀÌ¹ÌÁö Å¸ÀÌÆ²", "¾ÞÄ¿ÇüÅÂ");
 */

var my_config = [];

with (my_config) {
	my_config.speed = 20;
	my_config.scroll = 1;
	my_config.width = "850"; //2010.04.23 ±¸)±â°ü»çÀÌÆ®, °ü·Ã»çÀÌÆ® µÎ°³ Áß¿¡ ±¸)±â°ü»çÀÌÆ® »©°í  ±â°ü»çÀÌÆ®¸¸ width È®Àå350
	my_config.height = "31";
	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 + "\"><img src=\"" + a.image + "\" alt=\"" + a.title + "\"></a>";
		str += "</li>";
	}
	
	if (my_config.direction == "left" || my_config.direction == "right") {
		b = "<div id=\"slider_scroller\" style=\"float: left; width: 800%\">"; //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() {
	if(my_config.scroll == 0){
		my_config.scroll =1;
	}
	my_config.direction = "left";
}

function do_right() {
	if(my_config.scroll == 0){
		my_config.scroll =1;
	}
	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/main/site_img04.gif", "http://www.kcc.go.kr/", "Áö½Ä°æÁ¦ºÎ", "_blank");
	obj.add_banner("/images/main/site_img05.gif", "http://www.mopas.go.kr/", "±¹°¡Á¤º¸¿ø", "_blank");
	obj.add_banner("/images/main/site_img06.gif", "http://www.mosf.go.kr/", "¹æ¼ÛÅë½ÅÀ§¿øÈ¸", "_blank");
	obj.add_banner("/images/main/b_01.gif", "http://www.mke.go.kr/", "Áö½Ä°æÁ¦ºÎ", "_blank");
	obj.add_banner("/images/main/b_02.gif", "http://www.nis.go.kr/", "±¹°¡Á¤º¸¿ø", "_blank");
	obj.add_banner("/images/main/b_03.gif", "http://blog.daum.net/kcc1335", "¹æ¼ÛÅë½ÅÀ§¿øÈ¸ ºí·Î±× µÎ·ç´©¸®", "_blank");
	
	obj.play();
}
