﻿// JScript 文件
/*********************************全局变量****************************************/
var provinceList;
var cityList;

var startProvince = 0;
var endProvince = 0;
var startCity = 0;
var endCity = 0;
var travelType = 0;
var travelDays = 0;
var startDate = "";

var inputAreaItem;
var isStartInput;

var area_loaded = false;

/***************************************地点选择器*****************************************/
    function ShowAreaSelect() {
        BOX_show("divArea");
        
        if( area_loaded ) {  
            if (isStartInput)
            {
                $("#divArea").find(".level1").hide();
                UpdateArea();
                return false;
            }
            else
            {
                $("#divArea").find(".level1").show();
                UpdateArea(endProvince);
                return false;
            }
        }
        area_loaded = true;
        $("#divArea").find(".area").empty();
        IIITripAJAX({
            service : AreaService().LoadCitys,
            params  : {mode:isStartInput?6:2},
            resultHanle : function(result) {
                cityList = result.Data;             
                IIITripAJAX({
                    service : AreaService().LoadProvinces,
                    params  : {},
                    resultHanle : function(result) {
                        var region_area = $("#divArea").find(".level1");
                        $.each( result.Data, function(i,n){
                            var item = $("<span />");
                            item.text( n.AreaName );
                            item.css({"cursor":"pointer"});
                            item.bind("click", function(){
                                UpdateArea(n.Id);
                                return false;
                            });
                            item.appendTo( region_area );
                        });
                        //UpdateSchoolArea( $("#usertype").val(), null );
                        
                        var schoolsArea = $("#divArea").find(".mainContent");
                        var loading = schoolsArea.find(".loading");
                        var areas = schoolsArea.find(".area");
                        loading.hide();
                        if (isStartInput) 
                        {
                            $("#divArea").find(".level1").hide();
                            UpdateArea();
                        }
                        else
                        {
                             $("#divArea").find(".level1").show();
                        }
                        areas.show();       
                    }
                }).execRequest_Json();  
            }
        }).execRequest_Json();        
    }  
    
    function UpdateArea(areaId) {
        $("#divArea").find(".area").empty();
        var citysArea = $("#divArea").find(".mainContent");
        //var loading = citysArea.find(".loading");
        var citys = citysArea.find(".area");
        if (isStartInput)
        {
            $.each( cityList, function(i,n){
                if(n.IfStart == 1){
                    var city_item = $("<li></li>").text( n.AreaName );
                    city_item.css( {"cursor":"pointer"} );
                    city_item.text( n.Name );
                    city_item.bind("click", function(){
                        BOX_remove( "divArea" );
                        inputAreaItem.val( n.AreaName );
                        startCity = n.Id;   
                        return false;
                    });
                    citys.append( city_item ); 
                } 
            });
        }
        else
        {
            $.each( cityList, function(i,n){
                if(n.ParentId == areaId){
                    var city_item = $("<li></li>").text( n.AreaName );
                    city_item.css( {"cursor":"pointer"} );
                    city_item.text( n.Name );
                    city_item.bind("click", function(){
                        BOX_remove( "divArea" );
                        inputAreaItem.val( n.AreaName );
                        endCity = n.Id;
                        endProvince = n.ParentId;
                        return false;
                    });
                    citys.append( city_item ); 
                } 
            });
        }
        
        
    }
    
 /*****************************************************************地点选择器******************************************************/ 
 
 function initPage()
{
    $("#mainNav").find("#route_menu").find("a").attr("class","current");
      $("#startCity").bind("focus", function() {
            inputAreaItem = $("#startCity");
            isStartInput = true;
            ShowAreaSelect();
      });
 /*     $("#endCity").bind("focus",function() {
            inputAreaItem = $("#endCity");
            isStartInput = false;
            ShowAreaSelect();
      });*/
      
      $("#startDate").bind("focus",function () {
        WdatePicker();
      });
      
      $("#btnSearch").bind("click",function() {
            if (!IsNum($.trim($("#travelDays").val())) || $.trim($("#travelDays").val()).length>2){
                alert("旅行天数不合法");
                return;
            }
            travelType = 0;
            $("input[@name='seneryType']").each(function () {
                if ($(this).attr("checked") == true)
                {
                    travelType = travelType + parseInt($(this).attr("value"));
                }
            });
            if ($.trim($("#endCity").val()) != "")
            {
                var sEndCity = $.trim($("#endCity").val());
            }
            if ($.trim($("#travelDays").val()) != "")
            {
                travelDays = $.trim($("#travelDays").val());
            }
            
            if ($.trim($("#startDate").val()) != "")
            {
                startDate = $.trim($("#startDate").val());
            }
            if (!QueryStringCheck(sEndCity)) alert("输入含有非法字符");
            window.location.href =  "../../Search/Route/Route_search_list.aspx?sc=" + startCity + "&ec=" + sEndCity + "&sd=" + startDate + "&tt=" + travelType + "&td=" + travelDays +"&num=0";
      });
      
}

$(document).ready(function() {

    initPage();
    //加载热门线路
    IIITripAJAX({
        service : CircuitryService().GetHotCircuitries,
        params  : {nCount : 0, nMaxCount : 10},
        resultHanle : function(result) {
            var oData = result.Data;
            var container = $("#HotContainer").find("ul");
            $.each(oData,function(i,n) {
                var item = $("#hotTemplate").clone();
                item.attr("id","hot_" + n.Id);
                item.find("a").text(n.CircuitryName);
                item.find("a").attr("href", "../../Search/Route/Route_view.aspx?id=" + n.Id);
                item.appendTo(container).show();
            });
        }
    }).execRequest_Json(null);
    
    //加载特惠路线
    IIITripAJAX({
        service : CircuitryService().GetPromoteCircuitries,
        params  : {nCount : 0, nMaxCount : 10},
        resultHanle : function(result) {
            var oData = result.Data;
            var container = $("#promoteContainer").find("ul");
            $.each(oData,function(i,n) {
                var item = $("#promoteTemplate").clone();
                item.attr("id","promote_" + n.Id);
                item.find("a").text(n.CircuitryName);
                item.find("a").attr("href", "../../Search/Route/Route_view.aspx?id=" + n.Id);
                item.appendTo(container).show();
            });
        }
    }).execRequest_Json(null);
    
    
    //加载精品路线
    IIITripAJAX({
        service : CircuitryService().GetGreatCircuitries,
        params  : {nCount : 0, nMaxCount : 14},
        resultHanle : function(result) {
            var oData = result.Data;
            var container = $("#GreatContainer").find("p");
            $.each(oData,function(i,n) {
                var item = $("#<a style=\"display:inline\"/>");
                item.text(n.CircuitryName);
                item.attr("href", "../../Search/Route/Route_view.aspx?id=" + n.Id);
                item.appendTo(container);
            });
        }
    }).execRequest_Json(null);
    
    //加载推荐路线
    IIITripAJAX({
        service : CircuitryService().GetRecommandCircuitries,
        params  : {nCount : 2, nMaxCount : 14},
        resultHanle : function(result) {
            var oData = result.Data;
            var firstContainer = $("#recommend_list_left");
            var secondContainer = $("#recommend_list_right");
            
            $.each(oData,function(i,n) {
                if (i == 0)
                {
                    
                    if(n.ProductImgS =="")
					{
					    $("#firstImg").attr("src",ImgFormat("/images/view_img.gif"));
					}
					else
					{
						$("#firstImg").attr("src",ImgFormat(n.ProductImgS));
						$("#firstImg").error(function(){ $("#firstImg").attr("src",ImgFormat("/images/view_img.gif")); });
					}
                    
                    $("#firstImg").bind("click",function() {
                       window.location.href =  "../../Search/Route/Route_view.aspx?id=" + n.Id;
                    });
                    $("#firstName").text(n.CircuitryName).bind("click", function() {
                        window.location.href =  "../../Search/Route/Route_view.aspx?id=" + n.Id;
                    });
                    if (n.Intro1.length>120)
                        $("#firstIntro").html((n.Intro1.substring(0,120)+"...").replace(new RegExp("\n","ggm"),"<br>").replace(/ /g,"&nbsp;"));
                    else $("#firstIntro").html((n.Intro1).replace(new RegExp("\n","ggm"),"<br>").replace(/ /g,"&nbsp;"));
                }
                else if (i == 1)
                {
                     if(n.ProductImgS =="")
					{
					    $("#secondImg").attr("src",ImgFormat("/images/view_img.gif"));
					}
					else
					{
						$("#secondImg").attr("src",ImgFormat(n.ProductImgS));
						$("#secondImg").error(function(){ $("#secondImg").attr("src",ImgFormat("/images/view_img.gif")); });
					}
                    
                     $("#secondImg").bind("click",function() {
                        window.location.href =  "../../Search/Route/Route_view.aspx?id=" + n.Id;
                    });
                    $("#secondName").text(n.CircuitryName).bind("click", function() {
                        window.location.href =  "../../Search/Route/Route_view.aspx?id=" + n.Id;
                    });
                    if (n.Intro1.length>120)
                        $("#secondIntro").html((n.Intro1.substring(0,120)+"...").replace(new RegExp("\n","ggm"),"<br>").replace(/ /g,"&nbsp;"));
                    else $("#secondIntro").html((n.Intro1).replace(new RegExp("\n","ggm"),"<br>").replace(/ /g,"&nbsp;"));
                            
                }
                else{
                   if (i>=2 && i<=9){
                        var item = $("#recommend_list_temp").clone();
                        item.find("a").text(n.CircuitryName);
                        item.find("a").attr("href","../../Search/Route/Route_view.aspx?id="+n.Id);
                        item.find("dd").text("￥"+n.ReferencePrice);
                        item.appendTo(firstContainer).show();
                    }
                    else{
                        var item = $("#recommend_list_temp").clone();
                        item.find("a").text(n.CircuitryName);
                        item.find("a").attr("href","../../Search/Route/Route_view.aspx?id="+n.Id);
                        item.find("dd").text("￥"+n.ReferencePrice);
                        item.appendTo(secondContainer).show();
                    }
                }
                
            });
        }
    }).execRequest_Json(null);
    
});

