// JavaScript Document

// ロールオーバー
function initRollOverImages() {
  var image_cache = new Object();
  $("img.rover,input.rover").each(function(i) {
    var imgsrc = this.src;
    var dot = this.src.lastIndexOf('.');
    var imgsrc_ro = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
    image_cache[this.src] = new Image();
    image_cache[this.src].src = imgsrc_ro;
    $(this).hover(
      function() { this.src = imgsrc_ro; },
      function() { this.src = imgsrc; });
  });
}

$(document).ready(initRollOverImages);


//メニューアクティブ化
//画面ロード時にimgタグを_onの付いた画像に張り替える
function Menu_active(id){
	
	var target_img = "img#"+id;	
	$(target_img).each(function(i){
		var dot = this.src.lastIndexOf('.');
    	var imgsrc_ro = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
		this.src = imgsrc_ro;
		
		//既に割り当てられているロールオーバー関数を上書き
		$(this).hover(
		  function() { this.src = imgsrc_ro; },
		  function() { this.src = imgsrc_ro; });
		
	});
}


//スワップイメージ
var detailCaption_img = "div#caption-area p.photo img";

var thumPict_class_active = "active";
var thumPict_class_hover  = "on";

function MainPhoto_init() {
	//first pict change active
	$("ul#thum li:first img").addClass(thumPict_class_active);

	$("ul#thum li").each(function() {
		//click action
		$("img" , this).hover(
			function(){ $(this).addClass(thumPict_class_hover); },
			function(){ $(this).removeClass(thumPict_class_hover); }
		);
		$("img" , this).click(function() {
			changeMainPhoto(this);
			$("ul#thum li img."+thumPict_class_active).removeClass(thumPict_class_active);
			$(this).addClass(thumPict_class_active);
		});
	});
}

//thumbnail pict click -> change photo
function changeMainPhoto(photoObj) {
	var photo_src = $(photoObj).attr("src").replace("_thum","");
	$(detailCaption_img).attr("src" , photo_src);
}

$(function(){
    MainPhoto_init();
});