/*
 * setting.js
 * よく使うjsをまとめて記述する
 * Copyright (c) 2010 Ability Consultant
 *
 */


// IE pngfix
$(document).ready(function(){
	$(document).pngFix();
});



// 画像切替
function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        // Alternatively you could use:
        // (new Image()).src = this;
    });
}

// Usage:

preload([
    'images/img_sea01.jpg"',
    'images/img_sea02.jpg',
    'images/img_sea03.jpg',
		
		'images/img_kumano01.jpg',
    'images/img_kumano02.jpg',
		'images/img_kumano03.jpg',
		
		'images/img_large01.jpg',
    'images/img_large02.jpg',
    'images/img_large03.jpg',
		
		'images/imperial/img_inperial01.jpg',
		'images/imperial/img_inperial02.jpg',
		'images/imperial/img_inperial03.jpg',
		'images/imperial/img_inperial04.jpg',
		
		'images/pool/img_onsui01.jpg"',
    'images/pool/img_onsui02.jpg',
		
		'images/pool/img_garden01.jpg',
    'images/pool/img_garden02.jpg',
		
		'images/pet/img_log01.jpg',
    'images/pet/img_log02.jpg',
		
		'images/loyal/img_loyal01.jpg',
		'images/loyal/img_loyal02.jpg',
		'images/loyal/img_loyal03.jpg',
		'images/loyal/img_loyal04.jpg',
		
		'images/bay/img_bay01.jpg',
		'images/bay/img_bay02.jpg',
		'images/bay/img_bay03.jpg',
		'images/bay/img_bay04.jpg',
		
		'images/corner/img_corner01.jpg',
		'images/corner/img_corner02.jpg',
		
		'images/special/img_special01.jpg',
		'images/special/img_special02.jpg',
		
		'images/tearoom/img_tearoom01.jpg',
		'images/tearoom/img_tearoom02.jpg',
		'images/tearoom/img_tearoom03.jpg',
		
		'images/tatamiroom/img_tatamiroom01.jpg"',
   		'images/tatamiroom/img_tatamiroom02.jpg',
		'images/tatamiroom/img_tatamiroom03.jpg',
		
		'images/wamodern/img_wamodern01.jpg',
   		'images/wamodern/img_wamodern02.jpg',
		'images/wamodern/img_wamodern03.jpg',
		
		'images/familyroom/img_familyroom01.jpg',
   		'images/familyroom/img_familyroom02.jpg',
		
		'images/twinroom/img_twinroom01.jpg',
		'images/twinroom/img_twinroom02.jpg',
		'images/twinroom/img_twinroom03.jpg',
		
		'images/doubleroom/img_doubleroom01.jpg',
		'images/doubleroom/img_doubleroom02.jpg',
]);


$(document).ready( function() {
  $(".bt_sea a").click( function() {
		$(".bt_sea a").removeClass("active");
		$(this).addClass("active");
		var changeSrc = $(this).attr("href");
    $("#sea_photo img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn();
      }
    );
		return false;
  });
	
	$(".bt_kumano a").click( function() {
		$(".bt_kumano a").removeClass("active");
		$(this).addClass("active");
		var changeSrc = $(this).attr("href");
    $("#kumano_photo img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn();
      }
    );
		return false;
  });
	
	$(".bt_large a").click( function() {
		$(".bt_large a").removeClass("active");
		$(this).addClass("active");
		var changeSrc = $(this).attr("href");
    $("#large_photo img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn();
      }
    );
		return false;
  });
	
	$(".bt_onsui a").click( function() {
		$(".bt_onsui a").removeClass("active");
		$(this).addClass("active");
		var changeSrc = $(this).attr("href");
    $("#onsui_photo img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn();
      }
    );
		return false;
  });
	
	$(".bt_garden a").click( function() {
		$(".bt_garden a").removeClass("active");
		$(this).addClass("active");
		var changeSrc = $(this).attr("href");
    $("#garden_photo img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn();
      }
    );
		return false;
  });
	
	$(".bt_log a").click( function() {
		$(".bt_log a").removeClass("active");
		$(this).addClass("active");
		var changeSrc = $(this).attr("href");
    $("#log_photo img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn();
      }
    );
		return false;
  });
	
	$(".bt_inperial a").click( function() {
		$(".bt_inperial a").removeClass("active");
		$(this).addClass("active");
		var changeSrc = $(this).attr("href");
    $("#inperial_photo img").fadeOut(
      "slow",
      function() {
        $(this).attr("src", changeSrc);
        $(this).fadeIn();
      }
    );
		return false;
  });
});