$(document).ready(function(){
 $.ajax({
   type:"POST",
   url:"../ashx/citys.ashx",
   success:function(data){
     var city = eval('('+data+')');
     var html = "";
     for(var i = 0;i<city.length;i++){
       html+="<li>";
       html+="<a href='javascript:void(0);' onclick = \"change("+city[i].id+",'"+city[i].cityname+"')\">";
       html+=city[i].cityname;
       html+="</a>";
       html+="</li>";
     }
     $("#cityname").html(html);
   },
   Error:function(data){
     alert(data);
   }
 });
})
function change(id,name)
{
  $("#ctitle").text(name+"主城区：");
  $.ajax({
    type:"POST",
    data:"id="+id,
    url:"../ashx/places.ashx",
    success:function(data)
    {
      var place = eval('('+data+')');
      var html = "";
      for(var i = 0;i<place.length;i++){
       html +="<li>";
       html +=place[i].placeName;
       html +="</li>";
      }
      $("#cplace").html(html);
    },
    error:function(data){
     alert(data);
    }
  })
}

function changeData(id)
{
    $.ajax({
    type:"POST",
    data:"id="+id,
    url:"../ashx/showPlace.ashx",
    success:function(data){
      var place = eval('('+data+')');
      var html = "";
      html +="<tr><th width='102'>地区</th><th width='200'>收费标准</th><th width='169'>上门费用</th><th width='222'>地区范围</th></tr>";
      for(var i = 0;i<place.length;i++)
      {
       html +="<tr>";
       html +="<td>";
       html +=place[i].placeName;
       html +="</td>"
       html +="<td>";
       html +=place[i].scope;
       html +="</td>"
       html +="<td>";
       html +=place[i].price;
       html +="元</td>"
       html +="<td>";
       html +=place[i].explain;
       html +="</td>"
       html +="</tr>";
      }
      $("#finfo").html(html);
    },
    error:function(data){
     alert(data);
    }
  })
}
//购买电脑分页
function pageShow(index,ulIndex,title)
{
  $.ajax({
   type:"POST",
   url:"../ashx/ShowData.ashx",
   data:"title="+title+"&&index="+index,
   success:function(data)
   {
     var datas = data.split("|");
     var json = eval('('+datas[1]+')');
     var html = "";
     for(var i = 0;i<json.length;i++)
     {
      html +="<li>";
      html +="<div class='border'>";
      html +="<div class='centerImg'>";
      html +="<span><a href='javascript:void(0);'>";
      html +="<img src='"+json[i].pdImg+"' />";
      html +="</a></span>";
      html +="</div>";
      html +="</div>";
      html +="<b><a href='javascript:void(0);'>";
      html +=json[i].ptitle+" "+json[i].pdtitle;
      html +="</a></b>";
      html +="<p>"+json[i].explain+"</p>";
      html +="<p>￥<span>";
      html +=json[i].nprice;
      html +="</span>市场价:￥<em>";
      html +=json[i].sprice;
      html +="</em></p>";
      html +="</li>";
     }
     $("#computer"+ulIndex).html(html);
     var count = datas[0] % 8 == 0 ? datas[0]/8:(datas[0]/8)+1;
     PageBinds(count,index,ulIndex,title);
   }
  })
}
function PageBinds(allPage,pageindex,ulindex,title)
{
  var flist = "",llist = "",phtml = "";
  var start = (pageindex + 5) > allPage?allPage-5:pageindex;
  var end = pageindex < 5 ? 5:pageindex + 5;
  if(start >= 5)
    flist = "...";
  if((pageindex + 5) < allPage)
    llist = "...";
  if(start < 1){start = 1};
  if(allPage < end){end = allPage};
  var first = pageindex > 1 ? "<a href='javascript:void(0);' onclick=\"pageShow("+(pageindex -1)+","+ulindex+",'"+title+"')\">上一页</a>" : "<a href='javascript:void(0)'>上一页</a>";
  phtml +="<li>"+first+"</li>";
  if(flist != "")
  {
   phtml +="<li><a href='javascript:void(0);' onclick=\"pageShow(1,"+ulindex+",'"+title+"')\">1</a></li>";
   phtml +="<li>"+flist+"</li>";
  }
  for(var i = start;i<=end;i++)
  {
    if(pageindex == i)
      phtml +="<li><a href='javascript:void(0);' onclick=\"pageShow("+pageindex+","+ulindex+",'"+title+"')\" class='current3'>"+pageindex+"</a></li>";
    else
      phtml +="<li><a href='javascript:void(0);'onclick=\"pageShow("+i+","+ulindex+",'"+title+"')\">"+i+"</a></li>";
  }
  if(llist != "")
  {
    phtml +="<li>"+llist+"</li>";
    phtml +="<li><a href='javascript:void(0);' onclick=\"pageShow("+allPage+","+ulindex+",'"+title+"')\">"+allPage+"</a></li>"   
  }
  var last = pageindex < allPage ? "<a href='javascript:void(0);' onclick=\"pageShow("+(pageindex +1) +","+ulindex+",'"+title+"')\">下一页</a>" : "<a href='javascript:void(0)'>下一页</a>";
  phtml +="<li>"+last+"</li>";
  $("#page"+ulindex).html(phtml);
}
//品牌商品
function pageShow2(index,ulIndex,title,id)
{
  $.ajax({
   type:"POST",
   url:"../ashx/ShowData2.ashx",
   data:"title="+title+"&&index="+index+"&&pinpai="+id,
   success:function(data)
   {
     var html = "";
     var datas = data.split("|");
     var json = eval('('+datas[1]+')');
     for(var i = 0;i<json.length;i++)
     {
      html +="<li>";
      html +="<div class='border'>";
      html +="<div class='centerImg'>";
      html +="<span><a href='javascript:void(0);'>";
      html +="<img src='"+json[i].pdImg+"' />";
      html +="</a></span>";
      html +="</div>";
      html +="</div>";
      html +="<b><a href='javascript:void(0);'>";
      html +=json[i].ptitle+" "+json[i].pdtitle;
      html +="</a></b>";
      html +="<p>"+json[i].explain+"</p>";
      html +="<p>￥<span>";
      html +=json[i].nprice;
      html +="</span>市场价:￥<em>";
      html +=json[i].sprice;
      html +="</em></p>";
      html +="</li>";
     }
     $("#computer"+ulIndex).html(html);
     PageBinds2(datas[0],index,ulIndex,title,id);
   }
  });
}
function PageBinds2(allPage,pageindex,ulindex,title,pid)
{
  if(allPage > 0)
  {
  var flist = "",llist = "",phtml = "";
  var start = (pageindex + 5) > allPage?allPage-5:pageindex;
  var end = pageindex < 5 ? 5:pageindex + 5;
  if(start >= 5)
    flist = "...";
  if((pageindex + 5) < allPage)
    llist = "...";
  if(start < 1){start = 1};
  if(allPage < end){end = allPage};
  var first = pageindex > 1 ? "<a href='javascript:void(0);' onclick=\"pageShow2("+(pageindex -1)+","+ulindex+",'"+title+"',"+pid+")\">上一页</a>" : "<a href='javascript:void(0)'>上一页</a>";
  phtml +="<li>"+first+"</li>";
  if(flist != "")
  {
   phtml +="<li><a href='javascript:void(0);' onclick=\"pageShow2(1,"+ulindex+",'"+title+"',"+pid+")\">1</a></li>";
   phtml +="<li>"+flist+"</li>";
  }
  for(var i = start;i<=end;i++)
  {
    if(pageindex == i)
      phtml +="<li><a href='javascript:void(0);' onclick=\"pageShow2("+pageindex+","+ulindex+",'"+title+"',"+pid+")\" class='current3'>"+pageindex+"</a></li>";
    else
      phtml +="<li><a href='javascript:void(0);'onclick=\"pageShow2("+i+","+ulindex+",'"+title+"',"+pid+")\">"+i+"</a></li>";
  }
  if(llist != "")
  {
    phtml +="<li>"+llist+"</li>";
    phtml +="<li><a href='javascript:void(0);' onclick=\"pageShow2("+allPage+","+ulindex+",'"+title+"',"+pid+")\">"+allPage+"</a></li>";   
  }
  var last = pageindex < allPage ? "<a href='javascript:void(0);' onclick=\"pageShow2("+(pageindex +1) +","+ulindex+",'"+title+"',"+pid+")\">下一页</a>" : "<a href='javascript:void(0)'>下一页</a>";
  phtml +="<li>"+last+"</li>";
  $("#page"+ulindex).html(phtml);
  }
}
//在线报修
function ShowNo()
{
document.getElementById("doing").style.display="none";
document.getElementById("divLogin").style.display="none";
}   
function showFloat()
{

showCity();
var range = getRange();
document.getElementById('doing').style.width = range.width + "px";
document.getElementById('doing').style.height = range.height + "px";
document.getElementById('doing').style.display = "block";
document.getElementById("divLogin").style.display="block";
}
//图片
function ShowNo2()
{
document.getElementById("bigImg").style.display="none";
document.getElementById("bigImg2").style.display="none";
}   
function showFloat2()
{

showCity();
var range = getRange();
document.getElementById('bigImg').style.width = range.width + "px";
document.getElementById('bigImg').style.height = range.height + "px";
document.getElementById('bigImg').style.display = "block";
document.getElementById("bigImg2").style.display="block";
}

function getRange()  
{
var top = document.body.scrollTop;
var left = document.body.scrollLeft;
var height = document.body.clientHeight;
var width = document.body.clientWidth;

if (top==0 && left==0 && height==0 && width==0)  
{
    top = document.documentElement.scrollTop;
    left = document.documentElement.scrollLeft;
    height = document.documentElement.clientHeight;
    width = document.documentElement.clientWidth;
}
   return {top:top ,left:left ,height:height ,width:width } ;
} 
function showCity()
{
  $.ajax({
   type:"POST",
   url:"../ashx/cityShow.ashx",
   success:function(data)
   {
     var json = eval('('+data+')');
     $("#onlineCity > option").remove();
     $("#onlineCity").append("<option value='0'>请选择</option>");
     for(var i = 0;i<json.length;i++)
     {
     $("#onlineCity").append("<option value='"+json[i].id+"'>"+json[i].cityname+"</option>");
     }
   }
  })
}
function indexChange()
{
var id = $("#onlineCity").val();
if(id != 0)
{
    $.ajax({
       type:"POST",
       url:"../ashx/CityPrice.ashx",
       data:"id="+id,
       success:function(data)
       {
         var json = eval('('+data+')');
         $("#onlinePlace > option").remove();
         $("#onlinePlace").append("<option value='0'>请选择</option>");
         for(var i = 0;i<json.length;i++)
         {
             $("#onlinePlace").append("<option id='p"+json[i].price+"' value='"+json[i].id+"'>"+json[i].placename+"</option>");
         }
       }
  });
  }else
    alert("请选择城市！");
}
function pIndexChange()
{
  var sval = $("#onlinePlace").val();
  if(sval != "0")
  {
   var price = $("#onlinePlace >option[value = '"+sval+"']").attr("id");
   var placePrice = price.substring(1,price.length);
   $("#lblprice").text(placePrice);
  }
  else
   alert("请选择市区");
}
function onlineSub()
{
if(onlineCheck())
 {
     var city = $("#onlineCity").val();
     var place = $("#onlinePlace").val();
     var txtOnlineTel = $("#txtOnlineTel").val();
     var txtonLineName = $("#txtOnlineName").val();
     var txtonLineAddress = $("#txtonLineAddress").val();
     var sex = $("#sex1").attr("checked") == true? 0 : 1;
     var reason = $("#reason").val();
     var json = city+","+place+","+txtOnlineTel+","+txtonLineName+","+txtonLineAddress+","+sex+","+reason;
     $.ajax({
       type:"POST",
       url:"../ashx/online.ashx",
       data:"contents="+escape(json),
       success:function(data)
       {
         if(data == "tr"){
           alert("您的保修信息已经提交，我们会尽快上门为您解决问题！");
           ShowNo();
         }else{
           alert("系统繁忙，请稍后再试！");
        }
       }
     })
 }
}
function onlineCheck()
{
 var city = $("#onlineCity").val();
 var place = $("#onlinePlace").val();
 var txtOnlineTel = $("#txtOnlineTel").val();
 var txtonLineName = document.getElementById("txtOnlineName").value.Trim;
 var txtonLineAddress = document.getElementById("txtonLineAddress").value.Trim;
 if(city == "0")
  {
    alert("请选择城市！");
    return false;
  }else if(place == "0"){
   alert("请选择城区！");
   return false;
  }else if(txtOnlineTel == ""){
    alert("请填写联系电话！");
    return false;
  }else if(txtonLineName == ""){
    alert("请填写姓名！");
    return false;
  }else if(txtonLineAddress == ""){
    alert("请填写详细信息！");
    return false;
  }else
    return true;
}