$(function() {
	/*$("#content .scrollable").scrollable({
		 size: 1
		,clickable: false
		,keyboard: false
		,interval: 10000
		,loop: true
		,vertical: true
	});*/


	var  timer = null
		,fade = 300
		,interval = 10000
	;

	var setTimer = function() {
		if (timer) {
			return;
		}

		timer = setInterval(function() {
			showNext();
		}, interval);
	};

	var showNext = function() {
		var $current = $("#content .widgetAd:visible");

		var $next = null;
		if (!$current.length) {
			$next = $("#content .widgetAd:eq(0)");
		}
		else {
			$next = $current.next();
		}

		if (!$next.length) {
			$next = $("#content .widgetAd:eq(0)");
		}

		var $banersHide = $("#content .widgetAd").not($next);
		
		if (!$banersHide.length)
		{
			$next.fadeIn(fade);
		}
		else
		{
			$banersHide.fadeOut(fade, function() {
				$next.fadeIn(fade);
			});
		}


		var idx = $("#content .widgetAd").index($next);
		$("#content .navi a").removeClass('active');
		$("#content .navi a:eq("+idx+")").addClass('active');

	}

	var showNth = function(idx) {
		$showElement = $("#content .widgetAd:eq("+idx+")");

		$("#content .widgetAd").not($showElement).fadeOut(fade, function() {
			$showElement.fadeIn(fade);
		});

		$("#content .navi a").removeClass('active');
		$("#content .navi a:eq("+idx+")").addClass('active');
	};

	var crateNav = function() {
		$naviDiv = $("#content .navi");

		var bLen = $("#content .widgetAd").length;
		for (var i=0; i<bLen; ++i) {
			$("<a>" + (i+1) + "</a>").attr("href", i).bind('click', function(e) {
				var $this = $(this);
				$("#content .navi a").removeClass('active');
				$this.addClass('active');

				showNth($this.attr("href")-0);

				clearInterval(timer);
				setTimer();

				e.preventDefault();
			}).appendTo($naviDiv);
		}
	};

	crateNav();
	showNext();
	setTimer();




	if(jQuery.isFunction(jQuery.fn.scrollable)) {
		$(".bannerBox div.scrollable").scrollable({
			 size: 1
			,clickable: false
			,keyboard: false
			,interval: 10000
			,loop: true
		});
	}
});