﻿// JScript 文件

 var provinceList;
var cityList;
var startProvince = 0;
var endProvince = 0;
var inputAreaItem;
var isStartInput;
var startCity,endCity;
var area_loaded = false;

    /***************************************地点选择器*****************************************/

function ShowAreaSelect() {
        BOX_show("divArea");
        
        if( area_loaded ) {  
            if (isStartInput)
            {
                UpdateArea(startProvince, isStartInput);
                return false;
            }
            else
            {
                UpdateArea(endProvince, isStartInput);
                return false;
            }
        }
        area_loaded = true;
        $("#divArea").find(".area").empty();
        IIITripAJAX({
            service : AreaService().LoadCitys,
            params  : {mode:5},
            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();
                        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");
        $.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 );
                    if (isStartInput)
                    {
                        startCity = n.Id;
                        startProvince = n.ParentId;
                    }       
                    else 
                    {
                        endCity = n.Id;
                        endProvince = n.ParentId;
                    }
                    return false;
                });
                citys.append( city_item ); 
            } 
        });
    }

 /*****************************************************************地点选择器******************************************************/ 

/***************************************************************列表选择******************************************************************/
document.onclick   =function   aa()   
  {   
  var   parentID;
  if (window.event.srcElement.parentElement) window.event.srcElement.parentElement.id;   
  var myid=window.event.srcElement.id;
  if (myid!= "hotelType" && myid!="hotelClass" && parentID!="mySelect") HideSelect();
  }  
    var hotel_class=0;
    var hotel_type=0;
	var selectedItem;
	var nSelectedFlag = 0;
	var mytmp;
	function mOvr(a,nflag)
	{
		if (nflag == 1)
		{
			a.className = 'selected_item';
		}else{
			a.className = 'normal_item';
		}
	}
	function ShowMySelect(a,nContent)
	{
		HideSelect();
		selectedItem = a;
		nSelectedFlag = 1;
    	
    	var pos = [a.offsetLeft, a.offsetTop]; //首先获得该元素相对第一个非流布局父元素的位置    
    	var parentNode = a.offsetParent; //获得该元素的第一个非流布局父元素    
    	if (parentNode != a) {         
    		while (parentNode) {             
    			pos[0] += parentNode.offsetLeft;             
    			pos[1] += parentNode.offsetTop;            
    			parentNode = parentNode.offsetParent; //循环定义非流布局父元素        
    		}    
    	}		
		var b = document.getElementById('mySelect');
		//b.style.left = a.offsetLeft;
		//b.style.top = a.offsetTop + a.offsetHeight + 1;
		b.style.left = String(pos[0]) + 'px';
		b.style.top = String(pos[1] + a.offsetHeight + 1) + 'px';
		b.style.width = String(a.offsetWidth) + 'px';
		//if (nContent == 1) b.innerHTML = getProvince();
		if (nContent == 2) b.innerHTML = getHotelClass();
		if (nContent == 3) b.innerHTML = getHotelType();
		b.style.display = 'block';
	}
	function HideMySelect()
	{
		//document.getElementById('mySelect').style.display = 'none';
	}
	function getSelectedValue(a)
	{
		selectedItem.value = a.innerHTML;		
		HideSelect();
	}
	function HideSelect()
	{
		document.getElementById('mySelect').style.display = 'none';
	}
	function BodyClick()
	{
		if (nSelectedFlag == 0)
		{
			HideSelect();
		}
		nSelectedFlag = 0;
	}
	function getHotelClass()
	{
		var cstr1 = '';
		cstr1 = cstr1 + '<p class="normal_item" onmouseover="mOvr(this,1)" onmouseout="mOvr(this,0)" onclick="getSelectedValue(this);hotel_class=0;" >不限</p>\n';
		cstr1 = cstr1 + '<p class="normal_item" onmouseover="mOvr(this,1)" onmouseout="mOvr(this,0)" onclick="getSelectedValue(this);hotel_class=1;" >五星级/豪华</p>\n';
		cstr1 = cstr1 + '<p class="normal_item" onmouseover="mOvr(this,1)" onmouseout="mOvr(this,0)" onclick="getSelectedValue(this);hotel_class=2;" >四星级/高档</p>\n';
		cstr1 = cstr1 + '<p class="normal_item" onmouseover="mOvr(this,1)" onmouseout="mOvr(this,0)" onclick="getSelectedValue(this);hotel_class=3;" >三星级/舒适</p>\n';
		cstr1 = cstr1 + '<p class="normal_item" onmouseover="mOvr(this,1)" onmouseout="mOvr(this,0)" onclick="getSelectedValue(this);hotel_class=4;" >二星级及以下/经济</p>\n';
		return cstr1;
	}
	function getHotelType()
	{
		var cstr1 = '';
		cstr1 = cstr1 + '<p class="normal_item" onmouseover="mOvr(this,1)" onmouseout="mOvr(this,0)" onclick="getSelectedValue(this);hotel_type=0;" >不限</p>\n';
		cstr1 = cstr1 + '<p class="normal_item" onmouseover="mOvr(this,1)" onmouseout="mOvr(this,0)" onclick="getSelectedValue(this);hotel_type=1;" >酒店式公寓</p>\n';
		cstr1 = cstr1 + '<p class="normal_item" onmouseover="mOvr(this,1)" onmouseout="mOvr(this,0)" onclick="getSelectedValue(this);hotel_type=2;" >度假型酒店</p>\n';
		return cstr1;
	}
/***************************************************************列表选择******************************************************************/

$(document).ready(function ()
{
    $("#mainNav").find("#hotel_menu").find("a").attr("class","current");
    $("#startDate").bind("focus",function () {
        WdatePicker();
      });
    $("#endDate").bind("focus",function () {
        WdatePicker();
      });
      $("#city").bind("focus", function() {
            inputAreaItem = $("#city");
            isStartInput = true;
            ShowAreaSelect();
      });
    $("#btnSearch").bind("click",function() {
            if ($("#city").val()=="") {
                alert("所在地不能为空");
                return;
            }
            else if ($("#startDate").val()==""){
                alert("入住时间不能为空");
                return;
            }
            else if ($("#endDate").val()==""){
                alert("离店时间不能为空");
                return;
            }
            else if (!DateCheck($("#startDate").val(),$("#endDate").val())){
                alert("入住时间不能在离店时间之后！");
                return;
            }
            else if (!IsNum($("#priceStart").val()) || !IsNum($("#priceEnd").val())){
                alert("房价必须输入数字");
                return;
            }
            else if (!(Number($("#priceStart").val())<=Number($("#priceEnd").val()))){
                alert("房价范围错误");
                return;
            }
            else if ($("#hotelName").val().length>50){
                alert("酒店名称太长，请重新输入");
                return;
            }
            var querystring="";
            
            querystring+="city="+startCity;
            querystring+="&startDate="+$("#startDate").val();
            querystring+="&endDate="+$("#endDate").val();
            querystring+="&hotelName="+$("#hotelName").val();  
            querystring+="&hotelType="+hotel_type;
            querystring+="&hotelLevel="+hotel_class;          
            if($("#priceStart").val()=="")
            {
                querystring+="&priceStart=0";
            }
            else
            {
                querystring+="&priceStart="+$("#priceStart").val();
            }
            if($("#priceEnd").val()=="")
            {
                querystring+="&priceEnd=100000000";
            }
            else
            {
                querystring+="&priceEnd="+$("#priceEnd").val();
            }
            querystring +="&num=0";                
            window.open("../../Search/Hotel/Hotel_search_list.aspx?"+querystring);

      });
    IIITripAJAX({
        service : HotelService().GetRecommandHotels,
        params  : {},
        resultHanle : function(result) {
            var oData = result.Data;
            var container0=$("#recommend_list");
            var container1=$("#recommend_list_left");
            var container2=$("#recommend_list_right");
             $.each(oData,function(i,n) {
                if (i==0 || i==1 || i==2 || i==3){
                    
                    if(n.ProductImgB =="")
					{
						container0.find("#recommend_pic"+(1+i)).attr("src",ImgFormat("/images/hotel_img.gif"));
					}
					else
					{
						container0.find("#recommend_pic"+(1+i)).attr("src",ImgFormat(n.ProductImgB));
						container0.find("#recommend_pic"+(1+i)).error(function(){ container0.find("#recommend_pic"+(1+i)).attr("src",ImgFormat("/images/hotel_img.gif")); });
					}
                    container0.find("#recommend_name"+(i+1)).text(n.HotelName);
                    //*****************************************连接票务系统的判断*****************************************************
                    if(n.IfLinkSystem != 0)
                    {
                        container0.find("#recommend_name"+(i+1)).attr("href","../../Search/Hotel/Hotel_PiaoWu_reservation.aspx?id="+n.Id);
                    
                        container0.find("#recommend_img"+(i+1)).attr("href","../../Search/Hotel/Hotel_PiaoWu_reservation.aspx?id="+n.Id);
                    }
                    else
                    {
                        container0.find("#recommend_name"+(i+1)).attr("href","../../Search/Hotel/Hotel_view.aspx?id="+n.Id);
                        
                        container0.find("#recommend_img"+(i+1)).attr("href","../../Search/Hotel/Hotel_view.aspx?id="+n.Id);
                    }
                    //****************************************************************************************************************
                    
                    if (n.Intro1.length>120)
                        container0.find("#recommend_des"+(i+1)).html((n.Intro1.substring(0,120)+"...").replace(new RegExp("\n","ggm"),"<br>").replace(/ /g,"&nbsp;"));
                    else container0.find("#recommend_des"+(i+1)).html((n.Intro1).replace(new RegExp("\n","ggm"),"<br>").replace(/ /g,"&nbsp;"));
					
                }
                else{
                   if (i>=4 && i<=9){
                        var item = $("#recommend_list_temp").clone();
                        item.find("#hotelNameRec").text(n.HotelName);
                        item.find("#hotelNameRec").attr("href","../../Search/Hotel/Hotel_view.aspx?id="+n.Id);
                        item.find("dd").text("￥"+n.Price);
                        item.appendTo(container1).show();
                    }
                    else{
                        var item = $("#recommend_list_temp").clone();
                        item.find("dt").find("a").text(n.HotelName);
                        item.find("a").attr("href","../../Search/Hotel/Hotel_view.aspx?id="+n.Id);
                        item.find("dd").text("￥"+n.Price);
                        item.appendTo(container2).show();
                    }
                }
            });
        }
    }).execRequest_Json(null);
    IIITripAJAX({
        service : HotelService().GetHotHotels,
        params  : {},
        resultHanle : function(result) {
            var oData = result.Data;
            var container=$("#hot_list");
             $.each(oData,function(i,n) {
                var item = $("#hot_list_temp").clone();
                item.find("a").text(n.HotelName);
                item.find("a").attr("href","../../Search/Hotel/Hotel_view.aspx?id="+n.Id);
                item.appendTo(container).show();
            });
        }
    }).execRequest_Json(null);
    IIITripAJAX({
        service : HotelService().GetPromoteHotels,
        params  : {},
        resultHanle : function(result) {
            var oData = result.Data;
            var container=$("#promote_list");
             $.each(oData,function(i,n) {
                var item = $("#hot_list_temp").clone();
                item.find("a").text(n.HotelName);
                item.find("a").attr("href","../../Search/Hotel/Hotel_view.aspx?id="+n.Id);
                item.appendTo(container).show();
            });
        }
    }).execRequest_Json(null);    
});




