var slideTimer = null;
var marginDelta = 0;
$(document).ready(function(){
	initApp();
	slideTimer = setInterval("autoplaySlide()", 5000);
});
$(window).resize(function() {
	initApp();
	var as = $("#circles a");
	var aCur = $("#circles a.selCircle")[0];
	var i = jQuery.inArray(aCur, as);
	$('.slider').css('margin-left', -(marginDelta + 1000) * i + 'px');
});
var initApp = function(){
	marginDelta = Math.floor($(window).width()/2) - 500;
	var lis = $('.slider li');
	$(lis).css('margin-left', marginDelta + 'px');
}
var clickEvent = function(aId, cliked){
	var margin = parseInt($('.slider').css('marginLeft').replace("px;", "")) - (1000 + marginDelta);
	if (aId == "btnPlayers") {
		margin = 0;
	}
	var sectionId = aId.replace("btn", "section");
	gotoPage(margin, sectionId, cliked);
	$("#circles a").removeClass('selCircle');
	$("#" + aId).addClass('selCircle');
}
var gotoPage = function(marginLeft, liID, cliked){
	var lis = $('.slider li');
	lis = jQuery.grep(lis, function(value) {
		return value.id != (liID);
	});
	$('.slider').animate({marginLeft:marginLeft}, 1000, 'easeInOutExpo');
	if (cliked && slideTimer) {
		clearInterval(slideTimer);
		slideTimer = null;
	}
	return false;
}
var autoplaySlide = function(){
	var btnId = 'btnPlayers';
	var selBtn = $("#circles a.selCircle");	
	var nextBtn = selBtn.next()[0];
	if(nextBtn)
		btnId = nextBtn.id;
	clickEvent(btnId, false);
}