// JavaScript Document

var mok = {};
mok.def = [
[1,"１年　ピックアップ","",,"発売は３月１４日まで。|ピックアップに替わる新商品を企画中。",10500,1],
[1,"１０までの数","",1024,"さくら社からＤＶＤで発売。",3150,1],
[1,"なんばんめ＆いくつといくつ","",1024,"さくら社からＤＶＤで発売。",3150,1],
[1,"たし算（１）","ta1",1024,"初めての計算の勉強です。あわせていくつ？　ふえるといくつ？　これらを、絵や図を見ながら学習できます。|圧巻は、計算カード学習です。おまけとして、楽しいたし算のゲームも入っています。",3150,1],
[1,"ひき算（１）","hi1",1024,"のこりはいくつ？ちがいはいくつ？これらを、絵や図を見ながら学習できます。|たし算（１）同様，計算カード学習もしっかりできます。おまけとして、楽しいたし算のゲームも入っています。",3150,1],
[1,"２０までの数|（おまけ「６０までの数」付）","",,"さくら社からＤＶＤで発売。",3150,1],
[1,"３つの数の計算","3tu",1024,"数が３つになっても計算できるようにする単元ですが，|この先に学ぶくり上がりのあるたし算，くり下がりのあるひき算のステップにもなっている単元です。|絵のついた文章題がアニメになって登場します。|授業楽しくなります。|くり上がり，くり下がりのある計算へのステップへも配慮がされています。",3150,1],
[1,"たし算（２）","ta2",1024,"９＋４のような答えが１１～１８になるたし算の単元です。|４を１と３にわけ，９＋１で１０を作ります。それをアニメーション化しました。素材は栗拾いです。栗も登場し，ドラッグして動かせるようにしてあります。ブロックもついて，動きます。|計算カードの勉強もできます。オマケとして計算ゲームと双六が入っています。",3150,1],
[1,"ひき算（２）","hi2",1024,"１３－９のようなひき算の単元です。|３から９はひけないから，１０から９をひいて１。その１と３をたして，答えは４。|このようなひき算の計算手順とブロックなどのアニメーションを見ることができます。|カードを使った学習もあれば，すごろく，ビンゴ，答えをつかまえるゲームなどもあり，盛りだくさんです。",3150,1],
[1,"たし算かな ひき算かな","tas",,"文章問題を読んで，たし算で考えるのか，ひき算で考えるのかと，頭を使う単元です。問題文にあった図がついています。ボタンをクリックすると，図が動きます。文意を把握しやすいように動いてくれます。黒板ではなかなかできない演出が簡単にできます。",3150,1],
[1,"１００までの数","",,"さくら社からＤＶＤで発売。",3150,1],
[2,"２年　ピックアップ","",,"発売は３月１４日まで。|ピックアップに替わる新商品を企画中。",3150,1],
[2,"長さ","",1024,"さくら社からＤＶＤで発売。",3150,1],
[2,"１０００までの数","sen",,"１００束，１０束，１バラをクリックしながら，数えるソフト。漢数字を算用数字に直すソフト。８００は１００が何個分か考えるソフト。数直線のソフトなど，内容満載です。",3150,1],
[2,"時計","",1024,"さくら社からＤＶＤで発売。",3150,1],
[2,"たし算ひき算の筆算（２）","th2",,"数の筆算だけでなく，半具体物による筆算がついています。|数も半具体物も，ボタン一つで手順アニメーションが始まります。|見ていると，なるほどと感じてきます。",3150,1],
[2,"かけ算（１）","",,"さくら社からＤＶＤで発売。",3150,1],
[2,"かけ算（２）","",,"さくら社からＤＶＤで発売。",3150,1],
[2,"かけ算（３）","",,"さくら社からＤＶＤで発売。",3150,1],
[2,"１００００までの数","iti",,"験也堂ならでは，機能が盛り込まれた秀逸ソフトと言われています。数の学習は量感・位取り・順序が重要なポイントとなりますが，位取りでは数の重層構造が重要な役割を果たします。それをデジタル化しました。量感では，１０００束・１００束・１０束・１バラがクリックすると小気味よくジャンプしてくれます。１０００が１こ，１０００が２こ…などと，一緒に数える学習ができます。★おまけの「予想して数を読もう」というコーナーがあります。笑えます。",3150,1],
[3,"３年　ピックアップ","",,"発売は３月１４日まで。|ピックアップに替わる新商品を企画中。",10500,1],
[3,"九九表とかけ算","",1024,"さくら社からＤＶＤで発売。",3150,1],
[3,"時こくと時間","",1024,"さくら社からＤＶＤで発売。",3150,1],
[3,"わり算（１）　あまりの無いわり算","wa1",1024,"１２÷３など，わり算の基本を学びます。|等分除，包含除，０÷，÷１など，アニメーションもついてわかりやすくなっています。",3150,1],
[3,"わり算（２）　あまりのあるわり算","wa2",1024,"１６÷３＝５・・・１のような，あまりのあるわり算を学びます。|アニメーションで，分け残りがあまりになることが，よくわかります",3150,1],
[3,"長方形と正方形","tyo",,"直角→長方形→正方形→直角三角形，この流れに沿ってソフトが入っています。図形のしきつめに対応したソフトも作りました。",3150,1],
[3,"長い長さ（ｍとｋｍ）","nag",1024,"巻き尺の読み方では，巻き尺がスクロールします。道のりと距離では道が動きます！単位の換算（ｍ←→ｋｍ）もできますし，長さの計算問題も入っています。|（でき学セミナーで大好評！）|<1024シリーズ>になり、アプリケーションも１つ増えました！",3150,1],
[3,"大きな数（千万の位まで）","",1024,"さくら社からＤＶＤで発売。",3150,1],
[3,"かけ算の筆算（１）","ka1",1024,"２桁×１桁，３桁×１桁の筆算の仕方を学ぶ単元です。筆算がどういう仕組みになっているのか，わかりやすく演出しています。",3150,1],
[3,"かけ算の筆算（２）","ka2",1024,"２桁×２桁を学ぶ単元です。筆算がどういう仕組みになっているのか，わかりやすく演出しています。|虫食い算ソフトもついています。３桁×２桁も入っています。",3150,1],
[3,"ぼうグラフ","",1024,"さくら社からＤＶＤで発売。",3150,1],
[3,"重さ","omo",1024,"１ｋｇ，２ｋｇ，４ｋｇの秤の針をドラッグして動かすことができます。ドラッグに合わせて，重さの値も自動的に変わります。|針をドラッグすると，パトカーや犬などの付いた針になり，楽しい曲も流れ出し，子ども達をグイグイと引きつけます。そして，何と，秤が拡大・縮小してしまいます。子ども達をちょっとかまってあげたくなります。|全部の秤の下に，数直線を補助として出すことができます。秤の針に合わせて，数直線上のヒヨコも動くので，とてもわかりやすくなっています。|また，単位の換算ソフト，簡単な重さの計算ソフトも入っています。|さらに，復習として，秤の目盛りと同じ目盛りをした数直線の読み取りソフトも入っています。目盛りの読み取りの基礎力アップがはかれます。",3150,1],
[3,"そろばん","",1024,"さくら社からＤＶＤで発売。",3150,1],
[4,"４年　ピックアップ","",,"発売は３月１４日まで。|ピックアップに替わる新商品を企画中。",10500,1],
[4,"大きな数（億・兆）","ook",1024,"３年までに学習してきた大きな数の延長にあります。|１００倍，１０００倍や，末尾に０がつく数同士のかけ算の工夫など，４年生で初めて出てくる内容もあります。|視覚的にわかりやすく作り込みました。",3150,1],
[4,"わり算の筆算（÷1桁）","wa1",1024,"筆算の手順をボタンクリックで一つ一つ子ども達に見せることができます。|また，折り紙を分けるアニメーション。テープ図などもつけていますので，筆算の理解を深めることができます。|カードを使ったわり算パズル，２つの式を1つにまとめる，4桁÷1桁など，盛りだくさんのソフトが入っています。",3150,1],
[4,"折れ線グラフ","ore",1024,"折れ線グラフを見て学ぶソフト|折れ線グラフを読みとるソフト|折れ線グラフのかき方を学ぶソフト|折れ線グラフの変わり方を考えるソフト|折れ線グラフの工夫を学ぶソフト|案外良い感じで作り込みました。|４７都道府県と世界９都市の月別気温も入っています。|空飛ぶパトカーも授業を盛り上げてくれます。|期待度“大”です。",3150,1],
[4,"小数","",,"さくら社からＤＶＤで発売。",3150,1],
[4,"分数","",1024,"さくら社からＤＶＤで発売。",3150,1],
[4,"わり算の筆算（÷２桁）","wa2",,"わる数が２桁になります。およその数にして，仮商を立てます。そのやり方をボタンクリックでわかりやすく示すことができます。|かけ算をした結果が大きすぎたり，小さすぎたりすることがあります。そんなときは，数が斜めになって教えてくれます。|わり算のきまりのソフトも入っています。",3150,1],
[4,"角","",1024,"さくら社からＤＶＤで発売。",3150,1],
[4,"がい数","gai",1024,"切り上げ，切り捨て，四捨五入の学習ができます。|子ども達が混乱しやすい「四捨五入して，○○の位までの概数にしましょう」とか，「○の位を四捨五入して」といった，言い回しの違いに気をつける学習も入っています。|概数を使う一つ場面として，棒グラフづくりも入っています。",3150,1],
[4,"面積","",1024,"さくら社からＤＶＤで発売。",3150,1],
[5,"５年　ピックアップ","",,"発売は３月１４日まで。|ピックアップに替わる新商品を企画中。",10500,1],
[5,"小数","",1024,"さくら社からＤＶＤで発売。",3150,1],
[5,"小数のかけ算・わり算（１）","",1024,"さくら社からＤＶＤで発売。",3150,1],
[5,"小数のかけ算（２）","sk2",1024,"「整数×小数」「小数×小数」の学習ソフトです。線分図がふんだんに出てきて，「×整数」で成り立っていたことが，「×小数」でも成り立つことが理解できたらと願って作り込みました。",3150,1],
[5,"小数のわり算（２）","wa2",1024,"「整数÷小数」「小数÷小数」の学習ソフトです。線分図も出てきます。あまりの大きさもつかみやすいです。１より小さい数で割ると，元の数より商が大きくなることも，視覚的につかめるようにしています。",3150,1],
[5,"割合とグラフ","",1024,"さくら社からＤＶＤで発売。",3150,1],
[5,"垂直・平行と四角形","",,"さくら社からＤＶＤで発売。",3150,1],
[5,"分数のたし算ひき算／分数と小数","bun",,"大きさの等しい分数から、分数のたし算・ひき算。分数と小数の関係の学習ができます。図が登場するので、分数の量感がつかみやすくなっています。",3150,1],
[5,"異分母分数のたし算・ひき算|〈Ｎシリーズ〉","ibn",,"大きさの等しい分数，通分，約分を学んで，異分母分数のたし算・ひき算を習います。図が登場するので，たし算・ひき算を形式的に行うだけでなく，意味を理解して進めることができます。",3150,1],
[5,"図形の角","zuk",,"三角形や四角形の頂点をドラッグすると，三角形の形を自由に変えられるだけでなく，内角などの角度の数字も連動して変わります。子ども達の答えさせたい角だけを隠して出題することもできます。内角の和が１８０°になることを示すアニメーションも搭載されています。アニメーションは，なんとリバースします。 ★多角形に対角線を引き，内角を求めるソフトも搭載されています。１０角形，２０角形・・・の勉強もできます。実に楽しいです。★カマキリライダー１８０°のアニメーションもおまけで付いています。",3150,1],
[5,"三角形と四角形の面積（Ａ）|平行四辺形・三角形編","saa",,"平行四辺形・三角形の面積をカットして動かし，既習の長方形に形を変えて面積を求める公式を導きます。それに対応したソフトを作りました。図形のカット・移動・回転ができ，さらに，切ったり動かしたりした様子を，再現アニメで見ることができます。平行四辺形や三角形の頂点をドラッグすると形が変わり，面積を求める学習が何度も繰り返し行えます。★教科書に出てくるような面積の問題が，６問ずつセットされています。||★このソフトはＡＢがそろいましたので，タイトルを変更しました。",3150,1],
[5,"三角形と四角形の面積（Ｂ）|台形・ひし形などの面積，高さ・底辺と面積の関係編","sab",1024,"台形や菱形などの面積の求め方。|高さ・底辺と面積の関係を考える問題などが入っています。|図形が動くのでとてもわかりやすいです。",3150,1],
[5,"円周と円の面積","",1024,"さくら社からＤＶＤで発売。",3150,1],
[6,"６年　ピックアップ","",,"発売は３月１４日まで。|ピックアップに替わる新商品を企画中。",10500,1],
[6,"倍数と約数","",1024,"さくら社からＤＶＤで発売。",3150,1],
[6,"およその面積","",1024,"さくら社からＤＶＤで発売。",3150,1],
[6,"比","",,"さくら社からＤＶＤで発売。",3150,1],
[6,"平均","",1024,"さくら社からＤＶＤで発売。",3150,1],
[6,"単位量あたりの大きさ （速さ付き）","",,"さくら社からＤＶＤで発売。",3150,1]
];

var obj = {};
mok.pas = "../gakunen/";
mok.imgpas = "images/";
mok.nbr = ["０","１","２","３","４","５","６","７","８","９"];

mok.ini = function() {
	
	iniBtns();
	
	var dst = [];
	var gak = 0;
	for(var i=0;i<this.def.length;i++){
		var src = this.def[i];
		var tmp = [];
		if(src[0]!=gak){
			if(gak!=0) {
				dst.push("</table>")
				dst.push("<p class='jmp'><a href='#t1'>１年</a><a href='#t2'>２年</a><a href='#t3'>３年</a><a href='#t4'>４年</a><a href='#t5'>５年</a><a href='#t6'>６年</a><a href='javascript:mok.rtn();'>トップ</a></p>");
				dst.push("</div>");
				dst.push("</div>");
				dst.push("</div>");
				dst.push("</div>");
			}
			dst.push("<div class='titles'>");
			dst.push("<div class='obiblk"+src[0]+"' id='t"+src[0]+"'><img class='obi' src='images/obi"+src[0]+"_0.gif' alt='' />");
			dst.push("<div class='waku'>");
			dst.push((i==this.def.length-1)?"<div class='blkend'>":"<div class='blk'>");
			dst.push("<table class='mok' cellpadding='0' cellspacing='0'>")
			gak = src[0];
		} else {
			dst.push("<tr><td colspan='2'>&nbsp;</td></tr>");
			dst.push("<tr><td class='lin' colspan='2'>&nbsp;</td></tr>");
		}
		//var tag = (src[0])?"<img src='"+this.imgpas+src[0]+"nen.gif' />":"";
		var tit = ""; 
		if(src[2]){
			tit = "<a href='"+this.pas+src[0]+"/"+src[2]+"/index.html'>"+this.cnvCR(src[1])+"</a>";
		} else {
			tit = this.cnvCR(src[1]);
		}
		var grd = (src[0])?"<span class='grd'>"+this.siz(src[0])+"年</span><br />":"";
		var siz = (src[3])?"<span class='siz'>"+this.siz(src[3])+"シリーズ</span><br />":"";
		var dsc = (src[4])?this.cnvCR(src[4]):"";
		var kak = (src[5])?"<br /><span class='kak'>"+this.price(src[5])+"</span>":"";
		var sal = "";
		if(src[6]){
			switch(src[6]){
				case(1): sal = "　<span class='sal'>発売中</span>"; break;
				default: sal = ""; break;
			}
		}
		tmp.push("<tr>");
		//tmp.push("<td class='tag'>"+tag+"</td>");
		tmp.push("<td class='tan' valign='top'>"+grd+siz+tit+kak+sal+"</td>");
		tmp.push("<td class='dsc' valign='top'>"+dsc+"</td>");
		tmp.push("</tr>");
		dst.push(tmp.join(""));
	}
	dst.push("</table>")
	dst.push("<p class='jmp'><a href='#t1'>１年</a><a href='#t2'>２年</a><a href='#t3'>３年</a><a href='#t4'>４年</a><a href='#t5'>５年</a><a href='#t6'>６年</a><a href='javascript:mok.rtn();'>トップ</a></p>");
	dst.push("</div>");
	dst.push("</div>");
	dst.push("</div>");
	dst.push("</div>");
	//console.log(dst.join(""));
	document.getElementById("desc").innerHTML = dst.join("");
	
	// アンカー指定があればアンカーへ飛ぶ
	var r = /#/;
	if(r.test(document.URL)){
		location.hash = "#"+(document.URL.split("#"))[1]
	}
	
	// jquary.js+interface.js
	// スクロール設定
	$(document).ready(function() {
		$('a[@href^="#"]').click(function(){
			$($(this).attr("href")).ScrollTo(300, 'easeout');
			return false;
		});
	});

};

mok.siz = function(src) {
	var dst = "";
	var tmp = [];
	//if(!src) return dst;
	var str = src.toString(10);
	for(var i=0;i<str.length;i++){
		var idx = parseInt(str.charAt(i),10);
		tmp.push(this.nbr[idx]);
	}
	dst = tmp.join("");
	return dst;
};

mok.cnvCR = function(src) {
	var dst = "";
	if(!src) return dst;
	var reg = /\|/gm;
	var dst = src.replace(reg,"<br />");
	return dst;
};

mok.price = function(src) {
	var dst = "";
	if(!src) return dst;
	var str = src.toString(10);
	var len = str.length;
	var tmp = [];
	for(var i=0;i<len;i++){
		var idx = parseInt(str.charAt(i),10);
		tmp.push(this.nbr[idx]);
	}
	var cnt = 0;
	for(i=tmp.length-1;i>=0;i--){
		if(cnt>0&&cnt%3==0) dst = ","+dst;
		dst = tmp[i]+dst;
		cnt++;
	}
	//return "￥"+tmp.join("");
	return "￥"+dst+"<span class='zei'>（税込）</span>";
};

mok.btnOn = function(src) {
	var nam = src.getAttribute("src");
	var tmp = nam.split(".");
	src.setAttribute("src",tmp[0]+"h."+tmp[1]);
	return void(0);
};

mok.btnOff = function(src) {
	var nam = src.getAttribute("src");
	var tmp = nam.split("h.");
	src.setAttribute("src",tmp[0]+"."+tmp[1]);
	return void(0);
};

mok.rtn = function() {
	scroll(0,0);
	return void(0);
};

function iniBtns() { //v3.0
	MM_preloadImages('images/bt1h.gif','images/bt2h.gif','images/bt3h.gif','images/bt4h.gif','images/bt5h.gif');
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}