data.chinahighlights.com/js/train/booking-order.js

function showresutl(sw){
	if(sw){
	$('#processImgDiv, #logDim, #advisordiv, #detailDiv').show();
	}else{
	$('#processImgDiv, #logDim, #advisordiv, #detailDiv').hide();
	}
}

function iniView(e){
	$info = e.info;
	$advisor = e.advisor;
	$guest   = e.guest;
	$detail  = e.detail;
	$log     = e.log;
	$process = e.process;
	
	$('#order_id').text($info.COLI_ID);
	if($advisor){
		$('#advisordiv img').attr('src','/css/images/train/orderstatus/'+$advisor.OPI_SN+'.png');
		$('#advisordiv .advisor-name').text($advisor.OPI2_Name);
		var telStr = ($advisor.agenter.tel)?' Tel:'+$advisor.agenter.tel:'';
		if($advisor.agenter.Mobile){
			if(telStr==""){
				telStr = $advisor.agenter.Mobile;
			}else{
				telStr += '/'+$advisor.agenter.Mobile;
			}
		}
		$('#advisordiv .advisor-phone').text(telStr);
		var emailStr = ($advisor.agenter.Email)?$advisor.agenter.Email:$advisor.OPI_Email;
		$('#advisordiv .advisor-email').text(emailStr);
	}
	
	
	var tmplate = new Array(
							'<tbody style="display:none">',
							'<tr>',
							'<td>Train&nbsp;', 1,'</td>',
							'<td>','06:43','</td>',
							'<td>','Shanghai Hongqiao Station','</td>',
							'<td>','Business Cls. Seat','</td>',
							'</tr>',
							'<tr>',
							'<td class="train-no">','G102','</td>',
							'<td>','06:43','</td>',
							'<td>','Beijing South Station','</td>',
							'<td>&nbsp;</td>',
							'</tr>',
							'</tbody>');

	$('#order-summary').html('');
	for(var i=0;i<$detail.length;i++){
		if(i>0){
			tmplate[0] = '<tbody style="display:none">';
			$('#moredetail').show();
		}else{
			tmplate[0] = '<tbody';
		}
		tmplate[3] = i+1;
		tmplate[6] = $detail[i].DepartureTime;
		tmplate[9] = $detail[i].DepartureCity;
		tmplate[12]= $detail[i].Cabin;
		tmplate[17]= $detail[i].FlightsNo;
		tmplate[20] = $detail[i].ArrivalTime;
		tmplate[23] = $detail[i].ArrivalCity;
		$('#order-summary').append(tmplate.join(''))
	}
	if($detail.length<=0){
		$('#order_detaillist').html('<span>Your order does not have train ticket.</span>');
	}
	
	var template_log =new Array(
			"<li class=",
			"\"order-old-list\"",
			"><span class=",
			"\"order-old\"",
			"><i class=\"fa fa-map-marker fa-3\"></i></span>",
			"",
			"</li>");
	$('#order_logs ul').html('');
	for(var i=0;i<$log.length;i++){	
		if(i == $log.length-1 ){
		template_log[1] = "\"order-now-list\"";template_log[3] = "\"order-now\""
		}else{
		template_log[1] = "\"order-old-list\"";template_log[3] = "\"order-old\""
		}
		template_log[5] = $log[i].COLL_type_msg;
		$('#order_logs ul').prepend(template_log.join(''));
	}
	if($log.length<=0){
		$('#order_logs ul').html('<li>Sorry, Nothing had been found.</li>');
	}
	setProcess($process.img,$process.st);
}
function bindTraceNo(){
	var vvvvvv = function(keySN){
	var Eurl = '/api/api.php?method=express.sf&sn='+keySN+'&'+Math.random();
	$.ajax({
			url:Eurl,
			dataType:'json',
			beforeSend:function(){ $('#sfRouter').find("ul").html('Loading.....').end().show();ajaxing = true;},
			complete:function(){ajaxing = false; },
			success:function(results){
				if(results.length>0){
					result = results[0];
					$('#sfRouter>ul').html('');
					if(result.id){
						for(var i=0;i< result.routes.length;i++){
							time = result.routes[i].scanDateTime;
							time = time.replace("T","&nbsp;");
							time = time.replace("+0800","&nbsp;");
							string = "<li><div><i class=\"fa fa-plane\"></i></div>"+ time +result.routes[i].remark+"</li>";
							$('#sfRouter>ul').prepend(string);
						}
					}else{
						$('#sfRouter>ul').html('Sorry! There aren\'t any result!');
					}
				}else{
					$('#sfRouter>ul').html('Sorry! There aren\'t any result!');
				}
			}
		});
	}
	$('#order_logs ul o').css({'cursor':'pointer'}).on('click',function(){
		var keySN = $(this).text();
		vvvvvv(keySN);
	});
}

function check(o){
	var $btn = $(o);
	var data={COLI_ID:$('#orderid').val(),Email:$('#email').val()};
	if($('#orderid').val().length<5){
		$('#orderid').focus();
		return;
	}
	if ($('#email').val().indexOf("@") <=0 )  {
		$('#email').focus();
		return false;
	}
	$.ajax({
		url:'/api/api.php?method=order.vieworder',
		type: "POST",
		dataType:'JSON',
		data:data,
		beforeSend:function(){
			$('#sfRouter>ul').html('');
			$('#Cobtn').val('loading....').attr('disabled',true);
			setTimeout(function(){
			$('#Cobtn').val('Check Order').removeAttr('disabled');},2000);
		},
		success:function(e){
			if(e.statu != true){
				alert('Your order not find ');return;
			}
			$('#check_result').show();
			iniView(e);bindTraceNo();showresutl(true);
		}
	});
	return false;
}
function toglledetail(){
	$('#order-summary tbody:gt(0)').toggle('slow');
}

function setProcess(pic,st){
	$process=1;
	ddd = setInterval(function(){
	  $('#processImg').attr('src','/css/images/train/orderstatus/'+pic+'-'+$process+'.png');
	  $process ++;
	  if($process>st){
		  clearInterval(ddd);
	  }
	},600);
}


$(function(){
	$('[data-toggle="popover"]').popover({html:true});
	showresutl();
});