$(function(){initFun();})

var carea = '环线';
var pathList;
var pathCt;
var cpathid;
var cmd='show';
var sendatas;
var cp='';

function initFun(){

//----------------------------------
$("div.arealist li").click(function(){carea = this.innerHTML;changeArea(this);})
//b9e7e9 //7fc2da
$("div.arealist li").mouseover(function(){this.style.backgroundColor= "#b9e7e9";})
$("div.arealist li").mouseout(function(){this.style.backgroundColor= "#7fc2da";})
//----------------------------------

var lstr = location.search;
//alert(lstr);?area=df&p=sd
var ckpm = /^\?area=([^&]+)&p=([\w]+)$/gi
if(ckpm.test(lstr)){
var ca = lstr.replace(ckpm,"$1");
var p = lstr.replace(ckpm,"$2");
dofind(p,ca);
}
else{
sendatas ="cmd=getPath&area="+URLencode(carea);
ajaxPath();
}
}

function changeArea(liobj){
$("div.arealist li").each(function(){this.className="";})
liobj.className="cp";
if(cmd == 'find'){
$("div#pathList").css({"width":"80px"});
$("div#pathifo").css({"width":"580px"});
}
cmd='show';
sendatas ="cmd=getPath&area="+URLencode(carea);
ajaxPath();
}

function ajaxPath(){
$("div#pathifo").html('<img src="images/loading.gif" alt="" onload="Resize(this,20,20)" /> 正在加载路线信息..');
$.ajax({ type: "POST", url: "/contrl/dopath.aspx",data:sendatas,dataType:"json",success: function(callback){getPathBack(callback);},error:function(){alert("err");}});
}

function getPathBack(json){
switch (json.err){
case "0":
eval("pathList="+json.pathList+";");
pathCt = pathList.length;
rendPath();
break;
case "1":
if(cmd == 'show'){
$("div#pathList").html('没有任何线路');
$("div#pathifo").html('');
}else
$("div#pathifo").html('没有任何线路');
break;
}
}

function rendPath(){
if(cmd == 'show'){
var pathListStr='';
pathListStr+='<ul>';
for(var i=0;i<pathCt;i++){

var pathname = pathList[i].Pname;
if(pathname == "")
pathname = getPathNum(pathList[i].pathName);

if(i==0)
pathListStr+='<li class="ck" pid="'+i+'">'+ pathname +'</li>';
else
pathListStr+='<li pid="'+i+'">'+ pathname +'</li>';
}
pathListStr+='</ul>';
$("div#pathList").html(pathListStr);
$("div#pathList li").click(function(){ $("div#pathList li.ck")[0].className=""; this.className ="ck"; cpathid = this.pid; if(clsid == 1) showPathifo(); if(clsid == 2) showBusifo(); });

cpathid = 0;
if(clsid == 1) showPathifo(); if(clsid == 2) showBusifo();
}else{
//----------------------------
var pathifoStr='';
pathifoStr+='<div style="margin:10px;;text-align:left;">';
for(var i=0;i<pathCt;i++){
var cpath = pathList[i];
pathifoStr+='<div style="border-bottom:1px dashed #ccc;">';
pathifoStr+='<div style="padding:5px"><span style="font-weight:bold;color:#c30; font-size:16px;">'+cpath.pathName+'</span> <span style="color:#666; font-size:12px;"> (运营时间：'+cpath.ptime+')</span></div>';
pathifoStr+='<div style="padding:5px;">所属公司：'+cpath.company+'</div>';
pathifoStr+='<div style="padding:5px;">'+cpath.oifo+'</div>';

var mapic = cpath.mapic;
if(mapic == '')
mapic ="images/nomap.gif";

pathifoStr+='<div style="padding:5px;"><a href="'+mapic+'" target="_blank" > <img src="'+mapic+'"  width="56" height="36"   alt="查看大路线图" onload="Resize(this,300,180)" style="padding:2px; border:1px solid #ccc;"/> </a></div>';
pathifoStr+='<div style="padding:5px;">途经路点：<span class="paths">'+rpath(cpath.pathifo)+'</span>  <span style="color:#999; font-size:12px;">[共'+ckpathct(cpath.pathifo)+'站]</span></div>';
pathifoStr+='<div style="padding:5px;color:#999;">线路更新时间：'+cpath.uptime+'</div>';
pathifoStr+='</div>';
}
pathifoStr+='</div>';

pathifoStr+='<div style="text-align:left;padding:5px;">共查到 <span style="red">'+pathCt+'</span> 条符合要求的线路</div>';

$("div#pathifo").html(pathifoStr);
//----------------------------
}
}

function showPathifo(){
var pathifoStr='';
var cpath = pathList[cpathid];
pathifoStr+='<div style="padding:5px;text-align:left;"><span style="font-weight:bold;color:#c30; font-size:16px;">'+cpath.pathName+'</span> <span style="color:#666; font-size:12px;"> (运营时间：'+cpath.ptime+')</span></div>';
pathifoStr+='<div style="padding:5px;text-align:left;">所属公司：'+cpath.company+'</div>';
pathifoStr+='<div style="padding:5px;text-align:left;">'+cpath.oifo+'</div>';

var mapic = cpath.mapic;
if(mapic == '')
mapic ="images/nomap.gif";

pathifoStr+=' <div> <a href="'+mapic+'" target="_blank" ><img src="'+mapic+'" alt="路线图" width="56" height="36"  onload="Resize(this,560,400)" style="padding:2px; border:1px solid #ccc;"/> </a> </div>';
pathifoStr+='<div style="padding:5px;text-align:left;margin-top:10px; border-top:2px solid #7fc2da;">途经路点：<span class="paths">'+rpath(cpath.pathifo)+'</span>  <span style="color:#999; font-size:12px;">[共'+ckpathct(cpath.pathifo)+'站]</span></div>';
pathifoStr+='<div style="padding:5px;text-align:left;color:#999;">线路更新时间：'+cpath.uptime+'</div>';
$("div#pathifo").html(pathifoStr);
}


function showBusifo(){
var showBusifoStr='';
var cpath = pathList[cpathid];
if(cpath.buspics.length > 3){
var buspics = cpath.buspics.substring(1,cpath.buspics.length).split('#');
var ppic = cpath.buspic;
if(ppic == "") ppic = buspics[0].split('*')[0];

showBusifoStr+='<div style="height:410px;"><table><tr><td  style="height:400px;  vertical-align:middle;"> <a href="'+ppic+'" id="ppiclink" target="_blank" ><img src="'+ppic+'" id="ppic" alt="车型图"  width="56" height="36"  onload="Resize(this,560,400)" style="padding:2px; border:1px solid #ccc;" /> </a> </td></tr></table></div>';
var piclen = buspics.length;

showBusifoStr+='<div id="plist"><ul>';
var purl;
var palt;
for(var i=0;i<piclen;i++){
purl = buspics[i].split('*')[0].replace("b.","s.");
palt = buspics[i].split('*')[1];
showBusifoStr+='<li><img src="'+purl+'" alt="'+palt+'" onload="Resize(this,300,60)" style="padding:2px; border:1px solid #ccc;" /></li>';
}
showBusifoStr+='</ul><div class="cf"/></div>';
$("div#pathifo").html(showBusifoStr);
//css--
$("#plist").css({"margin-top":"10px","width":"540px"});
$("#plist li").css({"float":"left","margin":"5px"});
$("#plist img").css({"opacity":"0.5"});
//css--
$("#plist img").mouseover(function(){ $(this).css({"opacity":"1"}); });
$("#plist img").mouseout(function(){ $(this).css({"opacity":"0.5"}); });
$("#plist img").click(function(){ document.getElementById("ppic").src = this.src.replace("s.","b.");  document.getElementById("ppiclink").href = this.src.replace("s.","b.");   });
}else
$("div#pathifo").html("暂无车型图片");
}


function getPathNum(pathname){
var numck = /[^\d]+/gi;
return pathname.replace(numck,'');
}

function rpath(pathifo){
var pck = /\s*[(\-|→|——)]\s*/gi;
var pl = pathifo.split(pck);
var plen = pl.length;
pathifo ='';
for(var i=0;i<plen;i++)
pathifo += ' → <a href="javascript:dofind(\''+pl[i]+'\',\''+carea+'\')" >'+setRed(pl[i])+'</a>';

pathifo = pathifo.substring(3,pathifo.length);
return pathifo;
}

function ckpathct(pathifo){
var pck = /\s*[(\-|→|——)]\s*/gi;
var pl = pathifo.split(pck);
var plen = pl.length;

return plen;
}



function setRed(pl){
return pl.replace(cp ,"<span class='ck'>"+cp+"</span>");
}


function dofind(p,ca){
$("div#pathList").css({"width":"0px"});
$("div#pathList").html('');
$("div#pathifo").css({"width":"680px"});
cmd = 'find';
$("div#pathifo").html('<div style="padding:150px;" ><img src="images/loading.gif" alt="" onload="Resize(this,20,20)" /> 正在查找路线..</div>');

sendatas ="cmd=getPath&area="+URLencode(ca)+"&p="+URLencode(p);
cp = p;
ajaxPath();
}