/* ------------------------------------
jQuery 用
------------------------------------ */
$(document).ready(function() {

/* ------------------------------------
クラスを付けた要素の内包img要素をロールオーバー
class="onmouse" : 内のimg要素をロールオーバー
class="noaction" : 付加したimg要素のロールオーバーを中止
class="now" : 付加したimg要素を常にオン状態
------------------------------------ */
var targetImage = $(".onmouse img").get();
var targetInput = $(".onmouse input").get();
var targetClass = $.merge(targetImage, targetInput);

var add = "_s";

var overReg = new RegExp("^(.+)(\\.[a-z]+)$");
var outReg = new RegExp("^(.+)" + add + "(\\.[a-z]+)$");

var preload = new Array();

for (var i=0; i<targetClass.length; i++){
	preload[i] = new Image();
	preload[i].src = targetClass[i].getAttribute("src").replace(overReg, "$1" + add + "$2");
	
	if(targetClass[i].className=="now") {
		targetClass[i].src = targetClass[i].getAttribute("src").replace(overReg, "$1" + add + "$2");
	}else if(targetClass[i].className=="nowaction"){
		targetClass[i].onmouseover = function() {
			$(this).css("cursor","pointer"); 
		}
		targetClass[i].onmouseout = function() {
			$(this).css("cursor","default");
		}
		targetClass[i].src = targetClass[i].getAttribute("src").replace(overReg, "$1" + add + "$2");
	}else{
		targetClass[i].onmouseover = function() {
			this.src = this.getAttribute("src").replace(overReg, "$1" + add + "$2");
		}
		targetClass[i].onmouseout = function() {
			this.src = this.getAttribute("src").replace(outReg, "$1$2");
		}
	}
}






/* ------------------------------------
読み取り専用のテキストボックスの値をフォーカス時にセレクト
------------------------------------ */
$("[readonly]").focus(function(){this.select();});


/* ------------------------------------
別窓リンク
rel="external" を付加した a要素は別窓
------------------------------------ */
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
	var anchor = anchors[i];
	if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") {
		anchor.target = "_blank";
	}
}

/* ------------------------------------
タブ切り替え
------------------------------------ */
//
var query = window.location.search.substring(6,11);

//レシピ
var featuretab = $("#monitor,#use,#recipe,#sp,#spec,#event,#new,#backnumber,#inqbefore,#repair");

// 最初は非表示
$("#recipeBox").css("display","none");
$("#useBox").css("display","none");
$("#specBox").css("display","none");
$("#eventBox").css("display","none");
$("#backNumberBox").css("display","none");
$("#repairBox").css("display","none");

//
if(query=="point") {
	$("#monitorBox").css("display","none");
	$("#useBox").css("display","block");
	$("#eventBox").css("display","none");
	
	$("#monitor img").attr("title", "nonactive");
	$("#use img").attr("title", "active");
	$("#recipe img").attr("title", "nonactive");
}

// 元々activeであれば _s を追加
if($('img[title="active"]')[0]){
	var va = $('img[title="active"]')[0].src.replace(overReg, "$1" + add + "$2");
	$('img[title="active"]')[0].src = va;
}

// アフターサービスの「お問い合わせの前に」が無いバージョン
var noFaq = $("#noInqbefore")[0];
if(noFaq) {
	$("#inqbeforeBox").css("display","none");
	$("#repairBox").css("display","block");
}else{

//マウスオーバー・マウスアウトで画像差し替え
featuretab.hover(function() {
	$(this).css("cursor","pointer"); 
	var gg = $(this)[0].childNodes[0].getAttribute("title");
	if(gg!=="active"){
		var aa = $(this)[0].childNodes[0];
		aa.setAttribute("src", aa.src.replace(overReg, "$1" + add + "$2"));
	}
},function() {
	$(this).css("cursor","default");
	var gg = $(this)[0].childNodes[0].getAttribute("title");
	if(gg!=="active"){
		$(this)[0].childNodes[0].src = $(this)[0].childNodes[0].src.replace(outReg, "$1$2");	
	}
});
}

//タブクリックで色々変更
featuretab.click(function() {
	var gg = $(this)[0].childNodes[0].getAttribute("title");
	if(gg!=="active"){
	//アクティブなものをノンアクに
	var da = $('img[title="active"]')[0];
	da.setAttribute("title", "nonactive");
	da.setAttribute("src", da.src.replace(outReg, "$1$2"));
	
	// 自身をアクティブに
	var nap = $(this)[0];
	var na = $(this)[0].childNodes[0];
	na.setAttribute("title", "active");
//	na.setAttribute("src", na.src.replace(overReg, "$1" + add + "$2"));
	
	//モニターレポート・上手に使うコツ・レシピバリエーション
	if(nap.getAttribute("id")=="monitor"){
		$("#monitorBox").fadeIn("slow");
		$("#useBox").css("display","none");
		$("#recipeBox").css("display","none");
	}else if(nap.getAttribute("id")=="use"){
		$("#monitorBox").css("display","none");
		$("#useBox").fadeIn("slow");
		$("#recipeBox").css("display","none");
	}else if(nap.getAttribute("id")=="recipe"){
		$("#monitorBox").css("display","none");
		$("#useBox").css("display","none");
		$("#recipeBox").fadeIn("slow");
	}
	
	//製品の特長・スペック詳細・当製品のイベント情報
	if(nap.getAttribute("id")=="sp"){
		$("#spBox").fadeIn("slow");
		$("#specBox").css("display","none");
		$("#eventBox").css("display","none");
	}else if(nap.getAttribute("id")=="spec"){
		$("#spBox").css("display","none");
		$("#specBox").fadeIn("slow");
		$("#eventBox").css("display","none");
	}else if(nap.getAttribute("id")=="event"){
		$("#spBox").css("display","none");
		$("#specBox").css("display","none");
		$("#eventBox").fadeIn("slow");
	}
	
	//イタリア万歳！
	if(nap.getAttribute("id")=="new"){
		$("#banzaiBox").fadeIn("slow");
		$("#backNumberBox").css("display","none");
	}else if(nap.getAttribute("id")=="backnumber"){
		$("#banzaiBox").css("display","none");
		$("#backNumberBox").fadeIn("slow");
	}
	
	//アフターサービス
	if(nap.getAttribute("id")=="inqbefore"){
		$("#inqbeforeBox").fadeIn("slow");
		$("#repairBox").css("display","none");
	}else if(nap.getAttribute("id")=="repair"){
		$("#inqbeforeBox").css("display","none");
		$("#repairBox").fadeIn("slow");
	}
	
	}
});



/* ------------------------------------
レシピの表示非表示
------------------------------------ */
// スペシャルレシピ
var specialrecipeParent = $(".cookingRecipe");
var specialrecipe = $(".cookingRecipe em");
var specialcooking = $(".cookingContents");

/*
// マウスオーバーで下線消し
specialrecipe.hover(function(){
	$(this).css("border-bottom","0px none");
},function () {
	$(this).css("border-bottom","1px solid #000000");
});
*/

// 最初にID付加
for(i=0;i<specialrecipeParent.length;i++){
	specialrecipeParent[i].setAttribute("id", "recipename0" + i);
}
for(i=0;i<specialrecipe.length;i++){
	specialrecipe[i].setAttribute("id", "recipe0" + i);
}
for(i=0;i<specialcooking.length;i++){
	specialcooking[i].setAttribute("id", "cookingContents0" + i);
}


// 最初は非表示
$("#cookingContents01,#cookingContents02,#cookingContents03,#cookingContents04,#cookingContents05,#cookingContents06,#cookingContents07,#cookingContents08,#cookingContents09,#cookingContents010,#cookingContents011,#cookingContents012").css("display","none");
// 最初はオープン
$("#recipename00").css("background-image","url('/common/images/ic08.gif')");

$("#recipe00").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents00").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe01").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents01").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe02").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents02").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe03").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents03").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe04").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents04").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe05").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents05").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe06").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents06").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe07").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents07").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe08").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents08").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe09").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents09").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe010").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents010").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe011").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents011").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});
$("#recipe012").click(function(){
	var ff = $(this).parent().css("background-image");
	var sf = ff.split("/");
	if(sf[5]=="ic08.gif)"){
		specialcooking.slideUp();
		$(this).parent().css("background-image","url('/common/images/ic07.gif')");
	}else{
		specialcooking.slideUp();
		$("#cookingContents012").slideDown();
		specialrecipeParent.css("background-image","url('/common/images/ic07.gif')");
		$(this).parent().css("background-image","url('/common/images/ic08.gif')");
	}
});



/* ------------------------------------
レシピの表示非表示（製品からレシピを探す）
------------------------------------ */











/* ------------------------------------
総合のお問い合わせの表示非表示
------------------------------------ */
// FAQ
var faq = $(".headStyleFaq em");
var faqcontents = $("#faqContents01,#faqContents02,#faqContents03,#faqContents04");

// マウスオーバーで下線消し
faq.hover(function(){
	$(this).css("cursor","pointer"); 
	$(this).css("border-bottom","1px solid #000000");
},function () {
	$(this).css("cursor","normal"); 
	$(this).css("border-bottom","0px none");
});

// 最初は非表示
	faqcontents.css("display","none");
	$("#faqContents01").css("display","block");

// 最初はマイナスアイコン
	$('em[rel="opencontents"]').css("background-image","url('/common/images/ic08.gif')");
	$('em[rel="opencontents"]').closest("h4").css("background-color","#ffffff");
	$('em[rel="opencontents"]').closest("h4").css("border","1px solid #cbd7d9");





// クリックしたら
faq.click(function(){
	if(this.getAttribute("rel")=="opencontents"){
		$(this).parent().next().slideUp();
		this.setAttribute("rel","closedcontents");
		$(this).css("background-image","url('/common/images/ic07.gif')");
		$(this).closest("h4").css("background-color","#e6edee");
		$(this).closest("h4").css("border","0px none");
	}else if(this.getAttribute("rel")=="closedcontents"){
		faqcontents.slideUp();
		faqcontents.prev().children().css("background-image","url('/common/images/ic07.gif')");
		faqcontents.prev().closest("h4").css("background-color","#e6edee");
		faqcontents.prev().closest("h4").css("border","0px none");
		$(this).parent().next().slideDown();
		
		faq[0].setAttribute("rel","closedcontents");
		faq[1].setAttribute("rel","closedcontents");
		faq[2].setAttribute("rel","closedcontents");
		faq[3].setAttribute("rel","closedcontents");
		this.setAttribute("rel","opencontents");
		$(this).css("background-image","url('/common/images/ic08.gif')");
		$(this).closest("h4").css("background-color","#ffffff");
		$(this).closest("h4").css("border","1px solid  #e6edee");
	}
});




/* ------------------------------------
地図の表示非表示
------------------------------------ */
var mapSwitchJ = $("#displaySwitchJ");
var mapSwitchE = $("#displaySwitchE");
var mapSwitch03 = $("#displaySwitch03");
var mapSwitch04 = $("#displaySwitch04");
var mapSwitch05 = $("#displaySwitch05");

var mapImageJ = $("#displayMapJ");
var mapImageE = $("#displayMapE");
var mapImage03 = $("#displayMap03");
var mapImage04 = $("#displayMap04");
var mapImage05 = $("#displayMap05");


var mapSwitch = $("#displaySwitchJ,#displaySwitchE,#displaySwitch03,#displaySwitch04,#displaySwitch05");
var mapImage = $("#displayMapE,#displayMap03,#displayMap04,#displayMap05");

mapSwitch.css("border-bottom","1px solid #000000");
mapSwitch.css("background-image","url('/common/images/ic07.gif')");
mapSwitch.css("background-repeat","no-repeat");
mapSwitch.css("background-position","left center");
mapSwitch.css("padding-left","12px");
mapImage.css("display","none");

var queryMap = window.location.search.substring(6,16);
if(queryMap=="yokohamass") {
	mapSwitch04.css("background-image","url('/common/images/ic08.gif')");
	mapImage04.slideDown();
}else if(queryMap=="osakass") {
	mapSwitch05.css("background-image","url('/common/images/ic08.gif')");
	mapImage05.slideDown();
}

// マウスオーバーで下線消し
mapSwitch.hover(function(){
	$(this).css("cursor","pointer"); 	
	$(this).css("border-bottom","1px solid #ffffff");
},function () {
	$(this).css("cursor","default");
	$(this).css("border-bottom","1px solid #000000");
});

mapSwitch.click(function(){
	if(this.getAttribute("id")=="displaySwitchJ"){
		mapSwitchJ.css("background-image","url('/common/images/ic08.gif')");
		mapSwitchE.css("background-image","url('/common/images/ic07.gif')");
		mapImageJ.slideDown();
		mapImageE.slideUp();
	}else if(this.getAttribute("id")=="displaySwitchE"){
		mapSwitchE.css("background-image","url('/common/images/ic08.gif')");
		mapSwitchJ.css("background-image","url('/common/images/ic07.gif')");
		mapImageE.slideDown();
		mapImageJ.slideUp();
	}else if(this.getAttribute("id")=="displaySwitch03"){
		mapSwitch03.css("background-image","url('/common/images/ic08.gif')");
		mapImage03.slideDown();
	}else if(this.getAttribute("id")=="displaySwitch04"){
		mapSwitch04.css("background-image","url('/common/images/ic08.gif')");
		mapImage04.slideDown();
	}else if(this.getAttribute("id")=="displaySwitch05"){
		mapSwitch05.css("background-image","url('/common/images/ic08.gif')");
		mapImage05.slideDown();
	}
});



/* ------------------------------------
アフターサービスFAQの表示非表示
------------------------------------ */
//
	var afterFaqH3 = $("#afterServiseFaq h3 span");
	var afterFaqDl = $("#afterServiseFaq dl");
	var afterFaqDlDt = $("#afterServiseFaq dl dt");
	var afterFaqDlDd = $("#afterServiseFaq dl dd");
	

// 最初は非表示
	afterFaqDl.css("display","none");
	afterFaqDlDd.css("display","none");
	
// 大見出しにマウスオーバーしたら
	afterFaqH3.hover(function(){
		$(this).css("cursor","pointer");
		$(this).css("color","#999999");
	},function () {
		$(this).css("cursor","default");
		$(this).css("color","#000000");
	});

// 大見出しをクリックしたら
	afterFaqH3.click(function(){
		afterFaqDl.css("display","none");
		afterFaqH3.css("backgroundImage","url('/common/images/ic07.gif')");
		afterFaqDlDd.css("display","none");
		afterFaqDlDt.css("backgroundImage","url('/common/images/ic07.gif')");
		
		$(this).parent().next().fadeIn("slow");
		$(this).css("backgroundImage","url('/common/images/ic08.gif')")
	});

// 中見出しにマウスオーバーしたら
	afterFaqDlDt.hover(function(){
		$(this).css("cursor","pointer");
		$(this).css("color","#999999");
	},function () {
		$(this).css("cursor","default");
		$(this).css("color","#000000");
	});

// 中見出しをクリックしたら
	afterFaqDlDt.click(function(){
		afterFaqDlDd.css("display","none");
		afterFaqDlDt.css("backgroundImage","url('/common/images/ic07.gif')");
		
		$(this).next().fadeIn("slow");
		$(this).css("backgroundImage","url('/common/images/ic08.gif')")
	});







/* ------------------------------------
製品画像の入れ替え
------------------------------------ */
//	var moto = $("#mainVisual img")[0].getAttribute("src");
$("#changeImgae li span").hover(function(){
	moto = $("#mainVisual img")[0].getAttribute("src");
	$(this).css("cursor","pointer");
	var motoSrc = $(this).children().attr("src");
	var aidaSrc = motoSrc.split("_s");
	var atoSrc = aidaSrc[0]+aidaSrc[1];
	$("#mainVisual img")[0].setAttribute("src",atoSrc);
},function () {
	$(this).css("cursor","default");
	$("#mainVisual img")[0].setAttribute("src",moto);
});


/*
$("#changeImgae li span").mouseover(function(){
	var motoSrc = $(this).children().attr("src");
	var aidaSrc = motoSrc.split("_s");
	var atoSrc = aidaSrc[0]+aidaSrc[1];
	$("#mainVisual img")[0].setAttribute("src",atoSrc);
});
*/






});

/* ------------------------------------
関数
------------------------------------ */
/* ------------------------------------
ポップアップウィンドウ
 onclick="openWindow(this.href,800,600,'yes','yes','yes','yes','yes');return false;"
------------------------------------ */
function openWindow(openurl,a,b,c,d,e,f,g) {
	var aa = a || "653";
	var bb = b || "600";
	var cc = c || "yes";
	var dd = d || "yes";
	var ee = e || "yes";
	var ff = f || "yes";
	var gg = g || "yes";
    var w = window.open(
    		openurl,
    		'mywindow',
    		'width=' + aa +
    		',height=' + bb +
    		',location=' + cc +
    		',menubar=' + dd +
    		',toolbar=' + ee +
    		',scrollbars=' + ff +
    		',resizable=' + gg
    		);
    w.focus();
}
/* ------------------------------------
テキストエリアの最大文字数
------------------------------------ */
function limitchk(target,maxlength) {
    if ( target.value.length > maxlength ) {
        alert("最大全角"+ maxlength + "字以内で入力してください");
        target.value = target.value.substr(0,maxlength);
    }
    target.focus();
}