$(function(){
	
	var oldPage = 0;
	var totalBtn = 5;
	var nameInterval = "";
	var timeInterval = 10000;
	
	//============ count childe
	totalBtn = $("#countChild").find("a").length;
	
	for(var i=0; i < totalBtn; i++){
		if(i != oldPage){
			$("#content"+i).fadeOut();
		}
		
		addEventBtn(i);
	}
	
	nameInterval = setInterval(function(){
			autoPlay();
		}, timeInterval);
	
	function addEventBtn(numberStatus){
		$("#btnContent"+numberStatus).click(function(){
			// ============== remove
			clearInterval(nameInterval);
			$("#btnContent"+oldPage).removeClass("page-highlight-action").addClass("page-highlight");
			$("#content"+oldPage).fadeOut(500);
			
			// ============== add
			oldPage = numberStatus;
			$("#btnContent"+oldPage).removeClass("page-highlight").addClass("page-highlight-action");
			$("#content"+oldPage).delay(300).fadeIn(500);
			
			nameInterval = setInterval(function(){
				autoPlay();
			}, timeInterval);
		});
	}
	
	function autoPlay(){
		// ============== remove
		$("#btnContent"+oldPage).removeClass("page-highlight-action").addClass("page-highlight");
		$("#content"+oldPage).fadeOut(500);
		
		// ============== add
		if((oldPage + 1) >= totalBtn){
			oldPage = 0;
		}else {
			oldPage += 1;
		}
		$("#btnContent"+oldPage).removeClass("page-highlight").addClass("page-highlight-action");
		$("#content"+oldPage).delay(300).fadeIn(500);
	}

});