$(document).ready(function(){
  $("body").append('<div id="zaisekisortDummy"><table><tr><td valign="middle" align="center"><img src="http://www.harenchi.co.jp/yokohama/images/icon/ajax-loader.gif" /><br>NOW LOADING</td></tr></table></div>');
  $('#zaisekisortDummy').css("display","none");
  var query = Basic.GetQueryString();
  if (query.sortlist) {
      zaisekisortFunc(query.sortlist);
  }
});

function zaisekisortFunc(query_mode){
  //動作モード
  if (typeof(query_mode) === 'undefined') {
    var mode = document.zaisekiform.zaisekisort.value;
  } else {
      var mode = query_mode;
  }
  //var mode = document.zaisekiform.zaisekisort.value;
  window.history.replaceState('','','/zaiseki/?sortlist='+mode);

  //全面を覆うdivを生成。
  winHeight = $(window).height()+"px";
  winWidth = $(window).width()+"px";
  $("#zaisekisortDummy").css({"display":"block","background":"#fff","width":winWidth,"height":winHeight,"position":"absolute","top":0,"left":0,"z-index":100,"opacity":0.8,"text-align":"center","vertical-align":"middle","font-size":"18px"})
  document.getElementById('zaisekisortDummy').style.top = (document.body.scrollTop ||document.documentElement.scrollTop) + 0 + 'px';
  $("#zaisekisortDummy table").css({"width":winWidth,"height":winHeight});
  
  //変数初期設定
  var girls = new String();
  
  //非同期通信開始 ※jquery依存
  $.ajax({
    url:  '/zaiseki/?mode='+mode,
    type:"get",
    datatype:"xml",
    timeout:10000,
    error:function(){
      alert("読み込み失敗");
    },
    success: function(xml){
      $(xml).find('girl').each(function(){
        var icon = new String();
        id = $(this).find('id').text();
        name = $(this).find('name').text();
        height = $(this).find('height').text();
        bust = $(this).find('bust').text();
        cup = $(this).find('cup').text();
        waist = $(this).find('waist').text();
        hip = $(this).find('hip').text();
        age = $(this).find('age').text();
        img = $(this).find('img').text();
        newface = $(this).find('newface').text();
        syukkins = $(this).find('syukkin').text();
        diary = $(this).find('diary').text();

        
        basic_play = $(this).find('basic_play').text();
        kounai = $(this).find('kounai').text();
        skin = $(this).find("skin").text();
        tobacco = $(this).find("tobacco").text();
        attend = $(this).find("attend").text();
        blood = $(this).find('blood').text();
        
        his = $(this).find("history").text();
        paipan = $(this).find("paipan").text();
        type = $(this).find("type").text();
        micro = $(this).find("micro").text();
        anime = $(this).find("anime").text();
        kurokami = $(this).find("kurokami").text();
        threep = $(this).find("threep").text();
        tatoo = $(this).find("tatoo").text();
        tattoo = $(this).find("tattoo").text();
        
        leave = $(this).find('leave').text();
        bonyu = $(this).find('bonyu').text();
        move = $(this).find('move').text();
        movedshop = $(this).find('movedshop').text();
        
        //新人はcssクラスつけます。
        if(newface){
          newface = ' newface';
        }
        
        //本日出勤。
        if(syukkins){
          syukkins = '      <p class="icon_honjitsu"><img src="'+syukkins+'" alt="本日出勤" /></p>'+"\n";
        }
        // diary
        if (diary) {
          diary = '<p class=\"icon_diary\"><img src="'+diary+'" alt="日記更新"></p>'+"\n";
        }
        
        //この下は各個別項目
        
        //口内発射
        if(mode == "basic_play" || mode == "kounai"){
          if(basic_play){
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/kounai.png" alt="口内発射OK" /></p>'+"\n";
          }else if(kounai){
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/kounai.png" alt="口内発射OK" /></p>'+"\n";
          }else if(skin==1){
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/skin.png" alt="ゴム着用" /></p>'+"\n";
          }else{
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/kounai_ng.png" alt="口内発射NG" /></p>'+"\n";
          }
        }
        //タバコ吸う？吸わない？
        if(mode == "tobacco"){
          if(tobacco == "吸わない"){
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/notsmoke.png" alt="タバコ吸いません" /></p>'+"\n";
          }else{
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/smoke.png" alt="タバコ吸います" /></p>'+"\n";
          }
        }
        
        //出勤
        if(mode == "attend"){
          if(attend == "早番"){
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/hayaban.png" alt="早番" /></p>'+"\n";
          }else if(attend == "遅番"){
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/osoban.png" alt="遅番" /></p>'+"\n";
          }else if(attend == "TEL"){
            icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/tel.png" alt="TEL確認" /></p>'+"\n";
          }
        }
        
        //血液型。
        if(mode == "blood" && blood){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/blood'+blood+'.png" alt="'+blood+'型" /></p>'+"\n";
        }
        
        //paipan。
        if(mode == "paipan" && paipan){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/paipan.png" alt="パイパン" /></p>'+"\n";
        }
        
        //母乳。
        if(mode == "bonyu" && bonyu){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/bonyu.png" alt="母乳" /></p>'+"\n";
        }
        
        //履歴
        if(mode == "history"){
          if(his == "×１" || his == "batu"){
            his = 'batsu';
          }else if(his == "未婚" || his == "mikon"){
            his = 'mikon';
          }else if(his == "人妻" || his == 'wife'){
            his = 'hitoduma';
          }else if(his == "独身"){
            his = 'dokushin';
          }
          
          
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/'+his+'.png" alt="'+his+'" /></p>'+"\n";
        }
        
        //タイプ
        if(mode == "type" && type){
          if(type == "攻め派"){
            type = 'seme';
          }else if(type == "受け派"){
            type = 'uke';
          }else if(type == "万能派"){
            type = 'bannou';
          }else if(type == "癒し派"){
            type = 'iyashi';
          }
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/'+type+'.png" alt="'+type+'" /></p>'+"\n";
        }
        
        //ミクロ
        if(micro && mode =="micro"){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/micro.png" alt="ミクロ" /></p>'+"\n";
        }
        
        //黒髪
        if(kurokami && mode =="kurokami"){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/kurokami.png" alt="黒髪" /></p>'+"\n";
        }
        
        //アニメ声
        if(anime && mode =="anime"){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/anime.png" alt="アニメ声" /></p>'+"\n";
        }
        
        //アニメ声
        if(threep && mode =="threep"){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/3p.png" alt="3POK" /></p>'+"\n";
        }
        //タトゥー
        if(tatoo=="あり" && mode =="tatoo"){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/tatoo.png" alt="tatooあり" /></p>'+"\n";
        }
        //タトゥー
        if(tattoo=="有" && mode =="tattoo"){
          icon = '      <p class="icon"><img src="http://www.harenchi.co.jp/yokohama/images/icon/tatoo.png" alt="tatooあり" /></p>'+"\n";
        }
        
        
        //退店のときと表示はもちろん変えます。
        if(leave){
          girls += '    <div class="girl'+newface+'">'+"\n";
          girls += '      <h4><img src="'+img+'" alt="'+name+'" />'+name+'</h4>'+"\n";
          girls += '      <p>退店</p>'+"\n";
          girls += '    </div>'+"\n";
        }else if(move){
          girls += '    <div class="girl'+newface+'">'+"\n";
          girls += '      <h4><img src="'+img+'" alt="'+name+'" />'+name+'</h4>'+"\n";
          girls += '      <p><a href="'+move+'" target="_blank">'+movedshop+'</a>へ移籍</p>'+"\n";
          girls += '    </div>'+"\n";
        }else{
          girls += '    <div class="girl'+newface+'">'+"\n";
          girls += '      <h4><a href="/zaiseki/'+id+'/" title="'+name+'プロフィールページへ"><img src="'+img+'" alt="'+name+'" />'+name+'</a></h4>'+"\n";
          girls += '      <p>'+age+'歳 T.'+height+'</p>'+"\n";
          girls += '      <p>'+bust+'('+cup+')-'+waist+'-'+hip+'</p>'+"\n"+syukkins+icon+diary;
          girls += '    </div>'+"\n";
        }
        
      });
      
      $('#zaisekisort').html(girls)
        .css("display","none");
      $("#zaisekisortDummy").css({"display":"none","width":"1px","height":"1px"});

      $('#zaisekisort').fadeIn("slow");
    }
  });
  
  
  window.onscroll = function(){
    document.getElementById('zaisekisortDummy').style.top = (document.body.scrollTop ||document.documentElement.scrollTop) + 0 + 'px';
  }
}