﻿var IncityId = 0;
function PageOnload() {
    document.getElementById("txtCityName").value = "上海";
    IncityId = 1;
    //LaodWeatch("上海",1);
    LoadLevelNumber(1); LoadGroup(1); LoadHotelArea(1); LoadAreaCategory(1);
    LoadRecommendHotel(1);

}
//加载天气预报
function LaodWeatch(cityName,day) {
    var weatchHtml = Web.HomePage.LoadWeather(cityName, day).value;
    if (weatchHtml != "") {
        document.getElementById("weatchid").innerHTML = weatchHtml;
        document.getElementById("weatchid").style.display = "";
    }
    else
        document.getElementById("weatchid").style.display = "none";
}

//城市检索
function SearchCity1() {
    var keyword = document.getElementById("txtCityName").value.Trim();
    var reg1 = /[?&#$*@!%^,.。，]/g;
    if (reg1.exec(keyword) || keyword.indexOf("like") != -1 || keyword.indexOf("or") != -1 || keyword.indexOf("and") != -1) {
        document.getElementById("errorcity").innerHTML = "有非法字符";
        document.getElementById("errorcity").className = "spanMess2";
        document.getElementById("cityChangeName").style.display = "none";
         return;
    }
    if (keyword != "") {
        var response = Web.HomePage.GetCityList(keyword);
        if (response.value != null && response.value.length > 0) {
            var htmls = "";
            document.getElementById("errorcity").innerHTML = "中文/拼音&nbsp;&nbsp;&nbsp;";
            document.getElementById("errorcity").className = "spanMess1";
            var slist = document.getElementById("cityChangeName");
            slist.style.display = "block";
            slist.style.position = "absolute";
            var objInput = document.getElementById("txtCityName");
            slist.style.top = getAbsoluteHeight(objInput) + getAbsoluteTop(objInput);
            slist.style.left = getAbsoluteLeft(objInput);
            for (var i = 0; i < response.value.length; ++i) {
                htmls += "<div onmouseover=\"this.className='sman_selectedStyle'\" onmouseout=\"this.className=''\" onmousedown='SelectOnclick1(" + response.value[i].CityId + ",\"" + response.value[i].City + "\")'><a href='javascript:void(0);'>" + response.value[i].City + "(" + response.value[i].CityPinYin + ")</a></div>";
                
            }
            
            slist.innerHTML = htmls;
        }
        else {
            document.getElementById("cityChangeName").style.display = "none";
                document.getElementById("errorcity").innerHTML = "请输入城市";
                document.getElementById("errorcity").className = "spanMess2";
        }
    }
    else {
        document.getElementById("errorcity").innerHTML = "中文/拼音&nbsp;&nbsp;&nbsp;";
        document.getElementById("errorcity").className = "spanMess1";
        var response = Web.HomePage.GetDefaultCity();
        if (response.value != null && response.value.length > 0) {
            var slist = document.getElementById("cityChangeName");
            var objInput = document.getElementById("txtCityName");
            slist.style.top = getAbsoluteHeight(objInput) + getAbsoluteTop(objInput);
            slist.style.left = getAbsoluteLeft(objInput);
            slist.style.display = "block";
            slist.style.position = "absolute";
            var htmls = "";
            for (var i = 0; i < response.value.length; ++i) {

                htmls += "<div onmouseover=\"this.className='sman_selectedStyle'\" onmouseout=\"this.className=''\" onmousedown='SelectOnclick1(" + response.value[i].CityId + ",\"" + response.value[i].City + "\")'><a href=\"javascript:void(0);\">" + response.value[i].City + "(" + response.value[i].CityPinYin + ")</a></div>";
            }
            
            slist.innerHTML = htmls;
        }
    }
}
//加载默认城市
function GetFoucsCity() { 
       document.getElementById("errorcity").innerHTML = "中文/拼音&nbsp;&nbsp;&nbsp;";
        document.getElementById("errorcity").className = "spanMess1";
        var response = Web.HomePage.GetDefaultCity();
        if (response.value != null && response.value.length > 0) {
            var slist = document.getElementById("cityChangeName");
            var objInput = document.getElementById("txtCityName");
            slist.style.top = getAbsoluteHeight(objInput) + getAbsoluteTop(objInput);
            slist.style.left = getAbsoluteLeft(objInput);
            slist.style.display = "block";
            slist.style.position = "absolute";
            var htmls = "";
            for (var i = 0; i < response.value.length; ++i) {

                htmls += "<div onmouseover=\"this.className='sman_selectedStyle'\" onmouseout=\"this.className=''\" onmousedown='SelectOnclick1(" + response.value[i].CityId + ",\"" + response.value[i].City + "\")'><a href=\"javascript:void(0);\">" + response.value[i].City + "(" + response.value[i].CityPinYin + ")</a></div>";
            }

            slist.innerHTML = htmls;
        }
}
//选择城市
function SelectOnclick1(cityid, cityname) {
    IncityId = cityid;
    document.getElementById("cityChangeName").style.display = "";
    document.getElementById("txtCityName").value = cityname;
//    LoadLevelNumber(cityid); LoadGroup(cityid); LoadHotelArea(cityid); LoadAreaCategory(cityid); LoadRecommendHotel(cityid);

}
 
//加载推荐酒店
function LoadRecommendHotel(id) {
    var response = Web.HomePage.GetRecommendHotel(id);
    var htmls = "";
     if (response.value != null && response.value.length > 0) {
           htmls = "<table width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\"><tr><td style=\"height:25px; width:49%\" align=\"left\">";
         var count = response.value.length;

         var k = parseInt(count / 2);
         if (count % 2 != 0)
             k = parseInt(count / 2)+1;
         htmls += " <table  width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\">";
         for (var i = 0; i < k; i++)
         { 
             htmls +="<tr><td width=\"45%\" align=\"left\">";
             htmls += "<a  title='" + response.value[i].Name + "' href='hotel/ShowStore.aspx?intCity=" + id + "&storeid=" + response.value[i].HotelId + "&type=1&pageIndex=0'class=\"sYhbll\">";
             htmls +=CheckStringLength(response.value[i].Name,8)+"</a></td>";
             htmls +="<td width=\"20%\" align=\"left\">￥"+response.value[i].UserPrice+"起</td>";
             htmls +="<td width=\"35%\" align=\"left\">返现:￥"+response.value[i].UserCommission+"起</td> </tr>";
         }
         htmls+="</table></td><td style=\"width:3%\"><br /></td><td style=\"height:25px; width:48%\" align=\"left\">";
         htmls+=" <table  width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\">";
        
         for( var j=k;j<count;j++)
         {
            htmls +="<tr><td width=\"45%\" align=\"left\">";
            htmls += "<a  title='" + response.value[j].Name + "' href='hotel/ShowStore.aspx?intCity=" + id + "&storeid=" + response.value[j].HotelId + "&type=1&pageIndex=0'class=\"sYhbll\">";
             htmls +=CheckStringLength(response.value[j].Name,8)+"</a></td>";
             htmls +="<td width=\"20%\" align=\"left\">￥"+response.value[j].UserPrice+"起</td>";
             htmls +="<td width=\"35%\" align=\"left\">返现:￥"+response.value[j].UserCommission+"起</td> </tr>";
         }
         htmls += "</table></td> </tr></table>";
     }
     document.getElementById("RecommendHotel").innerHTML = htmls;
}

//加载星级酒店数
function LoadLevelNumber(inCityid) {
    var response = Web.HomePage.GetCountByLevel(inCityid);
    if (response.value != null && response.value.length > 0) {
        for (var i = 0; i < 7; ++i) {
            var id = "level" + i.toString();
            document.getElementById(id).innerText = response.value[i];
        }
    }
}
//加载酒店集团/品牌
function LoadGroup(incityId) {
    var response = Web.HomePage.LoadHotelGroup(incityId);
    var htmls = "<ul>";
    if (response.value != null && response.value.length > 0) {
        var leng = response.value.length;
        for (var i = 0; i < leng; ++i) {
            htmls += "<li><a class=\"sYhbll\" title='";
            htmls += response.value[i].GroupName + "' href='Hotel/searchhotel.aspx?sort=addtime&intCity=" + incityId + "&hotelgroup=" + response.value[i].GroupId + "&type=1&pageIndex=0'>";
            var groupname = CheckStringLength(response.value[i].GroupName, 5);
            htmls += groupname + "(" + response.value[i].Number + ")</a></li>";
        }
    }
    htmls += "</ul>";
    document.getElementById("hotelSixDiv").innerHTML = htmls;
}
//加载热门酒店区
function LoadHotelArea(inCityid) {
    var response = Web.HomePage.LoadGoodArea(inCityid, 1);
    var htmls = "<ul>";
    if (response.value != null && response.value.length > 0) {
        var leng = response.value.length;
        for (var i = 0; i < leng; ++i) {
            htmls += "<li><a class=\"sYhbll\" title='" + response.value[i].AreaName + "'";
            htmls += "  href='Hotel/searchhotel.aspx?sort=addtime&intCity=" + inCityid + "&areaid=" + response.value[i].FatherAreaId + "&zareazid=" + response.value[i].AreaId + "&type=1&pageIndex=0'>";
            var areaname = CheckStringLength(response.value[i].AreaName, 4);
            htmls += areaname + " (" + response.value[i].Number + ")</a></li>";
        }
    } htmls += "</ul>";
    document.getElementById("hotelThreeDiv").innerHTML = htmls;
}

//加载地区分类
function LoadAreaCategory(cityid) {
    var response = Web.HomePage.LoadSection(cityid, 1);
    var htmls = "<ul>";
    if (response.value != null && response.value.length > 0) {
        var leng = response.value.length;
        for (var i = 0; i < leng; ++i) {
            htmls += "<li><a class=\"sYhbll\" title='" + response.value[i].AreaName + "'";
            htmls += "  href='Hotel/SearchHotel.aspx?sort=addtime&intCity=" + cityid + "&areaid=" + response.value[i].AreaId + "&type=1&pageIndex=0'>";
            var name = CheckStringLength(response.value[i].AreaName, 4);
            htmls += name + "( " + response.value[i].Number + ")</a></li>";
        }
    } htmls += "</ul>";
    document.getElementById("hotelFourDiv").innerHTML = htmls;
}
//截取字符
function CheckStringLength(info, max) {
    var str = info;
    if (info.length > max) {
        str = info.substring(0, max) + "...";
    }
    return str;
}

//加载切换城市列表
function LoadSelectCity() {
    var response = Web.HomePage.ChangeCityList();
    var divhtmls = "<table><tr>";
    if (response.value != null && response.value.length > 0) {
        var leng = response.value.length;
        for (var i = 0; i < leng; ++i) {

            if (i % 5 == 0 && i != 0) divhtmls += "</tr><tr>";
            divhtmls += "<td style=\" width:20%;\"><a class=\"sYhbll\"  href='javascript:void(0)'  onclick=\"ChangeCity(" + response.value[i].CityId + ",'" + response.value[i].City + "');\">";
            divhtmls += response.value[i].City + "</a></td>";
        }
    }
    divhtmls += "</tr></table>";
    document.getElementById("ChangeCityList").innerHTML = divhtmls;
}
//选择切换城市
function ChangeCity(cityid, cityName) {
    IncityId = cityid;
    document.getElementById("ChangeCityList").style.display = "none";
    document.getElementById("txtCityName").value = cityName;
    LoadLevelNumber(cityid); LoadGroup(cityid); LoadHotelArea(cityid); LoadAreaCategory(cityid);
    LoadRecommendHotel(cityid);
}

//弹出切换城市框
function HotelPagemcl(show, div, btn) {
    var objdiv = document.getElementById(div); var objbtn = document.getElementById(btn);
    if (objdiv && objbtn) {
        if (show) {
            objdiv.style.display = "block";
            objdiv.style.postop = (objbtn.offsetTop + objbtn.offsetHeight + 10) + "px";
            objdiv.style.position = "absolute";
        }
        else {
            objdiv.style.display = "none";

        }
    }
}

function Search() {
    var cityName = document.getElementById("txtCityName").value.Trim();
    var reg1 = /[?&#$*@!%^,.。，]/g;
    var keyword = document.getElementById("txtKeyWords").value.Trim();
    if (reg1.exec(keyword) || keyword.indexOf("like") != -1 || keyword.indexOf("or") != -1 || keyword.indexOf("and") != -1) 
    { alert("您的输入中有非法字符,请重新输入"); return; }
    if (cityName != "") {
        var response = Web.HomePage.CheckCityIsno(cityName);
        if (response.value == IncityId) {
            var keyword = document.getElementById("txtKeyWords").value.Trim();
            keyword = StrCode(keyword);
            var url = "";
            if (keyword != "")
                url = "/Hotel/SearchHotel.aspx?sort=addtime&intCity=" + IncityId + "&type=1&pageIndex=0&kd=" + keyword;
            else
                url = "/Hotel/SearchHotel.aspx?sort=addtime&intCity=" + IncityId + "&type=1&pageIndex=0";
            window.location.href = url;
        }
    }

}

function HiddenorShow() {
        document.getElementById("ChangeCityList").style.display = "none";
}

function GetUrl(id, level) {
    window.location.href = "Hotel/searchhotel.aspx?sort=addtime&intCity=" + IncityId + "&amp;hotellevel=" + level + "&amp;pageIndex=0";
}

function getUrl_hotelOne(typeid) {
    window.location.href = "Hotel/orderhotel.aspx?intCity=" + IncityId + "&amp;typeid=" + typeid + "&amp;pageIndex=0";
}
//城市框失去焦点
function cityNameBolur() {
    var cityName = document.getElementById("txtCityName").value.Trim();
  
    if (cityName != "") {
        var response = Web.HomePage.CheckCityIsno(cityName);
        if (response.value != 0) {
            IncityId = response.value;
          //  LaodWeatch(cityName,1);
            LoadLevelNumber(IncityId); LoadGroup(IncityId); LoadHotelArea(IncityId);
            LoadAreaCategory(IncityId); LoadRecommendHotel(IncityId);
          
        }
        else {
            document.getElementById("errorcity").innerHTML = "请输入城市";
            document.getElementById("errorcity").className = "spanMess2";
        }
    }
    //document.getElementById("ChangeCityList").style.display = "none";
    document.getElementById("cityChangeName").style.display = "none";
}
function hiddleChangeCity(isShow) {
    if (isShow) {
        document.getElementById("cityChangeName").style.display = "block";
        document.getElementById("cityChangeName").style.position = "absolute";
    }
    else
        document.getElementById("cityChangeName").style.display = "none";

}
 
function getAbsoluteHeight(ob) {
    return ob.offsetHeight
}
function getAbsoluteWidth(ob) {
    return ob.offsetWidth
}
function getAbsoluteLeft(ob) {
    var s_el = 0; el = ob; while (el) { s_el = s_el + el.offsetLeft; el = el.offsetParent; }; return s_el
}
function getAbsoluteTop(ob) {
    var s_el = 0; el = ob; while (el) { s_el = s_el + el.offsetTop; el = el.offsetParent; }; return s_el
}