// JavaScript Document

$(function() {
  $('.slider-pro,.op-about').hide()
  $('.slider-pro,.op-about').fadeIn(400);
  $('.sp-footer img').each(function(){
    $(this).attr("src",$(this).attr("src").replace('/images/',"//i.stworld.jp/images/"));
  });
//  $(".sp-footer img").attr("src",$(".sp-footer img").attr("src").replace('/images/',"test"))
//  $(".sp-footer img").attr("src",$(".sp-footer img").attr("src").replace('/images/',"http://i.stworld.jp/images/"))
});

$(document).ready(function(){
  $( '#slider1' ).sliderPro({
    width: '100%',
    height: 630,
    fade: true,
    shuffle: true,
    buttons: false,
    autoplay: true,
    autoplayDelay: 4000,
    slideDistance: 0,
    fadeDuration: 1500,
    breakpoints: {
      640: {//表示方法を変えるサイズ
        height: 320,
      }
    }
    });
  });
  $(document).ready(function(){
  $( '#slider-wo' ).sliderPro({
    width: '190px',
    height: '210px',
    fade: true,
    shuffle: true,
    buttons: false,
    touchSwipe: false,
    autoplay: true,
    autoplayDelay: 4000,
    slideDistance: 0,
    fadeDuration: 1500,
    breakpoints: {
      640: {//表示方法を変えるサイズ
        height: 110,
      }
    }
    });
   });
$(document).ready(function(){
	var homenG = null;
	var homen = null;
	var city = null;

	$.chgArea = function(pushed){
		var homenG_val = $('#homenG').val().split("-");
		homenG = homenG_val[1];
		var homen_val = $('#homen').val().split("-");
		homen = homen_val[1];
		var city_val = $('#city').val().split("-");
		city = city_val[1];

		if ( pushed == "homenG" ){
			homen = null;
			city = null;
		}
		if ( pushed == "homen" ){
			city = null;
		}
		$.ajax({
			type:'GET',
			url:'/op/areaSearch.php',
			data: {
				homenG: homenG,
				homen: homen
			},
			dataType:'json',
			error:function() {
			},
			success:function(json){
				if ( !homenG ){
					$("#homenG").children().remove();
					$("#homen").children().remove();
					$("#city").children().remove();
					$('.easy-select-0').remove();
					$('.easy-select-1').remove();
					$('.easy-select-2').remove();
					for ( var i = 0; i < json.length; i++ ){
						$('#homenG').append($("<option>").val('homenG-'+json[i].code).text(json[i].name));
					}	
					$('#homen').append($("<option>").val('homen-').text("選択して下さい"));
					$('#city').append($("<option>").val('city-').text("選択して下さい"));
					$.renderBox('#homenG');
					$.renderBox('#homen');
					$.renderBox('#city');
				}else
				if ( ( homenG && !homen ) || pushed == "homenG" ){
					$("#homen").children().remove();
					$("#city").children().remove();
					$('.easy-select-1').remove();
					$('.easy-select-2').remove();
					for ( var i = 0; i < json.length; i++ ){
						$('#homen').append($("<option>").val('homen-'+json[i].code).text(json[i].name));
					}	
					$('#city').append($("<option>").val('city-').text("選択して下さい"));
					$.renderBox('#homen');
					$.renderBox('#city');
				}else
				if ( homen && pushed != "city" ){
					$("#city").children().remove();
					$('.easy-select-2').remove();
					for ( var i = 0; i < json.length; i++ ){
						$('#city').append($("<option>").val('city-'+json[i].code).text(json[i].name));
					}	
					$.renderBox('#city');
				}
			}
		});
	}
	$.renderBox = function(id){
		if (window.matchMedia('(min-width: 641px)').matches) {
			$(id).easySelectBox({
				speed:200,
				onClick:function(data){
					var pdval = data.value.split("-");
					$.chgArea(pdval[0]);
				}
			});
		}
	}
	$.chgArea('');
	if (!window.matchMedia('(min-width: 641px)').matches) {
		$('#homenG,#homen,#city').on('change',function(){
			$.chgArea($(this).attr("id").replace(/#/,''));
		});
	}
	$('#op_search').on('click',function(){
		if ( !homen ){
			alert('国名を選択して下さい。');
		}else{
			if ( city == "SYX" ){
				homen = "SYX";
				city = "";
			}
			var opquery = {
				cu: homen,
				ct: city
			}
    			var url = '/op_tour/?'+$.param(opquery);
			window.open(url);
		}
	});
  });

if (window.matchMedia('(min-width: 641px)').matches) {
	$(".design-select-box").easySelectBox({
			speed:200
	});
}

$(window).unload(function(){});
//