var totalSlides = 0;

(function($){
	$.fn.articleSlides = function(options) {
		var as = $.fn.articleSlides;

		var settings = $.extend({
			childSelector : ".slide"
		}, $.fn.articleSlides.defaults, options);

		return this.each(function(){
			this._as_navigateTo = function(index){
				$(this._as_All[this._as_Index]).hide(20);
				$(this._as_All[this._as_Index = (index % this._as_Count)]).show(400);
				$(this._as_List).find(".active").removeClass("active");
				$(this._as_List).find(".slide" + this._as_Index).addClass('active');
			}
			this._as_navigateNext = function(){
				return this._as_navigateTo(this._as_Index+1);
			}
			this._as_navigatePrevious = function(){
				return this._as_navigateTo(this._as_Index-1);
			}

			// initialize
			this._as_All = $(this).find(settings.childSelector);
			this._as_Count = this._as_All.length;
			this._as_Index = 0;
			this._as_All.not(":first").hide();

			this._as_List = document.createElement("UL");
			this._as_List.className = 'slidelist';
			this._as_List._as = this;

			for(var i = 0; i < this._as_Count; i++)
			{
				var e = document.createElement("LI");
				var a = document.createElement("A");
				$(a).attr("id", "a_item_" + i);
				eval("var func = function(){this.parentNode.parentNode._as._as_navigateTo(" + i + ");}");

				e.className = 'slide' + i + (i==0?" active":"");

				$(a).click(func);
				a.innerHTML = i + 1;
				a.href='#';
				e.appendChild(a);
				this._as_List.appendChild(e);
			}
			totalSlides = i;
			this.appendChild(this._as_List);

			setInterval(nextSlide, 11000);

		});

	};
})(jQuery);

$(function(){
	$(".topBlockContents").articleSlides({
		childSelector: ".articleslide"
	});
});

var slideNumber = 0;
function nextSlide() {
	slideNumber++;
	if (slideNumber >= totalSlides) slideNumber = 0;
	navigateToSlide(slideNumber);
}

function navigateToSlide(i) {
	$("#a_item_" + i).click();
}