/*

jQuery Extention For Revolver Banner

<div>
	<ul>
		<li></li>
	</ul>
</div>

*/

$.fn.extend({
	/*member valiables*/
	selector   : null, 
	//
	duration   : 300, 
	interval   : 2000, 
	fadetype   : "linear", 
	//
	list       : [],
	//
	limit      : 0, 
	//
	register   : null, 
	//
	container  : null, 
	controller : null, 
	buttons    : null, 
	//
	_w         : null, 
	_h         : null, 
	//
	flag       : false, 
	//
	direction  : "vertical", //"horizontal", 
	//
	//constructor
	revolver  : function(_interval, _duration, _fadetype) {
		//
		selector   = $(this);
		//
		fadetype   = (_fadetype === "swing") ? "swing" : $(this).fadetype;
		//
		interval   = (_interval > $(this).interval) ? _interval : $(this).interval;
		duration   = (_duration > $(this).duration) ? _duration : $(this).duration;
		//
		container  = selector.children(".stage");
		controller = selector.children(".controller");
		list       = container.children();
		//
		_w         = selector.width();
		_h         = selector.height();
		//
		direction  = (_h < container.height()) ? "vertical" : "horizontal"; 
		//
		count      = 1;
		limit      = list.length;
		//
		selector.control();
		//
		register   = setTimeout("selector.move()", interval);
		//
		container.hover(
			function() {
				clearTimeout(register);
				clearTimeout(register);
				clearTimeout(register);
			}, 
			function() {
				register   = setTimeout("selector.move()", interval);
			}
		);
		//
	}, 
	control   : function() {
		//
		buttons = controller.children();
		//
		$(buttons[0]).addClass("focus");
		//
		for(var i=0; i<buttons.length; i++) {
			$(buttons[i]).addClass("btn" + i);
			$(buttons[i]).hover(
				function() { $(this).css({ cursor : "pointer"}); }, 
				function() { $(this).css({ cursor : "normalr"}); }
			);
			$(buttons[i]).click(function() {
				//
				if (!flag) {
					clearTimeout(register);
					clearTimeout(register);
					clearTimeout(register);
					//
					count  = $(this).get(0).className.substr(3);
					//
					selector.move();
				}
				//
			});
		}
	}, 
	//
	move      : function() {
		//
		var pos = (direction == "vertical") ? {top : -count*_h + "px"} : {left : -count*_w + "px"};
		//
		for (var i=0; i<limit; i++) {
			if ($(buttons[i]).hasClass("focus")) $(buttons[i]).removeClass("focus");
			if (i == count) $(buttons[count]).addClass("focus");
		}
		//
		flag = true;
		//
		container.stop().animate(pos, duration, fadetype, function() {
			//
			clearTimeout(register);
			clearTimeout(register);
			clearTimeout(register);
			//
			count  = (++count < limit) ? count : 0;
			//
			flag = false;
			//
			register  = setTimeout("selector.move()", interval);
			//
		});
	}
});