// JavaScript Document
$(function(){
	$('.raiderblogs-ticker').each(function(){
		var $self = $(this);
		$self.find('ul').wrap('<div class=\"blog-container\"></div>');
		var numChildren = $self.find('li').length;
		var currentChildIndex = 0;
		$self.find('li').each(function(){
			var $child = $(this);
			var $link = $child.find('a').hide();
			$child.prepend('<strong>' + $link.text() + '</strong>');
			$child.append('<a target="_new" rel="external" href="' + $link.attr('href') + '">Visit blog</a>');
		});
		$self.append('<div class="more-blogs"><a href="/blogs">More blogs</a>');
		

		$buttons = $('<div class="toggle-buttons"></div>').appendTo($self);
		
		$prev = $('<a class="prev"></a>').appendTo($buttons).click(function(){
			$self.find('.next').removeAttr('disabled');
			var prev = (currentChildIndex == 0) ? numChildren-1 : currentChildIndex-1;
				$self.find('li').eq(currentChildIndex).fadeOut();
				$self.find('li').eq(prev).fadeIn();
				currentChildIndex = prev;
		});
		$next = $('<a class="next"></a>').appendTo($buttons).click(function(){
			$self.find('.prev').removeAttr('disabled');
			var next = (currentChildIndex == numChildren-1) ? 0 : currentChildIndex+1;
				$self.find('li').eq(currentChildIndex).fadeOut();
				$self.find('li').eq(next).fadeIn();
				currentChildIndex = next;
				
		});
		$self.find('li').eq(currentChildIndex).fadeIn();
		
	});
});