/****롤링 배너 시작 *************************/
function my_banner(){
	if(count_num == bn_num){
			bn_px = 0;
			count_num = 0;
		}	
	  if ($(rollObj+">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($(rollObj+">ul").attr("top"));
			  var total = parseInt($(rollObj+">ul").attr("total"));
			  if (pos>=total) {
				  $(rollObj+">ul").attr("top", 0);
				  $(rollObj+">ul").css("left", "0px");
			  }
		  }
	  );
		count_num++;
}

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

function bn_right(){	
	bn_stop();
	if ($(rollObj+">ul:animated").size()) return false;
	var width = bn_li.eq(count_num-1).width();
	var pos = (parseInt(bn_ul.attr("top"))+1)-2;

	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("첫번째 배너입니다");
	}
}

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

var count_num =0;
var bn_px=0;
var bn_num;
var bn_ul;
var flag = true;
var bannerWrap = "#main_banner"	//전체 div
var rollObj = "#bannerList";	//롤링할 객체명 지정

function bn_start(){
	defaultMar = 10;//배너끼리 여백 입력
	bn_ul=$(rollObj+">ul");
	bn_li=$(rollObj+">ul>li");
	bn_ul.attr("top", "0");
	bn_ul.css({"width":"10000px","position":"absolute"});
	
	bt_left=$(bannerWrap).find(".left");
	bt_move=$(bannerWrap).find(".move");
	bt_stop=$(bannerWrap).find(".stop");
	bt_right=$(bannerWrap).find(".right");
	bt_goStop = $(bannerWrap).find(".goStop");	//move, stop 버튼을 한개로 사용하는 경우

	bn_num = bn_li.length;
	bn_ul.attr("total", bn_li.size());
	bn_li.each(function (){
		$(this).clone().appendTo($(bn_ul));
	});

	bn_ul.hover(function(){
		  bn_stop();
	  },function(){
		  if(flag){
			  bn_stop();
			  bn_move();
		  }
	});
	bt_left.click(function(){
		bn_left();
	});
	bt_move.click(function(){
		bn_move();
		flag = true;
	});
	bt_stop.click(function(){
		bn_stop();
		flag = false;
	});
	bt_goStop.click(function(){
		if(flag) {
			bn_stop();
			flag = false;
		}
		else{
			bn_move();	
			flag = true;
		}
	});
	bt_right.click(function(){
		bn_right();
	});
	bn_move();
}
/****롤링 배너 끝 *************************/
/****FADE 컨텐츠 시작 *************************/
function animeList(objId, idx){
	var param = $("#"+objId);
	var li = param.find("ul>li");
	
	var sum = li.length-1;
	
	var elem = idx;
		
	var movement;

	var flag = true;
	var bt_left=param.find(".left");
	var bt_right=param.find(".right");
	var bt_goStop = param.find(".goStop");

	// setup
	li.hide();
	li.eq(idx).show();
	
	// action
	function viewControll(){
		li.hide();
		li.eq(elem).show();

		centerImage(param,li.eq(elem));
		//li.fadeOut(1000);
		//li.eq(elem).fadeIn(1000);
	}
	
	function autoStart(){
		if(objId == "main_zone"){
			clearInterval(movement);
			flag = false;
		}else{
			movement = setInterval(function(){
				if(elem == sum)
					elem = 0;
				else
					elem++;
				viewControll();
			}, 5000);	
		}
		//},3000);
	}
	
	bt_left.click(function(){
		clearInterval(movement);
		if(elem == 0)
			elem = sum;
		else
			elem--;
		viewControll();
		autoStart();
	});
	bt_right.click(function(){
		clearInterval(movement);
		if(elem == sum)
			elem = 0;
		else
			elem++;
		viewControll();
		autoStart();
	});
	bt_goStop.click(function(){
		if(flag) {
			clearInterval(movement);
			flag = false;
		}
		else{
			viewControll();
			autoStart();
			flag = true;
		}
	});

	autoStart();
}
/****FADE 컨텐츠 끝 *************************/