//-----------------------------------------------------
//image changer for details
//-----------------------------------------------------

/*
	$(function(){
		$('#changer li a').click(function(){
			$('#changer li').removeClass('current');
			$(this).parent().addClass('current');
			$('#photo').attr('src',$(this).attr('href')).attr;
			$('#link').attr('href',$(this).find('img').attr('src').replace('_s_','_l_'));
			return false;
		});
	});

*/



	var ie = (navigator.userAgent.indexOf("MSIE") != -1)? true : false;

	function mainResize() {
		$("#holder img").each(function(){
			var obj = $(this);
			obj.removeAttr("width").removeAttr("height");

			if (ie) {
				var w = obj.width();
				var h = obj.height();

				var ratio = 453/298;

				if (w/h > ratio){
					var gap = ( 298 - h*453/w )*0.5;
					obj.attr("width","453").css("margin-top",gap);
				} else if (w/h < ratio){
					obj.attr("height","298");
				} else {
					obj.attr("width","453").attr("height","298");
				}
			} else {
				obj.bind("load", function(){
					var w = obj.width();
					var h = obj.height();

					var ratio = 453/298;

					if (w/h > ratio){
						var gap = ( 298 - h*453/w )*0.5;
						obj.attr("width","453").css("margin-top",gap);
					} else if (w/h < ratio){
						obj.attr("height","298");
					} else {
						obj.attr("width","453").attr("height","298");
					}
				});
			}

		});
	}

	function thumbnailResize() {
		$("#changer img").each(function(){
			var obj = $(this);
			obj.removeAttr("width").removeAttr("height");

			if (ie) {
				var w = obj.width();
				var h = obj.height();

				var ratio = 83/54;

				if (w/h > ratio){
					var gap = (( 54 - h*83/w )*0.5 +1);
					obj.attr("width","83").css("margin-top",gap);
				} else if (w/h < ratio){
					obj.attr("height","54");
				} else {
					obj.attr("width","83").attr("height","54");
				}
			} else {
				obj.bind("load", function(){
					var w = obj.width();
					var h = obj.height();

					var ratio = 83/54;

					if (w/h > ratio){
						var gap = (( 54 - h*83/w )*0.5 +1);
						obj.attr("width","83").css("margin-top",gap);
					} else if (w/h < ratio){
						obj.attr("height","54");
					} else {
						obj.attr("width","83").attr("height","54");
					}
				});
			}

		});
	}

	$.switchImage = {

		thumbnail: "",
		thumbnail_anchor: "",
		
		init : function () {

			// サムネイル
			$.switchImage.thumbnail = $("#changer");
			$.switchImage.thumbnail_anchor = $("#changer li a");

			// 初期設定
			$("#holder a:first-child").css("display","block");
			$("#changer li:first-child").addClass("current");

			// イベントを追加
			$.switchImage.thumbnail_anchor.bind("click", this.change);

		},
		change : function () {
			var $obj = $(this);
			var $parent = $obj.closest("li");
			var $no = $obj.attr("title");

			
			// サムネイル　カレント削除
			$.switchImage.thumbnail.find("li").removeClass("current");
			
			// サムネイル　カレント追加
			$obj.parent().addClass("current");

			// メイン画像　切り替え
			$("#holder a").css("display","none");
			$("#holder a#holder" + $no).css("display","block");
		}
		
	}

	/*処理実行*/
	$(document).ready(function() {
		/* 初期リサイズ */
		mainResize()
		thumbnailResize()
		/* 商品画像切り替え */
		$.switchImage.init();
	});