$(document).ready(function(){
	var trackstimeline;
	var interval = 0;
	var minTracksId = 0;
	var maxTracksId = 0;
	var tracksTimeLIneStart = true;
	getTracksTimeline();
	trackstimeline = setInterval(getTracksTimeline,10000);
	
	function getTracksTimeline(){
		var digits = [];
		var digitsArray = [];
		var url = 'http://api.tracks-network.com/json/view/new_log_list/?log_id='+maxTracksId;
		$.getJSON(url+'&cb=?',function(data){
			if(data.status.returnCode == "200"){

				if(tracksTimeLIneStart == true){
					$("#checkintimeline_box").empty();
				} else {
					minTracksId = parseInt($('.checkintimeline_list:last').attr("id").replace('checkintimeline_id_',''));
					$.each(data.response, function(i) {
						var removeId = parseInt(minTracksId + i);
						$('#checkintimeline_id_'+removeId).fadeOut("slow",function(){$(this).remove()});
					});
				}
				$.each(data.response, function(i) {
					var _logId = parseInt(this.logId);
					if(!$("#checkintimeline_id_"+_logId).length){
						if(_logId > maxTracksId){
							maxTracksId = _logId;
						}
						var elm = "<li class='checkintimeline_list' id='checkintimeline_id_"+_logId+"'>";
								elm += "<p><img src='/images/top/tracks/timeline_top.gif' width='285' height='5'></p>";
								elm +="<div class='timeline_bg'><div class='timeline_mainsec'>";
								elm +="<div class='faceimege'>";
						    elm += "<img class= 'checkintimeline_img' src='http://img.tracks-network.com/img/"+this.userId+"' width='44' height='44'>";
						    elm +="</div>";
						    elm += "<div class='checkintimeline_textdisplay'>"+this.logColumn+"</div>";
						    elm +="</div></div>";
						    elm += "<p><img src='/images/top/tracks/timeline_bottom.gif' width='285' height='5'></p>";
						    elm += "</li>";
						if(tracksTimeLIneStart == true){
							$(elm).appendTo("#checkintimeline_box");
						} else {
							$(elm).prependTo("#checkintimeline_box");
						}
						$("#checkintimeline_id_"+_logId).hide().fadeIn("slow");
						
					}
				});
				tracksTimeLIneStart = false;
				var counterArray = String(maxTracksId).split('');
				var j = counterArray.length - 1;
				if(j >= 0){
					for(i=0;i<counterArray.length;i++){
						if(counterArray[i] != $("#checkincounter-"+j).text()){
							$("#checkincounter-"+j).removeClass().addClass("checkincount checkin-"+counterArray[i]+"-2");
							digits.push(j);
							digitsArray.push(counterArray[i]);
						}
						$("#checkincounter-"+j).text(counterArray[i]);
						j--;
					}

				}
			}
			
			var disigtsClassId = 1;
			for(t=1;t<3;t++){
				var digitsTime = 150 * t;
				setTimeout(function(){
					var jj = digits.length - 1;
					 for(i=0;i<digits.length;i++){
						$("#checkincounter-"+jj).removeClass().addClass("checkincount checkin-"+digitsArray[i]+"-"+String(disigtsClassId));
						 jj--;
					}
				 disigtsClassId--;
				},digitsTime);
			}
		});
	}
});