/* ===============================================
# /product 画像差し替え用
=============================================== */
function changePic(direct,n) {
	var elm = $("main-pic");
	var src = elm.src;
	var len = src.length;
	try {
		if (changePicList) {
			for (i = 0; i < changePicList.length; i++) {
				var fName = changePicList[i].replace(/(\.\.\/|\.\/)/g, "");
				if (src.indexOf(fName) > -1) var no = i + 1;
			}
		}
	} catch(e) {
		var no = Number(src.substr((len - 5), 1));
	}

	if (direct == "prev") {
		no--;
	} else if (direct == "next") {
		no++;
	} else {
		no = direct;
	}

	var src1 = src.slice(0,(len - 5));
	var src2 = src.slice((len - 4), len);
	try {
		if (changePicList) {
			var fixSrc = changePicList[no - 1];
		}
	} catch(e) {
		var fixSrc = src1 + no + src2;
	}

	elm.src = fixSrc;
	for (i = 1; i <= n; i++) {
		$("changePic" + i).src = $("changePic" + i).src.replace(/on.gif/, ".gif");
		$("changePic-zoom" + i).style.display = "none";
	}
	$("changePic" + no).src = $("changePic" + no).src.replace(/.gif/, "on.gif");
	$("changePic-zoom" + no).style.display = "block";
	if (no <= 1) {
		$$(".pic-prev-next .prev")[0].style.visibility = "hidden";
		$$(".pic-prev-next .next")[0].style.visibility = "visible";
	} else if (no >= n) {
		$$(".pic-prev-next .prev")[0].style.visibility = "visible";
		$$(".pic-prev-next .next")[0].style.visibility = "hidden";
	} else {
		$$(".pic-prev-next .prev")[0].style.visibility = "visible";
		$$(".pic-prev-next .next")[0].style.visibility = "visible";
	}
}

//ページ読み込み時の処理
function tabsaaa() {
	var elms = $$(".fragmentt");
	for (i = 1; i < elms.length; i++) {
		elms[i].style.display = "none";
	}
//	elms[0].style.display = "block";
}

//onclick="tabchange(n)"の時の処理
function tabchange(n) {

	//class=".fragmentt"の集まり
	var elms = $$(".fragmentt");

	//class=".fragmentt" の 上から2番目から最後までを非表示
	for (i = 0; i < elms.length; i++) {
		elms[i].style.display = "none";
	}
	elms[n - 1].style.display = "block";

	//class=".tabchange"の集まり
	var links = $$(".tabchange");

	//class=".tabchange"を全部文字色白に（デフォルト）
	//jsでのcssはハイフンは削除して次を大文字（font-size = fontSize）
	for (i = 0; i < links.length; i++) {
		links[i].className = "tabchange taboff";
/*
		links[i].style.color = "#ffffff";
		links[i].style.background="url(../../common/tab_img/tab_off.jpg) no-repeat top";
		links[i].onmouseover = function() {this.style.background = "url(../../common/tab_img/tab_on.jpg) no-repeat"};
		links[i].onmouseout = function() {this.style.background = "url(../../common/tab_img/tab_off.jpg) no-repeat"};
*/

	}

	//idに"tabchange + n という名前だけ、スタイル変える。
	var current = document.getElementById("tabchange" + n);
	current.className = "tabchange tabon";

/*
	current.style.color = "#000000";
	current.style.background="url(../../common/tab_img/tab_on.jpg) no-repeat top";
*/

	}

window.onload = tabsaaa;

/* ===============================================
# pageTop スムーズスクロール
=============================================== */
var scrj = 1;
function pageTop() {
   if(navigator.appName == "Microsoft Internet Explorer" && document.compatMode == "CSS1Compat") {
      var scdist = document.body.parentNode.scrollTop;
   } else {
      var scdist = document.body.scrollTop;
   }
   if(scrj<50 && scdist) {
      scdist = (scdist>2) ? Math.ceil(scdist*.2) : 1;
      scrj++;
      scrollBy(0,-scdist);
      setTimeout("pageTop()",20);
   } else {
      scrollTo(0,0);
      scrj = 1;
   }
}