function changeBgColor(val) {
  $('body').css('background', val);
  $.ajax({
    url: "change_bgcolor.php",
    type: "post",
    data: ({bgcolor: val}),
    success: function(request) {
    }
  });
}

function formSend() {
  // error check
  var borderColor = '#f56120';
  $('.error').remove();
  $(':input').css('border-color','#000');
  if($(":input[name=soudan_shurui]").val() == 0) {
    $(":input[name=soudan_shurui]").css('border-color',borderColor).parent().append('<span class="error">選択してください</span>');
  }
  if($(":input[name=naiyou]").val() == '') {
    $(":input[name=naiyou]").css('border-color',borderColor).parent().append('<div class="error">入力してください</div>');
  }
  if($(":input[name=name]").val() == '') {
    $(":input[name=name]").css('border-color',borderColor).parent().append('<span class="error">入力してください</span>');
  }
  if($(":input[name=furi]").val() == '') {
    $(":input[name=furi]").css('border-color',borderColor).parent().append('<span class="error">入力してください</span>');
  }
  if($(":input[name=tel]").val() == '') {
    $(":input[name=tel]").css('border-color',borderColor).parent().append('<span class="error">入力してください</span>');
  }
  if($(":input[name=mail]").val() == '') {
    $(":input[name=mail]").css('border-color',borderColor).parent().append('<span class="error">入力してください</span>');
  } else if($(":input[name=mail]").val().match("^[0-9A-Za-z._\-]+@[0-9A-Za-z.\-]+$") == null) {
    $(":input[name=mail]").css('border-color',borderColor).parent().append('<span class="error">メールアドレスが正しくありません</span>');
  }
  if($(":input[name=doui]").attr("checked") == false) {
    $(":input[name=doui]").parent().append('<span class="error">同意いただけない場合は送信できません</span>');
  }
  
  if($('.error').size() == 0) {
    if(!confirm('送信してよろしいですか?')) return false;
    $.ajax({
      url: "send_form.php",
      type: "post",
      data: ({
	      soudan_shurui: $(":input[name=soudan_shurui]").val(),
	      naiyou: $(":input[name=naiyou]").val(),
	      keitai: $(":input[name=keitai]").val(),
	      shamei: $(":input[name=shamei]").val(),
	      name: $(":input[name=name]").val(),
	      furi: $(":input[name=furi]").val(),
	      tel: $(":input[name=tel]").val(),
	      mail: $(":input[name=mail]").val()
      }),
      success: function(request) {
	      $('#mailform').fadeOut('normal', function(){
	        $(this).html(request).fadeIn();
	      });
      }
    });
  }
}

function changeNavi(val) {
  clear_hover();
  reset_buttons();
  $('#navi-'+val).attr('src','img/navi/'+val+'_on.png');
  $('#navigation a').next().slideUp('fast');
}