//**********************************************************
//**********************************************************
/*----------------------------------------------------------
  絵本（主にVoice）閲覧用JavaScript
/*----------------------------------------------------------
//**********************************************************
//**********************************************************/

// 画面サイズの指定
sW = getBrowserWidth();
sH = getBrowserWidth();

//---------------------------
// ボタンの書き出し
document.open();
document.writeln("<div id='js'>");
document.writeln("</div>");
document.writeln("<div id='js_load_box'>");
document.writeln("</div>");
document.close();


//---------------------------
// 変数初期化
if(! window["me_path"]) me_path = "#";
if(! window["me_title"]) me_title = "";
if(! window["me_info"]) me_info = "";
if(! window["me_comment"]) me_comment = "";
if(! window["me_sm"]) me_sm = "";

	// ページ用配列
	loadF = 1;
	page_count = 0;
	js_next = new Object();
	js_prev = new Object();
	js_fileend = new Object();
	js_loading = new Object();
	js_loading_text = new Object();
	js_img = new Object();
	js_now = new Object();

// ページ数
var image_page_max = image_count;
var image_load_max = 3;
var image_load_count = 0;

//---------------------------
// メニュー
var menu_str = "";
menu_str += "<hr size=1>";
menu_str += "→ <a href='javascript:window.location.reload();'>読み直す</a><br>";
if(window.name == "winfull"){
	menu_str += "→ <a href='javascript:window.close();'>×閉じる</a><br>";
}else{
	menu_str += "→ <a href='javascript:View_Full();'>全画面表示</a><br>";
}

//---------------------------
// モード、設定があればモード変更
if(! window["mode"]){ mode = false; }
var js_box = _gel("js");
var js_load_box = _gel("js_load_box");
var tid = "";
var lc = 0;
var l = 0;
var lcolor = new Array();
lcolor[l++] = "#ffffff";
lcolor[l++] = "#ffcce6";
lcolor[l++] = "#ff99cc";
lcolor[l++] = "#ff66b3";
lcolor[l++] = "#ff3399";
lcolor[l++] = "#ff0080";
lcolor[l++] = "#e6ccff";
lcolor[l++] = "#cc99ff";
lcolor[l++] = "#b366ff";
lcolor[l++] = "#9933ff";
lcolor[l++] = "#8000ff";
lcolor[l++] = "#ccffff";
lcolor[l++] = "#99ffff";
lcolor[l++] = "#66ffff";
lcolor[l++] = "#33ffff";
lcolor[l++] = "#00ffff";
var lmax = l;
var view = "";
if(mode == false){
	view = load();
}else{
	view = mode;
}
var viewList = new Array();
var l = 0;
viewList[l] = new Array();
viewList[l]["name"] = "Flashで読む";
viewList[l]["id"] = "flash";
l++;
viewList[l] = new Array();
viewList[l]["name"] = "ページごとに読む";
viewList[l]["id"] = "page";
l++;
viewList[l] = new Array();
viewList[l]["name"] = "すべて展開する";
viewList[l]["id"] = "all";
l++;
var viewMax = l;

//---------------------------
// 読み込み＆オープニング
View_Open();



//------------------------------------------------
// オープニング
//------------------------------------------------
function SetView(id){
	//alert();
	view = id;
	save(id);
}
//---------------------------
// 初期
function View_Open(){
	
	// オープン用ページ
	str = "";
	str += "<div class='infoAll'>";
	str += "<div class='info'>"+me_info+"</div>";
	str += "<div class='enter'>";
	str += "<button onclick='javascript:View_Do();'>読む</button><br>";
	str += "<div class='info'>";
	str += "<hr size=1>";
	for(var i=0; i<viewList.length; i++){
		str += "<label id='label_" + viewList[i]["id"] + "'>";
		str += "<input type='radio'";
		if(view == viewList[i]["id"]){
			str += " checked='true'";
		}
		str += " name='view'";
		str += " onclick='javascript:SetView(\"" + viewList[i]["id"] + "\");'";
		str += ">";
		str += viewList[i]["name"];
		str += "</label>";
		str += "<br>";
	}
	str += "<hr size=1>";
	str += "※ビューワーはいつでもBOXで変えられます<br>";
	str += "</div>";
	
	str += "<div id='view_menu'>";
	//str += "<hr size=1>";
	//	str += "→ <a href='javascript:View_Flash();' id='js_view_flash'>Flashで読む</a><br>";
	//	str += "→ <a href='javascript:View_Page();' id='js_view_page'>頁ごとに読む</a><br>";
	//	str += "→ <a href='javascript:View_ALL();' id='js_view_all'>全て展開する</a><br>";
	str += menu_str;
	str += "</div>";
	str += "</div>";
	// ローディング・バー
	lstr = "";
	lstr += "<div id='js_loading' >";
	lstr += "<div id='js_loading_image'>ImageLoad : </div>";
	lstr += "</div>";
	
	// 通常
	js_box.innerHTML = str;
	js_load_box.innerHTML = lstr;
	
		js_load_box.style.visibility = "hidden";
	location.href = "#";
	lc = 1;
}
//---------------------------
function PageLoad(){
	var js_loading = _gel("js_loading");
	var js_loading_text = _gel("js_loading_text");
	var js_loading_image = _gel("js_loading_image");
	//--------------------------
	// ローディングチェック
	//--------------------------
	var loadF = 1;
	for( i=0; i < image_load_max; i++){
		if(! imageSrc[i].complete){
			loadF = 0; // まだロード中
		}
	}
	//--------------------------
	// ローディング設定
	//--------------------------
	if(loadF){ // ロード完了？
		// 今までのローディングカウント
		image_load_count = image_load_max;
		image_load_max = image_load_max + 3;
		if(image_load_max <= page_count + 3) image_load_max = page_count + 3;
		if(image_load_max >= image_page_max) image_load_max = image_page_max;
		// 読み込み開始
		for( i=image_load_count; (i < image_load_max); i++){
			file = image_min + i;
			if(file < 10) file = "0" + file;
			imageSrc[i] = new Image();
			imageSrc[i].src = image_path + file + ".jpg";
			//var tmpImg = _gel("js_load_img" + i);
			//tmpImg.src = imageSrc[i].src;
			js_loading_image.innerHTML += "<img src='"+imageSrc[i].src + "' width=5 height=5>";
		}
	}
	//--------------------------
	// 完了
	//--------------------------
	// もしローディングカウントが数値をこえたら
	if(image_load_max >= image_page_max){
		clearTimeout(tid);
		js_load_box.style.visibility = "hidden";
	}else if(image_load_max >= page_count + 6){
		clearTimeout(tid);
	}else{
		tid=setTimeout("PageLoad()",5000);
	}
}
//---------------------------
// 表示
function View_Do(){
	switch(view){
		case "flash":
			View_Flash();
			break;
		case "all":
			View_ALL();
			break;
		default:
			View_Page();
			break;
	}
}
//------------------------------------------------
// 表示
//------------------------------------------------
//---------------------------
// Flash
function View_Flash(){
	var body_w = document.body.clientWidth - 30;
	var body_h = document.body.clientHeight - 30;
	
	if(! window["twoPage"]) twoPage = 0;
	if(! window["startPage"]) startPage = 0;
	var repObj = js_box.firstChild;
	var swf = "/lib/reader/ehon_reader";
	var flashVars = "&pageMax="+image_count+"&&pageMin="+image_min+"&twoPage=" + twoPage + "&startPage=" + startPage + "&path="+image_path+"&";
	var color = "#000000";
	
	var str = AC_FL_RunContent(
		'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
		'width', body_w,
		'height', body_h,
		'src', swf,
		'quality', 'high',
		'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
		'align', 'middle',
		'play', 'true',
		'loop', 'true',
		'scale', 'showall',
		'wmode', 'window',
		'devicefont', 'false',
		'id', 'ehon_reader',
		'bgcolor', color,
		'name', swf,
		'menu', 'true',
		'allowFullScreen', 'true',
		'allowScriptAccess','sameDomain',
		'movie', swf,
		'salign', '',
		'flashVars', flashVars
		); //end AC code
	str = "<div id='image'>"+str+"</div>";
		
	str += "<div id='view_menu'>";
	if(mode == false) {
		str += "<strong>→ Flashで読む</strong><br>";
		str += "→ <a href='javascript:View_Page();' id='js_view_page'>頁ごとに読む</a><br>";
		str += "→ <a href='javascript:View_ALL();' id='js_view_all'>全て展開する</a><br>";
	}
	str += menu_str;
	str += "</div>";
	
	save("flash");
	js_box.innerHTML = str;
	js_load_box.style.visibility = "hidden";
	
	location.href = "#";
}
//----------------------------
function View_Page(){
	
	page_count = 0;

	
	// タイマーにセット
	js_load_box.style.visibility = "visible";
	imageSrc = new Array();
	image_load_max = 0;
	PageLoad();
	// 一応、生成フォームを表示
	str = "<a name='top'></a>";
	str += "<div id='image'>";
	str += "<img id='js_img' src='" + imageSrc[0].src + "' onclick='javascript:Next();'><br>";
	str += "</div>";
	// メニュー
	str += "<div id='js_menu_box'>";
	str += "<div id='js_menu'>";
	str += "<div style='visibility:hidden' id='js_fileend'>FIN .</div>";
	str += "<a href='javascript:Next();' id='js_next'>次へ</a>";
	str += "<a href='javascript:Prev();' style='visibility:hidden' id='js_prev'>前へ</a>";
	str += "</div>";
	str += "</div>";
	
	str += "<div id='view_menu'>";
	if(mode == false){
		str += "→ <a href='javascript:View_Flash();' id='js_view_flash'>Flashで読む</a><br>";
		str += "<strong>→ 頁ごとに読む</strong><br>";
		str += "→ <a href='javascript:View_ALL();' id='js_view_all'>全て展開する</a><br>";
	}
	str += menu_str;
	str += "</div>";
	
	
	// ページ用セット
	save("page");
	js_box.innerHTML = str;
	location.href = "#top";
	

}
//---------------------------
// 全頁
function View_ALL(){
	str = "";
	str += "<div id='image'>";
	for( i=0; i<image_count; i++){
		var file = image_min + i;
		if(file < 10) file = "0" + file;
		str += "<p><img src='" + image_path + file + ".jpg'></p>";
	}
	str += "</div>";
	str += "<div id='view_menu'>";
	if(mode == false) {
		str += "→ <a href='javascript:View_Flash();' id='js_view_flash'>Flashで読む</a><br>";
		str += "→ <a href='javascript:View_Page();' id='js_view_page'>頁ごとに読む</a><br>";
		str += "<strong>→ 全て展開する</strong><br>";
	}
	str += menu_str;
	str += "</div>";
	save("all");
	js_box.innerHTML = str;
		js_load_box.style.visibility = "hidden";
	location.href = "#";
}
//---------------------------
// フルスクリーン
function View_Full(){
	window.open(me_path,"winfull","fullscreen=yes,scrollbars=yes");
}
//***************************************************************************/
// : Page
//***************************************************************************/
// ------------------------
// Page Show
// ------------------------
function Show(){
	// 入れ子
	js_img = _gel("js_img");
	js_fileend = _gel("js_fileend");
	js_loading = _gel("js_loading");
	js_next = _gel("js_next");
	js_prev = _gel("js_prev");
	js_now = _gel("js_now");
	if(page_count <= 0){
		js_fileend.style.visibility="hidden";
		js_prev.style.visibility="hidden";
		js_next.style.visibility="visible";
		page_count = 0;
	}else if(page_count >= image_page_max - 1){
		js_fileend.style.visibility="visible";
		js_prev.style.visibility="visible";
		js_next.style.visibility="hidden";
		page_count = image_page_max - 1;
	}else{
		js_fileend.style.visibility="hidden";
		js_prev.style.visibility="visible";
		js_next.style.visibility="visible";
	}

	//js_now.innerText = page_count+1;
	js_img.src = imageSrc[page_count].src;
	// Loading 
	PageLoad();
	location.href = "#top";
}
// ------------------------
function Next(){
	if(page_count > image_page_max){
		return;
	}
	page_count++;
	Show();
}
function Prev(){
	if(page_count <= 0){
		return;
	}
	page_count--;
	Show();
}
//***************************************************************************/
// : Etc ...
//***************************************************************************/
function _gel(id){
	return document.getElementById(id);
}
//***************************************************************************/
// : Window
//***************************************************************************/
function getViewWidth() {
  return document.documentElement.clientWidth && document.compatMode && document.compatMode=="CSS1Compat" ? document.documentElement.clientWidth : document.body.clientWidth;
}
function getViewHeight() {
  return document.documentElement.clientHeight && document.compatMode && document.compatMode=="CSS1Compat" ?  (navigator.userAgent.indexOf('Opera') > -1 && parseFloat(window.opera.version()) < 9.5 ? document.body.clientHeight : document.documentElement.clientHeight) : document.body.clientHeight;
}
//***************************************************************************/
// : Flash Tags
//***************************************************************************/
//v1.7
// Flash Player Version Detection
// Detect Client Browser type
// Copyright 2005-2007 Adobe Systems Incorporated.  All rights reserved.
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;

function ControlVersion()
{
	var version;
	var axo;
	var e;

	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry

	try {
		// version will be set for 7.X or greater players
		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
		version = axo.GetVariable("$version");
	} catch (e) {
	}

	if (!version)
	{
		try {
			// version will be set for 6.X players only
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
			
			// installed player is some revision of 6.0
			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
			// so we have to be careful. 
			
			// default to the first public version
			version = "WIN 6,0,21,0";

			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
			axo.AllowScriptAccess = "always";

			// safe to call for 6.0r47 or greater
			version = axo.GetVariable("$version");

		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 4.X or 5.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = axo.GetVariable("$version");
		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 3.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
			version = "WIN 3,0,18,0";
		} catch (e) {
		}
	}

	if (!version)
	{
		try {
			// version will be set for 2.X player
			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
			version = "WIN 2,0,0,11";
		} catch (e) {
			version = -1;
		}
	}
	
	return version;
}

// JavaScript helper required to detect Flash Player PlugIn version information
function GetSwfVer(){
	// NS/Opera version >= 3 check for Flash plugin in plugin array
	var flashVer = -1;
	
	if (navigator.plugins != null && navigator.plugins.length > 0) {
		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
			var descArray = flashDescription.split(" ");
			var tempArrayMajor = descArray[2].split(".");			
			var versionMajor = tempArrayMajor[0];
			var versionMinor = tempArrayMajor[1];
			var versionRevision = descArray[3];
			if (versionRevision == "") {
				versionRevision = descArray[4];
			}
			if (versionRevision[0] == "d") {
				versionRevision = versionRevision.substring(1);
			} else if (versionRevision[0] == "r") {
				versionRevision = versionRevision.substring(1);
				if (versionRevision.indexOf("d") > 0) {
					versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
				}
			}
			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
		}
	}
	// MSN/WebTV 2.6 supports Flash 4
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
	// WebTV 2.5 supports Flash 3
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
	// older WebTV supports Flash 2
	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
	else if ( isIE && isWin && !isOpera ) {
		flashVer = ControlVersion();
	}	
	return flashVer;
}

// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
	versionStr = GetSwfVer();
	if (versionStr == -1 ) {
		return false;
	} else if (versionStr != 0) {
		if(isIE && isWin && !isOpera) {
			// Given "WIN 2,0,0,11"
			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
			tempString        = tempArray[1];			// "2,0,0,11"
			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
		} else {
			versionArray      = versionStr.split(".");
		}
		var versionMajor      = versionArray[0];
		var versionMinor      = versionArray[1];
		var versionRevision   = versionArray[2];

        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
		if (versionMajor > parseFloat(reqMajorVer)) {
			return true;
		} else if (versionMajor == parseFloat(reqMajorVer)) {
			if (versionMinor > parseFloat(reqMinorVer))
				return true;
			else if (versionMinor == parseFloat(reqMinorVer)) {
				if (versionRevision >= parseFloat(reqRevision))
					return true;
			}
		}
		return false;
	}
}

function AC_AddExtension(src, ext)
{
  if (src.indexOf('?') != -1)
    return src.replace(/\?/, ext+'?'); 
  else
    return src + ext;
}

function AC_Generateobj(objAttrs, params, embedAttrs) 
{ 
  var str = '';
  if (isIE && isWin && !isOpera)
  {
    str += '<object ';
    for (var i in objAttrs)
    {
      str += i + '="' + objAttrs[i] + '" ';
    }
    str += '>';
    for (var i in params)
    {
      str += '<param name="' + i + '" value="' + params[i] + '" /> ';
    }
    str += '</object>';
  }
  else
  {
    str += '<embed ';
    for (var i in embedAttrs)
    {
      str += i + '="' + embedAttrs[i] + '" ';
    }
    str += '> </embed>';
  }

	return str;
}

function AC_FL_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  return AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_SW_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
     , null
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
  var ret = new Object();
  ret.embedAttrs = new Object();
  ret.params = new Object();
  ret.objAttrs = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();    

    switch (currArg){	
      case "classid":
        break;
      case "pluginspage":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
      case "src":
      case "movie":	
        args[i+1] = AC_AddExtension(args[i+1], ext);
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;
      case "onafterupdate":
      case "onbeforeupdate":
      case "onblur":
      case "oncellchange":
      case "onclick":
      case "ondblclick":
      case "ondrag":
      case "ondragend":
      case "ondragenter":
      case "ondragleave":
      case "ondragover":
      case "ondrop":
      case "onfinish":
      case "onfocus":
      case "onhelp":
      case "onmousedown":
      case "onmouseup":
      case "onmouseover":
      case "onmousemove":
      case "onmouseout":
      case "onkeypress":
      case "onkeydown":
      case "onkeyup":
      case "onload":
      case "onlosecapture":
      case "onpropertychange":
      case "onreadystatechange":
      case "onrowsdelete":
      case "onrowenter":
      case "onrowexit":
      case "onrowsinserted":
      case "onstart":
      case "onscroll":
      case "onbeforeeditfocus":
      case "onactivate":
      case "onbeforedeactivate":
      case "ondeactivate":
      case "type":
      case "codebase":
      case "id":
        ret.objAttrs[args[i]] = args[i+1];
        break;
      case "width":
      case "height":
      case "align":
      case "vspace": 
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }
  ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;
  return ret;
}
//***************************************************************************/
// : Cookie
//***************************************************************************/
function save(val)
{
  if(!navigator.cookieEnabled){
    return;
  }
  ctime = new Date();
  ctime.setTime(ctime.getTime() + 5184000000);
  document.cookie = "view=" + escape(val) + ";expires=" + ctime.toGMTString();
}
function load()
{
  key = "view=";
  data = "";
  scookie = document.cookie + ";";
  
  start = scookie.indexOf(key);
  if (start != -1){
    end = scookie.indexOf(";", start);
    data = unescape(scookie.substring(start + key.length, end));
  }
  return data;
}
//***************************************************************************/
// : Size
//***************************************************************************/
function getBrowserWidth() {  
    if ( window.innerWidth ) {
        return window.innerWidth; 
    } 
    else if ( document.documentElement && document.documentElement.clientWidth != 0 ) {
        return document.documentElement.clientWidth; 
    }
    else if ( document.body ) {
        return document.body.clientWidth;
    }
    return 0;  
}  
function getBrowserHeight() {  
    if ( window.innerHeight ) {
        return window.innerHeight; 
    } 
    else if ( document.documentElement && document.documentElement.clientHeight != 0 ) {
        return document.documentElement.clientHeight; 
    }
    else if ( document.body ) {
        return document.body.clientHeight;
    }
    return 0;  
}