// JavaScript Document
var pag = {};
var pas = "images/";
var pasObi = "../../../images/obi/";

function iniTangen() {
	if(def=="undefine"||!def) return;
	if(!pag.hasOwnProperty("dst")) pag.dst = [];
	pag.ini();
	pag.mok();
	pag.kij();
	pag.upd();

	// jquery.js + interface.js
	// スクロール
	$(document).ready(function() {
		$('a[@href^="#"]').click(function(){
			$($(this).attr("href")).ScrollTo(300, 'easeout');
			return false;
		});
	});

}

pag.ini = function() {
	this.dst.push("<div class='desc'>");
};

pag.mok = function() {
	var cnt = 0;
	var i = 0;
	var gak = cdName.substring(0,2);
	var gno = 1;
	switch(gak){
		case("１年"):gno=1;break;
		case("２年"):gno=2;break;
		case("３年"):gno=3;break;
		case("４年"):gno=4;break;
		case("５年"):gno=5;break;
		case("６年"):gno=6;break;
	}
	this.dst.push("<div class='mokuji' id='mokuji'>");
	this.dst.push("<h1><img src='"+pas+"cdname.gif' alt='"+cdName+"' /></h1>");
	if(notes) this.dst.push("<h2>"+notes+"</h2>");
	this.dst.push("<h1 class='gomok'><a href='../../../soft/index.html#t"+gno+"'>"+gak+"のソフト一覧はこちら</a></h1>");
	this.dst.push("<ul>");
	for(p in def){
		if(!def[p]){
			this.dst.push("<li>"+p+"</li>");
		} else {
			this.dst.push("<li><a href='#a"+cnt+"'>"+p+"</a></li>");
			cnt++;
		}
		i++;
	}
	this.dst.push("</ul>");
	this.dst.push("<div class='shuroku'>ソフト "+i+" 本収録</div>");
	this.dst.push("</div>");
};

pag.kij = function() {
	this.dst.push("<div class='titles'>");
	var cnt = 0;
	var ono = 0;
	var img = [];
	var txt = [];
	var i =0;
	
	for(p in def){
		if(!def[p]) continue;
		if(ono>=col.length) ono =0;
		this.dst.push("<div class='o"+col[ono]+"'><img class='obi' src='"+pasObi+col[ono]+"0.gif' alt='' />");
		this.dst.push("<div class='tangen'>");
		this.dst.push("<h1><a name='a"+cnt+"' id='a"+cnt+"'>"+p+"</a></h1>");
		img = [];
		txt = [];
		
		for(i=0;i<def[p].length;i++){
			if(def[p][i].length>1){
				this.addBlk(img,txt,false);
				img = [];
				txt = [];
				for(var j=1;j<def[p][i].length;j++){
					img.push("<li><img src='"+pas+def[p][i][j]+"' alt='"+p+"("+j+")"+"' /></li>");
				}
			}
			txt.push("<p class='blkr'>"+this.repbr(def[p][i][0])+"</p>");
		}
		
		this.addBlk(img,txt,true);
		this.dst.push("</div></div>");
		cnt++;
		ono++;
	}
	this.dst.push("</div>");
	
};

pag.repbr = function(src) {
	return src.replace(/\|/g, "<br />");
};

pag.addBlk = function(img,txt,isLast) {
	if(img.length>0||txt.length>0){
		this.dst.push("<div class='blk'>");
		this.addImgBlk(img);
		this.addTxtBlk(txt);
		if(isLast) this.dst.push("<p class='goMokuji' onmousedown='goTop()' onmouseover='mokujiOn(this)' onmouseout='mokujiOff(this)'>目次へ戻る</p>");
		this.dst.push("</div>");
	}
};

pag.addImgBlk = function(src) {
	if(src.length<1) return;
	this.dst.push("<ul class='blkl'>");
	for(var i=0;i<src.length;i++) this.dst.push(src[i]);
	this.dst.push("</ul>");
	return;
};

pag.addTxtBlk = function(src) {
	if(src.length<1) return;
	for(var i=0;i<src.length;i++) this.dst.push(src[i]);
	return;
};

pag.upd = function() {
	this.dst.push("</div></div>");
	//alert(pag.dst.join("\n"));
	document.getElementById("main").innerHTML = pag.dst.join("\n")+"\n";
};

function mokujiOn(obj) {
	obj.style.color = "#DD431C";
}

function mokujiOff(obj) {
	obj.style.color = "#A4A4A4";
}

function goTop() {
	var obj = document.getElementById("mokuji");
	var dy = 0;
	while(obj){
		dy += obj.offsetTop;
		obj = obj.offsetParent;
	}
	//alert(dy);
	scroll(0,dy);
}