/**
*--------------------------------------------
* 関東harekei 共通 taiken form js
*--------------------------------------------
*/

jQuery(function($){
  "use stric";

  //評価 スター幅 レスポンシブで変更
  var rating_ster_width;
  
  /**
  *--------------------------------------------
  * responsive
  *--------------------------------------------
  */
  var resp = new Responsive();
  resp.func();
  //星サイズ 
  if(resp.window_type === "pc"){
    rating_ster_width = "55px";
  }
  if(resp.window_type === "ipn"){
    rating_ster_width = "50px";
  }
  /*----------------------------------
  評価をhiddenセット
  -----------------------------------*/
  $("#form_submit").on("click",function(){
    var rating_num = $("#rating .counter").text();
    var ele = document.createElement("input");
    ele.setAttribute("type","hidden");
    ele.setAttribute("name","tk_rating");
    ele.setAttribute("value",rating_num);
    document.taiken_form.appendChild(ele);
  });

  $(".rateyo-readonly-widg").on("click",function(){
    var rating_num = $("#rating .counter").text();
    $("#rating .counter_result").text("評価" + rating_num + "で設定されました");
  });
  /*----------------------------------
  評価 rating
  ライブラリ
  http://www.harenchi.jp/js/lib/jquery.rateyo.js
  -----------------------------------*/
  var rating = $("#rating .counter").text();
  if(rating > 0){
    $("#rating .counter_result").text("評価" + rating + "で設定されました");
  }
  $(".rateyo-readonly-widg").rateYo({
    starWidth : rating_ster_width,
    rating: rating,
    numStars: 5,
    halfStar: true,
    precision: 2,
    minValue: 1,
    maxValue: 5
  }).on("rateyo.change", function (e, data) {
    $(".counter").text(data.rating);
  });

  /*----------------------------------
  form
  -----------------------------------*/
  var option_opacity = 0.3;
  var shop_select = $("#narrowshop");
  var girls_select = $("#narrowgirl");
  $(shop_select).change(function(){
    location.href = "./?shop=" + $(this).val();
  });
  $(girls_select).change(function(){
    location.href = "./?shop=" + $("#narrowshop").val() + "&girl=" + $(this).val();
  });
  if($(shop_select).val() === undefined || $(shop_select).val() === ""){
     setDefaltSelect();
  }
  //初期設定
  setRequest();

  /*----------------------------------
  shopselect
  -----------------------------------*/
  $("#shopselect").change(function(){
    COMMON.overlayLoadStart();
    var promise = girlsSelectAsync($(this).val());
    promise.then(COMMON.overlayLoadComplete);
    $("#checkForm").html(" ");
    $("#girl_thumb").html("");
    return false;
  });

  
  /*----------------------------------
  女性セレクト
  -----------------------------------*/
  $(".selectgirl").change(function(){
    COMMON.overlayLoadStart();
    $("#girl_thumb").html("");
    var myshop = $("#shopselect").val();
    var promise = $.when(checkListAsync(myshop,$(this).val()),thumbAsync(myshop,$(this).val()))
      //.then(loadComplete);
      ;
  });

  /*----------------------------------
  初期設定 リクエストセット
  -----------------------------------*/
  function setRequest(){
    var get = GetQueryString();
    if(!get.girl){
      get.girl = null;
    }
    if(typeof(tk_girlid) !== "undefined"){
      if(tk_girlid !== ""){
        get.girl = tk_girlid;
      }
    }
    if(typeof(tk_shopid) !== "undefined"){
      if(tk_shopid !== ""){
        get.shop = tk_shopid;
      }
    }
    if(get.shop){
      girlsSelectAsync(get.shop,get.girl);
      if(get.girl){
        COMMON.overlayLoadStart();
        checkListAsync(get.shop);
        thumbAsync(get.shop,get.girl);
      }
    }
  }
  /*----------------------------------
  サムネイル
  -----------------------------------*/
  function thumbAsync(myshop,girl){
    var d = new $.Deferred;
    var post = {};
    post = {
      "mode" : "get_thumb",
      "shop" : myshop,
      "girl" : girl,
    }
    $.ajax({
      type:"POST",
      url:"index.php",
      data:post,
      success: function(res){
        var promise = $("#girl_thumb").html(res);
        d.resolve();
      }
    }).done(function(){
      COMMON.overlayLoadComplete();
    });
    
  }
  /*----------------------------------
  ajax チェックリスト 
  -----------------------------------*/
  function checkListAsync(myshop){
    var tk_types = new Array();
    $(":hidden[name^=tk_types]").each(function(){
      tk_types.push($(this).val());
    });
    var tk_characters = [];
    $(":hidden[name^=tk_characters]").each(function(){
      tk_characters.push($(this).val());
    });
    var tk_plays = [];
    $(":hidden[name^=tk_plays]").each(function(){
      tk_plays.push($(this).val());
    });
    if(myshop == ''){
      myshop = "none";
    }
    var post = {};
    var post = {
      "mode" : "getcheckform",
      "shop" : myshop,
      "tk_types":tk_types,
      "tk_characters":tk_characters,
      "tk_plays":tk_plays,
    }
    $.ajax({
      type: "POST",
      url: "index.php",
      data: post,
      success: function(msg){
        $("#checkForm").html(msg);
      }
    });
  }

  /*----------------------------------
  ajax 女性リスト
  -----------------------------------*/
  function girlsSelectAsync(myshop,girl){
    var d = new $.Deferred;
    if(myshop == ''){
      myshop = "none";
    }
    $.ajax({
      type: "GET",
      url: "index.php",
      data: "mode=getgirlslist&shop="+myshop+"&girl="+girl,
      success: function(msg){
        $(".selectgirl").html(msg);
      }
    }).always(function(){
      d.resolve();
    });
    $("#checkForm").html(" ");
    return d;
  }

  /*----------------------------------
  女性セレクト
  -----------------------------------*/
  function setDefaltSelect(){
    $(girls_select).html("<option value=\"\">店舗を選択して下さい</option>");
    $(girls_select).css({opacity: option_opacity});
    $(girls_select).attr("disabled","disabled");
  }

  /*----------------------------------
  コンテンツ部分 fade
  -----------------------------------*/
  function loaderFade(){
    $(taiken_loader).css("opacity",0);
    $(taiken_loader).animate({
      "opacity":1,
      "marginTop":"0px",
    },600);
  }

  /*----------------------------------
  体験データ取得
  -----------------------------------*/
  function GetTaikenData(shop,girl_query,page_query){
    $.ajax({
      url : "./?mode=gettaikendata&shop="+shop+girl_query+page_query,
      type:"GET",
      datatype:"html",
      timeout:10000,
      error:function(){
        alert("読み込みが失敗しました");
      },
      success:function(html){
        $("#taiken_loader").html(html);
        loaderFade();
      }
    });
  }
  
  
  /*----------------------------------
  GET取得
  -----------------------------------*/
  function GetQueryString(){
    var result = {};
    if( 1 < window.location.search.length ){
      var query = window.location.search.substring(1);
      var parameters = query.split('&');
      for( var i = 0; i < parameters.length; i++ ){
        var element = parameters[ i ].split('=');
        var paramName = decodeURIComponent(element[0]);
        var paramValue = decodeURIComponent(element[1]);
        result[ paramName ] = paramValue;
      }
    }
    return result;
  }
});