var blogTimers;
$(function(){
	blogTimers = setInterval("rotatingBlogs()", 8000);
	$('#slideCounters .slideIndex').bind('click', manuallyRotateBlog);
});

function manuallyRotateBlog(){
	clearInterval(blogTimers);
	var thisObj = $(this);
	var customID = 'slideId';
	var currentBlog = thisObj.attr(customID);
	var blogContainer = $('#blogSlideContainer div.blogSildes');
	
	blogIndexter(currentBlog, customID)
	rotateBlog(blogContainer, customID, currentBlog = currentBlog)

	blogTimers = setInterval("rotatingBlogs()", 8000);
}

function blogIndexter(currentBlog, customID){
	var blogIndexer = $('#slideCounters .slideIndex');
	blogIndexer.each(function(index){
		if($(this).attr(customID) == currentBlog ){
			$(this).addClass('on');
		}else if( $(this).hasClass('on') ){
			$(this).removeClass('on');
		}
		
	});
}

function rotatingBlogs(){
	
	var blogContainer = $('#blogSlideContainer div.blogSildes');
	var blogContainerSize = blogContainer.length;
	var customID = 'slideId';
	var currentSlide = parseInt($('#blogSlideContainer div.currentSlide').attr(customID)) + 1;
	
	if(currentSlide > blogContainerSize)
		currentSlide = 1;
		
	blogIndexter(currentBlog = currentSlide, customID)
	rotateBlog(blogContainer, customID, currentBlog = currentSlide)
}



function rotateBlog(blogContainer, customID, currentBlog){
	
	
	
	blogContainer.each(function(index){
		if($(this).attr(customID) == currentBlog ){
			$(this).show()
			$(this).addClass('currentSlide');
		}else if( $(this).hasClass('currentSlide') ){
			$(this).removeClass('currentSlide');
			$(this).hide()
		}
		
	});
}