// JScript 文件
var selectedCityName = "深圳";//默认城市
var changTu;//国内长途
var duanTu ;//短途
var gangAo ;//港奥游
var haiWai;//海外
var waiting = '<div style="padding-top:80px;padding-left:300px;"><img src="../images/loading.gif" />请稍候......</div>';

$(document).ready(function(){    
    $("#tb_1").bind("click",function(){selectedCityName='深圳';getTourByCityName();});
    $("#tb_2").bind("click",function(){selectedCityName='北京';getTourByCityName();});
    $("#tb_3").bind("click",function(){selectedCityName='上海';getTourByCityName();});
    $("#tb_4").bind("click",function(){selectedCityName='西安';getTourByCityName();});
    $("#tb_5").bind("click",function(){selectedCityName='重庆';getTourByCityName();});
    getTourByCityName();
});

function showWaiting(str){
    for(var i=1;i<=4;i++){
    var controlId = '#abc_0'+i;
    if ($(controlId).attr("class") == 'dis'){
        $(controlId).html("");
        $(controlId).html(waiting);
        }
    }
}


//根据城市名取旅游团
function getTourByCityName(){
    //alert("1");
    
    showWaiting(waiting);
    //alert("2");
    changTu = "<ul class='tj_list'>";//国内长途
    duanTu = "<ul class='tj_list'>";//短途
    gangAo = "<ul class='tj_list'>";//港奥游
    haiWai = "<ul class='tj_list'>";//海外
    selectedCityName = escape(selectedCityName);//重编码
    //alert("3");
    $.ajax({
        type: "GET",
        url: "GetTgByCityName.ashx",
        data: "cityName="+  selectedCityName,
        success: function(data){
            var datas = eval(data); 
            
            if (datas == undefined) {waiting = "";showWaiting(waiting);return; }
            $.each(datas, function(i){
                getGroupHtml(datas[i].Type,
                    datas[i].GroupID,
                    datas[i].LineName,
                    datas[i].Price,
                    datas[i].SetOffDate);
            });
            changTu += "</ul>";  duanTu += "</ul>";  gangAo += "</ul>";  haiWai += "</ul>";
            //alert(changTu);   
            $("#abc_01").html("");
            $("#abc_02").html("");
            $("#abc_03").html("");
            $("#abc_04").html("");    
            $("#abc_01").html(changTu);
            $("#abc_02").html(duanTu);
            $("#abc_03").html(gangAo);
            $("#abc_04").html(haiWai);
        }
    });
}

//type:团类型 code:团号 name:团名 price:底价  depDate:出发日期  ItineraryID:线路号
function getGroupHtml(type,GroupCode,GroupName,Price,DepartureDate){
    //alert(ItineraryID);
    switch(type){
        case 1: //国内长途      
            changTu +=   "<li>";
            changTu +=   "    <p><a href='TgDetails.aspx?GroupID=" +GroupCode +"'>"+GroupName + "</a>";
            changTu +=   "      <span class='js_q' title='即时确认产品'><img src='../images/1_bg.gif' alt='即时确认产品' /></span>";
            changTu +=   "    <p><span class='r'><b>RMB "+Price + "</b>起</span>出发日期：" +DepartureDate + "</p>";
            changTu +=   "</li>";
            break;
        case 2://短途
            duanTu +=   "<li>"
            duanTu +=   "    <p><a href='TgDetails.aspx?GroupID=" +GroupCode +" '>"+GroupName + "</a>"
            duanTu +=   "    <p><span class='r'><b>RMB "+Price + "</b>起</span>出发日期：" +DepartureDate + "</p>"
            duanTu +=   "</li>"
            break;
        case 3://港奥游
            gangAo +=   "<li>"
            gangAo +=   "    <p><a href='TgDetails.aspx?GroupID=" +GroupCode +" '>"+GroupName + "</a>"
            gangAo +=   "    <p><span class='r'><b>RMB "+Price + "</b>起</span>出发日期：" +DepartureDate + "</p>"
            gangAo +=   "</li>"
            break;
        case 4://海外
            haiWai +=   "<li>"
            haiWai +=   "    <p><a href='TgDetails.aspx?GroupID=" +GroupCode +" '>"+GroupName + "</a>"
            haiWai +=   "    <p><span class='r'><b>RMB "+Price + "</b>起</span>出发日期：" +DepartureDate + "</p>"
            haiWai +=   "</li>"
            break;
    }
}