// JavaScript Document

$(document).ready(function() {

  // contact form
  if($("#contact-subject").val() == "体験予約"){
	$("#trial").css("display","block");
  }
  $("#contact-subject").change(function(){
	if($(this).val() == "体験予約"){
	$("#trial").css("display","block");
	}else{
	$("#trial").css("display","none");
	}
  });

  // rollover fade
  $(".fade").hover(function(){
	$(this).fadeTo("fast", 0.7);
  },function(){
	$(this).fadeTo("fast", 1.0);
  });
  
  // smooth scroll
  $('a[href*=#anchor_]').click(function() {
  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
  && location.hostname == this.hostname) {
  var $target = $(this.hash);
  $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
  if ($target.length) {
  var targetOffset = $target.offset().top;
  $('html,body').animate({scrollTop: targetOffset}, 1000);
  return false;
  }
  }
  });
  $('area[href*=#anchor_]').click(function() {
  if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
  && location.hostname == this.hostname) {
  var $target = $(this.hash);
  $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
  if ($target.length) {
  var targetOffset = $target.offset().top;
  $('html,body').animate({scrollTop: targetOffset}, 1000);
  return false;
  }
  }
  });

});

// rollover image
function initRollOverImages() {
  var image_cache = new Object();
  $("img.swap").each(function(i) {
  var imgsrc = this.src;
  var dot = this.src.lastIndexOf('.');
  var imgsrc_on = this.src.substr(0, dot) + '-on' + this.src.substr(dot, 4);
  image_cache[this.src] = new Image();
  image_cache[this.src].src = imgsrc_on;
  if ($(this).hasClass('selected')) {
  this.src = imgsrc_on;
  } else {
  $(this).hover(
  function() { this.src = imgsrc_on; },
  function() { this.src = imgsrc; });
  }
  });
  $("input.swap").each(function(i) {
  var imgsrc = this.src;
  var dot = this.src.lastIndexOf('.');
  var imgsrc_on = this.src.substr(0, dot) + '-on' + this.src.substr(dot, 4);
  image_cache[this.src] = new Image();
  image_cache[this.src].src = imgsrc_on;
  $(this).hover(
  function() { this.src = imgsrc_on; },
  function() { this.src = imgsrc; });
  });
}
$(document).ready(initRollOverImages);