//¹è³Ê
var count_num =0;
var bn_px=0;
var bn_num;
var bn_ul;
jQuery(document).ready(function(){
	function bn_start(){
		defaultMar = 20;//¹è³Ê³¢¸® ¿©¹é ÀÔ·Â
		//jQuery("#list>ul").attr("motion", "easeInOutExpo")
		bn_ul=jQuery("#banner>ul");
		bn_li=jQuery("#banner>ul>li");
		bn_ul.attr("top", "0");
		bn_ul.css({"width":"10000px","position":"absolute"});
	
		//var aaa = jQuery("#banner>ul").attr("width", jQuery("#list>ul>li").eq(count_num).innerWidth());	
		bn_num = bn_li.length;
		bn_ul.attr("total", bn_li.size());
		bn_li.each(function (){
			jQuery(this).clone().appendTo(jQuery(bn_ul));
		});
	
		bn_ul.hover(function(){
			  bn_stop();
		  },function(){
			  bn_stop();
			  bn_move();
		  });
		  
		  //¹è³Ê½ÃÀÛ 
		  bn_move();
	}
	
	
	bn_start();
});

function my_banner(){
	if(count_num == bn_num){
			bn_px = 0;
			count_num = 0;
		}	
	  if (jQuery("#banner>ul:animated").size()) return false;
	  var width = bn_li.eq(count_num).width();
	  var pos = (parseInt(bn_ul.attr("top"))+1);
	 // var mar = pos * defaultMar;
	  	bn_px += width+defaultMar;
		bn_ul.attr("top", pos);
		bn_ul.animate({ 
	      left: ((bn_px * -1) + "px")
	    }, 500
	      ,function() {
	          var pos = parseInt(jQuery("#banner>ul").attr("top"));
	          var total = parseInt(jQuery("#banner>ul").attr("total"));
	          if (pos>=total) {
	              jQuery("#banner>ul").attr("top", 0);
	              jQuery("#banner>ul").css("left", "0px");
	          }
	      }
	  );
		count_num++;
}

function bn_left(){
	bn_stop();
	my_banner();
}

function bn_right(){	
bn_stop();
if (jQuery("#banner>ul:animated").size()) return false;
var width = bn_li.eq(count_num-1).width();
var pos = (parseInt(bn_ul.attr("top"))+1)-2;
//var mar = pos * defaultMar;

	if(pos>=0) {
		bn_px -= width+defaultMar;
		count_num--;
		bn_ul.attr("top", pos);
		bn_ul.animate({ 
			left: ((bn_px * -1) + "px")
		}, 500
			,function() {
				var pos = parseInt(bn_ul.attr("top"));
				var total = parseInt(bn_ul.attr("total"));
				if (pos>=total) {
					bn_ul.attr("top", 0);
					bn_ul.css("left", "0px");
				}
			}
		);

	}else{
		alert('¿ÞÂÊ ¹öÆ°À» ÀÌ¿ëÇØÁÖ¼¼¿ä. \n ¸¶Áö¸·¹è³Ê ÀÔ´Ï´Ù.');
	}
}

function bn_stop(){
		clearInterval(bn_ul.attr("timer"));
}
function bn_move(){
		bn_stop();
		bn_ul.attr("timer", setInterval(my_banner, 3000));
}