-=[ Mr. Bumblebee ]=-
_Indonesia_

/**
* Title : Slide Banner
* Author : Won Joso (http://blog.naver.com/josoblue , http://www.motionj.com)
* Email : joso@motionj.com
* URL : http://www.motionj.com
* Version : v1.0
* License : Free (»ç¿ë¹üÀ§´Â Á¦ÇÑÀÌ ¾øÀ¸³ª, Ç÷¯±×ÀÎ(js)ÀÇ ÁÖ¼®À» Á¦°ÅÇÏ°í³ª ÀçÆǸſëÀ¸·Î ÀÌ¿ëµÇ¼­´Â ¾ÊµË´Ï´Ù.)
* Description :
*
* width : ¹è³ÊÀÇ ³Êºñ
* height : ¹è³Ê À̹ÌÁö ³ôÀÌ
* speed : ½½¶óÀ̵ù ¼Óµµ 1000 ´ç 1ÃÊ.
* delay : µô·¹ÀÌ ½Ã°£.
* pause : true ÀÎ °æ¿ì ÀÚµ¿ ¸ð¼ÇÀÌ ÁøÇà ¾ÊµÊ.
**/

(function($){
	$.fn.motionj_slide_banner = function(o){
		o = $.extend({
			width : 245,
			height: 62,
			speed : 300,
			delay : 2000,
			image : './img/',
			pause : false
		}, o || {});

		return this.each(function(){
			var e = $(this);
			var no = 0;
			var dot_over = false;
			var tmpImg;
			var count = e.find('ul li').length - 1;
			if(count < 1) return;

			var dot;
			for(var i=0;i<=count;i++){
				dot += '<img src="'+o.image+'dot_off.png" alt="" />';
			};
			$('<p></p>').appendTo(e);
			var p = e.find('p');
			$(dot).appendTo(p);

			e.css({position:'relative',width:o.width,height:(o.height+10)});
			e.find('ul').css({position:'absolute',top:0,left:0,width:o.width, height:o.height,overflow:'hidden'});
			e.find('ul li').css({position:'absolute',top:0,left:0});
			e.find('p').css({position:'absolute',top:(o.height-25),left:0,width:'100%',height:'9px','text-align':'center'});
			e.find('p img').css({margin:'0 2px',cursor:'pointer','vertical-align':'top'});

			e.find('ul li:eq('+no+')').siblings('li').css('left',o.width+'px');

			tmpImg = e.find('p img:first').attr('src');
			e.find('p img:first').attr('src',tmpImg.replace('off.png','on.png'));

			e.mouseover(function(){dot_over = true;});
			e.mouseleave(function(){dot_over = false;});

			e.find('p img').each(function(i){
				$(this).click(function(){
					if(no != i){
						e.find('ul li:eq('+i+')').animate({left:0}, {duration: o.speed/2});
						e.find('ul li:eq('+no+')').animate({left:-o.width}, {duration: o.speed/2, complete : function(){
							e.find('ul li:eq('+i+')').siblings().css('left',o.width);
						}});
						tmpImg = e.find('p img:eq('+i+')').attr('src');
						e.find('p img:eq('+i+')').attr('src',tmpImg.replace('off.png','on.png'));
						tmpImg = e.find('p img:eq('+(no)+')').attr('src');
						e.find('p img:eq('+no+')').attr('src',tmpImg.replace('on.png','off.png'));
						no = i;
					};
				});
			});

			var act = function(){
				if(!dot_over){
					if(no === count){
						e.find('ul li:eq('+no+')').animate({left:-o.width}, {duration: o.speed});
						e.find('ul li:first').animate({left:0},{duration: o.speed, complete:function(){
							e.find('ul li:eq('+no+')').siblings().css('left',o.width);
						}});
						no = 0;
					}else{
						e.find('ul li:eq('+no+')').animate({left:-o.width}, {duration: o.speed}).next().animate({left:0},{duration: o.speed, complete:function(){
							e.find('ul li:eq('+no+')').siblings().css('left',o.width);
						}});
						no = no + 1;
					};
					if(no === 0){
						tmpImg = e.find('p img:eq('+no+')').attr('src');
						e.find('p img:eq('+no+')').attr('src',tmpImg.replace('off.png','on.png'));
						tmpImg = e.find('p img:last').attr('src');
						e.find('p img:last').attr('src',tmpImg.replace('on.png','off.png'));
					}else{
						tmpImg = e.find('p img:eq('+no+')').attr('src');
						e.find('p img:eq('+no+')').attr('src',tmpImg.replace('off.png','on.png'));
						tmpImg = e.find('p img:eq('+(no-1)+')').attr('src');
						e.find('p img:eq('+(no-1)+')').attr('src',tmpImg.replace('on.png','off.png'));
					};
				};
			};
			if(!o.pause){
				setInterval(act, o.delay);
			};
		});
	};
})(jQuery);