// ==UserScript==
// @name           UJU-Ujura and Uju
// @namespace      http://home.384.jp/evidence/lab/uju/
// @description    User Javascript for Ukagaka - Ghost "Ujura and Uju"
// @version        1.0.2
// @include        http://*
// @include        https://*
// ==/UserScript==
/**
 * This script is based on SUKURI.
 * @see http://www.sepia.dti.ne.jp/macrobiotica/
 */
(function(){
var VERSION     = "1.0.2";
var LAST_UPDATE = "2009.06.27";

sukuriInit();

/**
 * Number of Charactor
 */
function getCharNum(){
	return 2;
}

/**
 * Interval of AITalk
 */
function getTalkInterval(){
	return 30 * 1000;
}

/**
 * Interval of Playing Sakura Script
 */
function getScriptInterval(){
	return 80;
}

/**
 * OnBoot
 */
function getTalkOnBoot(){
	var talk = [
		 "\\0\\s[0]うじゅらです。\\w8\\w8\\1\\s[10]うじゅうです。\\w8\\w8\\w8\\w8\\e"
		,"\\1\\s[10]ワタシハ \\w8ゴースト \\w8ウジュウ\\w8\\w8\\0\\s[0]コンゴトモヨロシク…。\\w8\\w8\\w8\\w8\\e"
		,"\\0\\s[0]お呼びでしょうかご主人さま。\\w8\\w8\\1\\s[10]似合わないセリフはやめなよ。\\w8\\w8\\0\\s[1]\\nえー、\\w8かわいいじゃん。\\w8\\w8\\w8\\w8\\e"
		,"\\1\\s[10]む…、\\w8" + document.title + "が好きなのか？\\w8\\w8\\0\\s[1]どうだっていいじゃない…。\\w8\\w8\\w8\\w8\\e"
	];
	return talk[Math.floor(Math.random() * talk.length)];
}

/**
 * OnAITalk
 */
function getTalkOnAITalk(){
	var talk = [
		 "\\0\\s[0]…\\w8…\\w8…\\w8！！\\w8\\w8\\1\\s[10]…どうしたの。\\w8\\w8\\0\\n\\s[1]まばたきの練習。\\w8\\w8\\1\\n…ちょっと難しいんだよな…。\\w8\\w8\\w8\\w8\\e"
		,"\\0\\s[0]デスクトップの世界にもボクたちの仲間がいるらしよ。\\w8\\w8\\1\\s[10]えー、\\w8あんな狭い所に暮らしてる奴なんているわけないよ。\\w8\\w8\\0\\n\\s[1]そうかなぁ…。\\w8\\w8\\w8\\w8\\e"
		,"\\0\\s[0]…ボクたち、\\w8お邪魔じゃないですか？\\w8\\w8\\1\\s[11]そのことには触れるな！\\w8\\w8\\w8\\w8\\e"
		,"\\0\\s[0]ボクたちは、JavaScriptっていう言葉を使って喋ってるんだよ。\\w8\\w8\\1\\s[10]Webブラウザーで動作するプログラミング言語なのさ。\\w8\\w8\\0\\c\\s[1]…ボク、プログラミングは苦手だよ…。\\w8\\w8\\1\\c…そのうち誰かが簡単に使えるようにしてくれるよ、\\w8きっと…。\\w8\\w8\\w8\\w8\\e"
		,"\\1\\s[10]JavaScriptの文字列で「\\\\」を表すには、\\w8「\\\\\\\\」って２回書かないといけないんだ。\\w8\\w8\\0\\s[1]面倒だね。\\w8\\w8\\w8\\w8\\e"
	];
	return talk[Math.floor(Math.random() * talk.length)];
}

/**
 * OnMouseDoubleClick
 */
function getTalkOnMouseDoubleClick(reference){
	var talk0 = [
		 "\\0\\s[0]なんですか？\\n\\q[何か話して,talk]\\n\\q[終了,close]\\n\\q[何でもない,Menu_CANCEL]\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\w8\\e"
	];
	var talk1 = [
		 "\\1\\s[10]つつくならうじゅらをつつきや。\\w8\\w8\\w8\\w8\\e"
		,"\\1\\s[10]メニューならうじゅうに頼んでください。\\w8\\w8\\w8\\w8\\e"
	];
	switch (reference[3]) {
		case 0:
			return talk0[Math.floor(Math.random() * talk0.length)];
		case 1:
			return talk1[Math.floor(Math.random() * talk1.length)];
		default:
			return "\\e";
	}
}

/**
 * OnChoiceSelect
 * @param array reference
 */
var getTalkOnChoiceSelect = function(reference){
	switch (reference[0]) {
		case "talk":
			return getTalkOnAITalk();
		case "close":
			return "\\0\\s[1]うん…。\\w8\\w8\\n\\s[0]じゃあねー。\\w8\\w8\\w8\\w8\\-";
		case "Menu_CANCEL":
		default:
			return "\\e";
	}
}

/**
 * Definition of surfaces
 * @param integer scope
 * @param string key
 * @return string
 */
function surfacesTxt(scope, key){
	var surfacesTxtList = {
		 "0": {
		 	// default surface
		 	 "defaultsurface": "0"
			// <div>
			,"width"         : "65"
			,"height"        : "65"
			,"position"      : "fixed"
			,"top"           : "auto"
			,"left"          : "auto"
			,"bottom"        : "5px"
			,"right"         : "5px"
			// <p>
			,"text-align"    : "right"
			,"margin"        : "auto 55px auto auto"
		}
		,"1": {
			// default surface
			 "defaultsurface": "10"
			// <div>
			,"width"         : "65"
			,"height"        : "65"
			,"position"      : "fixed"
			,"top"           : "auto"
			,"left"          : "5px"
			,"bottom"        : "5px"
			,"right"         : "auto"
			// <p>
			,"text-align"    : "left"
			,"margin"        : "auto auto auto 65px"
		}
	};
	return surfacesTxtList[scope][key];
}

/**
 * Definition of balloon
 * @param integer scope
 * @param string key
 * @return string
 */
function balloonDescriptTxt(scope, key){
	var balloonDescriptTxtList = {
		 "0": {
		 	// <div>
			 "width"     : "192px"
			,"height"    : "96px"
			,"margin"    : "2px"
			,"padding"   : "0px"
			,"text-align": "left"
			,"font-size" : "14px"
			// <p>
			,"pMargin"   : "22px"
			,"pPosition" : "relative"
			,"pTop"      : "12px"
		}
		,"1": {
			// <div>
			 "width"     : "192px"
			,"height"    : "96px"
			,"margin"    : "2px"
			,"padding"   : "0px"
			,"text-align": "left"
			,"font-size" : "14px"
			// <p>
			,"pMargin"   : "22px"
			,"pPosition" : "relative"
			,"pTop"      : "12px"
		}
	};
	return balloonDescriptTxtList[scope][key];
}

/**
 * This function has to return unique id which is not used in the web page.
 * @param integer scope
 * @param string key
 * @return string
 */
function getSukuriId(scope, key){
	var SukuriIdList = {
		 "SCOPE"     : "sukuri_scope"
		,"SHELLBOX"  : "sukuri_shellbox"
		,"SHELL"     : "sukuri_shell"
		,"BALLOONBOX": "sukuri_balloonbox"
		,"BALLOON"   : "sukuri_balloon"
		,"IMAGE"     : "sukuri_image"
		,"GLOBAL"    : "sukuri_global" 
		,"SCRIPT"    : "sukuri_script"
		,"TARGET"    : "sukuri_target"
		,"MODE"      : "sukuri_mode"
	};
	return SukuriIdList[key] + scope;
}

/**
 * This function is executed once loading web page.
 */
function sukuriInit(){
	setField();
	materialize();
	setMainLoop();
}

/**
 * Making div tags to store images or values
 */
function setField(){
	createMain();
	createBalloon();
	createShell();
	createGlobalVariableBox();
}

/**
 * Creating window of scope
 */
function createMain(){
	var e, i;
	for (i = 0; i < getCharNum(); i++) {
		e = document.createElement("div");
		e.id = getSukuriId(i, "SCOPE");
		e.style.position = surfacesTxt(i, "position");
		e.style.top = surfacesTxt(i, "top");
		e.style.left = surfacesTxt(i, "left");
		e.style.bottom = surfacesTxt(i, "bottom");
		e.style.right = surfacesTxt(i, "right");
		document.body.appendChild(e);
	}
}

/**
 * create shell of scope
 */
function createShell(){
	var e, p, i;
	for (i = 0; i < getCharNum(); i++) {
		// making div tag to store p tag
		e = document.createElement("div");
		e.id = getSukuriId(i, "SHELLBOX");
		p = document.getElementById(getSukuriId(i, "SCOPE"));
		p.appendChild(e);
		// making p tag to store shell image
		e = document.createElement("p");
		e.id = getSukuriId(i, "SHELL");
		e.style.textAlign = surfacesTxt(i, "text-align");
		e.style.margin = surfacesTxt(i, "margin");
		p = document.getElementById(getSukuriId(i, "SHELLBOX"));
		p.appendChild(e);
	}
}

/**
 * create balloon of scope
 */
function createBalloon(){
	var e, p, i;
	for (i = 0; i < getCharNum(); i++) {
		// making div tag to show balloon image in background
		e = document.createElement("div");
		e.id = getSukuriId(i, "BALLOONBOX");
		e.style.width = balloonDescriptTxt(i, "width");
		e.style.height = balloonDescriptTxt(i, "height");
		e.style.margin = balloonDescriptTxt(i, "margin");
		e.style.textAlign = balloonDescriptTxt(i, "text-align");
		e.style.fontSize = balloonDescriptTxt(i, "font-size");
		p = document.getElementById(getSukuriId(i, "SCOPE"));
		p.appendChild(e);
		// making p tag to show text charactor talking
		e = document.createElement("p");
		e.id = getSukuriId(i, "BALLOON");
		e.style.margin = balloonDescriptTxt(i, "pMargin");
		e.style.position = balloonDescriptTxt(i, "pPosition");
		e.style.top      = balloonDescriptTxt(i, "pTop");
		p = document.getElementById(getSukuriId(i, "BALLOONBOX"));
		p.appendChild(e);
	}
}

/**
 * Making div tags to store global variables
 */
function createGlobalVariableBox(){
	var e, i;
	var dummyList = ["SCRIPT", "TARGET", "MODE"];
	var p = document.createElement("div");
	p.id = getSukuriId("", "GLOBAL");
	document.body.appendChild(p);
	for (i = 0; i < dummyList.length; i++) {
		e = document.createElement("div");
		e.id = getSukuriId("", dummyList[i]);
		e.style.visibility = "hidden";
		p.appendChild(e);
	}
}

/**
 * Materialize shell of scope
 */
function materialize(){
	var e, p, i;
	var f = Array(getCharNum());
	for (i = 0; i < getCharNum(); i++) {
		e = document.createElement("img");
		e.src = getSurface(surfacesTxt(i, "defaultsurface"));
		e.id = getSukuriId(i, "IMAGE");
		e.width = surfacesTxt(i, "width");
		e.height = surfacesTxt(i, "height");
		eval('f[i] = function(){ setOnMouseDoubleClickEvent(Array("", "", "", ' + i + ')); };');
		e.addEventListener("dblclick", f[i], false);
		e.style.cursor = "pointer";
		p = document.getElementById(getSukuriId(i, "SHELL"));
		p.appendChild(e);
	}
}

function unmaterialize(){
	clearGlobalVariable();
	var nodeClear = document.getElementById(getSukuriId("", "GLOBAL"));
	if (nodeClear) {
		nodeClear.parentNode.removeChild(nodeClear);
	}
	for (var i = 0; i < getCharNum(); i++) {
		nodeClear = document.getElementById(getSukuriId(i, "SCOPE"));
		if (nodeClear) {
			nodeClear.parentNode.removeChild(nodeClear);
		}
	}
}

/**
 * Setting loop of talk when booting
 */
function setMainLoop(){
	clearGlobalVariable();
	initPlayingSakuraScript(getTalkOnBoot());
}

/**
 * Setting loop of talk next
 */
function startPlayingSakuraScript(){
	clearGlobalVariable();
	initPlayingSakuraScript(getTalkOnAITalk());
}

/**
 * Setting OnChoiceSelect talk
 * @param array reference
 */
var setOnChoiceSelectEvent =  function(reference){
	var nextTalk = getTalkOnChoiceSelect(reference);
	clearGlobalVariable();
	initPlayingSakuraScript(nextTalk);
};

/**
 * Executed when the charactor is doubleclicked
 */
var setOnMouseDoubleClickEvent = function(reference){
	var nextTalk = getTalkOnMouseDoubleClick(reference);
	clearGlobalVariable();
	document.getElementById(getSukuriId("", "MODE")).innerHTML = "passive";
	initPlayingSakuraScript(nextTalk);
};

/**
 * Initializing global variables
 */
function clearGlobalVariable(){
	var targetBalloonBox, targetBalloon;
	var clearList = ["SCRIPT", "TARGET", "MODE"];
	for (var i = 0; i < clearList.length; i++) {
		var e = document.getElementById(getSukuriId("", clearList[i]));
		if (e == null) {return;}
		e.innerHTML = "";
	}
	for (var i = 0; i < getCharNum(); i++) {
		targetBalloonBox = document.getElementById(getSukuriId(i, "BALLOONBOX"));
		targetBalloonBox.style.backgroundImage = "none";
		targetBalloon = document.getElementById(getSukuriId(i, "BALLOON"));
		targetBalloon.innerHTML = "";
	}
	var nodeClear = document.getElementById("onchoiceselect_div")
	if (nodeClear) {
		nodeClear.parentNode.removeChild(nodeClear);
	}
	clearTimeout(playSakuraScript);
	clearTimeout(startPlayingSakuraScript);
}

/**
 * Preparation sakurasctipt to play
 * @param string sakuraScript
 */
function initPlayingSakuraScript(sakuraScript) {
	var scriptTarget = 0;
	var e;
	e = document.getElementById(getSukuriId("", "SCRIPT"))
	if (e == null) {return;}
	e.innerHTML = sakuraScript;
	e = document.getElementById(getSukuriId("", "TARGET"))
	if (e == null) {return;}
	e.innerHTML = scriptTarget;
	playSakuraScript();
}

/**
 * SakuraScript Playing
 */
function playSakuraScript(){
	var scriptInterval = getScriptInterval();
	var scriptTargetElement = document.getElementById(getSukuriId("", "TARGET"));
	if (scriptTargetElement == null) {return;}
	var scriptTarget = scriptTargetElement.innerHTML;
	if (scriptTarget == "") {return;}
	var targetBalloonBox = document.getElementById(getSukuriId(scriptTarget, "BALLOONBOX"));
	var targetBalloon = document.getElementById(getSukuriId(scriptTarget, "BALLOON"));
	var scriptStringElement = document.getElementById(getSukuriId("", "SCRIPT"));
	var scriptString = scriptStringElement.innerHTML;
	var chr = scriptString.charAt(0);
	// yenMode
	while (chr == "\\") {
		scriptString = scriptString.substring(1, scriptString.length);
		chr = scriptString.charAt(0);
		switch (chr) {
			case "\\":
				targetBalloon.innerHTML += "\\";
				break;
			case "0":
			case "h":
				setTarget(0);
				break;
			case "1":
			case "u":
				setTarget(1);
				break;
			case "n":
				targetBalloon.innerHTML += "<br />";
				break;
			case "c":
				targetBalloon.innerHTML = "";
				break;
			case "w":
				scriptString = scriptString.substring(1, scriptString.length);
				chr = scriptString.charAt(0);
				if (getScriptInterval() < 50 * chr) {
					scriptInterval = 50 * chr;
				}
				checkContinueOrStop();
				return;
			case "e":
				stopSakuraScript();
				return;
			case "-":
				unmaterialize();
				return;
			case "s":
				if (scriptString.charAt(1) == "[") {
					var splArray = scriptString.substring(2, scriptString.length).split("]", 1);
					var surfaceNum = splArray[0];
					if (isNumeric(surfaceNum)) {
						surfaceElm = document.getElementById(getSukuriId(scriptTarget, "IMAGE"));
						surfaceElm.src = getSurface(parseInt(surfaceNum));
						scriptString = " " + scriptString.substring(surfaceNum.length + 3);
					}
				}
				break;
			case "q":
				if (scriptString.charAt(1) == "[") {
					var splArray = scriptString.substring(2, scriptString.length).split("]", 1);
					var selectString = splArray[0];
					var spl = selectString.split(",", 2);
					var txt = spl[0];
					var ref0 = spl[1];
					var id = "onchoiceselect_" + ref0
					var e = document.createElement("span");
					e.id = id;
					e.style.cursor = "pointer";
					e.className = "onchoiceselect";
					e.innerHTML = txt;
					targetBalloon.appendChild(e);
					var onChoiceSelectSpans = targetBalloon.getElementsByClassName("onchoiceselect");
					if(!document.getElementById("onchoiceselect_div")){
						makeEventNode("onchoiceselect_div");
					}
					var r0Div = document.createElement("div");
					r0Div.className = "r0";
					r0Div.style.visibility = "hidden";
					r0Div.innerHTML = ref0;
					var eventIdDiv = document.createElement("div");
					eventIdDiv.style.visibility = "hidden";
					eventIdDiv.id = "event_onchoiceselect_" + ref0;
					eventIdDiv.appendChild(r0Div);
					var pDiv = document.getElementById("onchoiceselect_div");
					pDiv.appendChild(eventIdDiv);
					var n = onChoiceSelectSpans.length;
					var elm = new Array(n);
					var setEventDiv = new Array(n);
					var setBackGround = new Array(n);
					var clearBackGround = new Array(n);
					for (var i = 0; i < n; i++) {
						elm[i] = onChoiceSelectSpans[i];
						eval('var elm' + i + ' = elm[i];');
						eval('setBackGround[i] = function(){ elm' + i + '.style.backgroundColor = "#FFFF3C"; };');
						eval('clearBackGround[i] = function(){ elm' + i + '.style.backgroundColor = "transparent"; };');
						eval('setEventDiv[i] = function(){ setOnChoiceSelectEvent(Array(elm' + i + '.id.substring(15))); };');
						elm[i].addEventListener("click", setEventDiv[i], false);
						elm[i].addEventListener("mouseover", setBackGround[i], false);
						elm[i].addEventListener("mouseout", clearBackGround[i], false);
					}
					scriptString = " " + scriptString.substring(selectString.length + 3);
				}
				break;
			default:
				targetBalloon.innerHTML += "\\";
				scriptString = " " + scriptString
				break;
		}//swith
		scriptString = scriptString.substring(1, scriptString.length);
		chr = scriptString.charAt(0);
	}//while
	targetBalloonBox.style.backgroundImage = "url(" + getBalloon(0) + ")";
	targetBalloon.innerHTML += chr;
	checkContinueOrStop();
	/**
	 * Cnanging scope
	 * @param integer scope
	 */
	function setTarget(scope){
		scriptTarget = scope;
		scriptTargetElement.innerHTML = scope;
		targetBalloon = document.getElementById(getSukuriId(scope, "BALLOON"));
		targetBalloonBox = document.getElementById(getSukuriId(scope, "BALLOONBOX"));
	}
	/**
	 * Checking remained SakuraScript to set timer for next playing
	 */
	function checkContinueOrStop(){
		var rest = scriptString.substring(1, scriptString.length);
		scriptStringElement.innerHTML = rest;
		if (rest.length > 0) {
			setTimeout(playSakuraScript, scriptInterval);
		}
		else {
			stopSakuraScript();
		}
	}
	/**
	 * Stop playing SakuraScript and set timer for next talk
	 */
	function stopSakuraScript(){
		clearGlobalVariable();
		setTimeout(startPlayingSakuraScript, getTalkInterval());
	}
	/**
	 * Numeric Check
	 * @param string num
	 * @return boolean
	 */
	function isNumeric(num){
		return !((num == "") || (num.match(/[^0-9]/g)));
	}
	/**
	 * Make a div to commit event with reference
	 * @param string eventName
	 */
	function makeEventNode(eventName){
		var eventDiv = document.createElement("div");
		eventDiv.id = eventName;
		eventDiv.style.visibility = "hidden";
		document.body.appendChild(eventDiv);
	}
	/**
	 * PassiveMode Check
	 * @return boolean
	 */
	function isPassiveMode(){
		return (document.getElementById(getSukuriId("", "MODE")).innerHTML == "passive");
	}
}

/**
 * Definition surfaces table
 * "Nishikikai" http://members.at.infoseek.co.jp/nishikikai/
 * You can encode images to base64 strings at following web page.
 * @see http://www.kawa.net/works/js/data-scheme/base64.html
 * @param integer num
 */
function getSurface(num){
	var SurfacesList = {
		 0 : 'data:image/png;base64,'+
		'iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAMAAAC5KTl3AAAACVBMVEUA/wAAAJP///8KY4d+AAAA'+
		'AXRSTlMAQObYZgAAAT9JREFUeJzt19EWwiAIBmDx/R+61Y4OEOEXTl3lXWt+/TBzW2v/URn0HmWg'+
		'QlyTey8KvUviULsBLhyWRJbQD4gBCOHzEQfuNrLkoy8HEcgWIILm2YsAEqwJqpEgMYCbYMFmcaHQ'+
		'mcBLI7QXjjAOp4RnjVzHI4FModkC8aHPVAVbgqhtImw5SGAR2CF5/XUoffr4YgHYErJ2J301jfnL'+
		'MrQIXWuS8AB/1YoIOwBb+F6EDv37fAAJEQgxEQFxHWWBYiEgNoI86BJckFuiJKA2sGk6mBfCjKCr'+
		'cEPwXzM6ojeBQHDGN4W507Dc9tX1tolN6biwAMcZkDa4AgS4nSxGaHCEYhHuhg0CJcG768DCdj4k'+
		'hPtsFQgJ6I4VCBEgn5MyEZp6dM8A8gkuBbT5yqOIA0BQbH7uzY6XlAIeIzv9N+MFC5YMR/clzOAA'+
		'AAAASUVORK5CYII='
		,1 : 'data:image/png;base64,'+
		'iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAMAAAC5KTl3AAAACVBMVEUA/wAAAJP///8KY4d+AAAA'+
		'AXRSTlMAQObYZgAAAThJREFUeJzt19sOwiAMBmDK+z+0omwt0MNfMF6tF8aQ9VspSLCUJ86DiI6B'+
		'I4KovmNfoC+wLXzqv4WNyTDQhPa9GYm29PzPZxO61QMCOIUFusYQoVbx1i4KVivZEcrVBx6ckkm8'+
		'bBX4MU2Qw/xCSdD8plGYADlH8p6Vg3UNSQz94cdZUPJvQll5mgszANH+RRgLU6cw9GKJcUvagE1M'+
		'gCP4xNQVk9DnofR1m4iA+AcYClERfh8xIQICgsRZsc5/2f12CVYlBArAciTaQFXhHEFZCZpyswLt'+
		'1XCwI4Dt5AvK8ZoXIMATMOAngnlcgoJZxB9rsI8pfC2cLQUC3rY+BJBdFd63oq0NXNgcAr3xmQJ8'+
		'Y7SIzPXXvQShhFpCQlCIJKAduRt/AY7yi/wTAK+hRpzkC2M3/YlMvADyOgxxRqoj4QAAAABJRU5E'+
		'rkJggg=='
		,10 : 'data:image/png;base64,'+
		'iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAMAAAC5KTl3AAAACVBMVEUA/wCTAAD///8+ZK3ZAAAA'+
		'AXRSTlMAQObYZgAAAU1JREFUeJzV19luAzEIBdDA/3902nq8gFkuoQ+tpSijkTnCxljJ6/WXB/WF'+
		'NkFdgqhLUJv4CucW8Q0wd9IYAjeWMoAGQVP4mNgCf1YUOoSHKBpCKBJjrgA2gwtkCIyer0BA0wgE'+
		'MA0vGCdiASDcBRiErfl7oAjnkES7KIg5TxFRJRWxppERn4RPYT5fQh4/iPVUKsMtGNsArWARorA0'+
		'ruYwZfGSz6NBe9hTbYF0CqbiLkuWUt9HAPAswxKScdy/UsiP4fFZuR61xJpBVEX3FX4chVDsai3o'+
		'vi6caVuop0CtBEIB729beL5TxbghRV/keRjCvqHQW+Iq5sMwtBNWCiuRNDoEwC69D3SRiAGEyIW8'+
		'zSPAu29lfA64BhQ/57nxURX0z1iqhOsakDMCYAq0v2vx5y7+ADeShJ/EFtZbIPpy2LyNa8Iv/FVs'+
		'Af9uvAGmsQ4ovzmZYgAAAABJRU5ErkJggg=='
		,11 : 'data:image/png;base64,'+
		'iVBORw0KGgoAAAANSUhEUgAAAEEAAABBCAMAAAC5KTl3AAAACVBMVEUA/wCTAAD///8+ZK3ZAAAA'+
		'AXRSTlMAQObYZgAAAWVJREFUeJzt1styBCEIBdC+/P9HJ5OOPAVRV6mKm6nJNKcFhcrz/K9iAffC'+
		'JQHcEgBdGt8CXe0DH+HKeIEbg4WX2Dcgwi/RVt4nNaCIlsEPk119IhP6Ra0Eat2xLFYZl8KaWAof'+
		'41ZYEB0hJ6pT0HXIifIgBUC+i14NFpuYhZhvP1nkxGQTLi3IJqZE0lAEJ+SbyFqSZGCNUiZTIxW4'+
		'GpC0plMjCJJ2rIuapFsCRYGM4JMgrpz5o/msBUwE9eMki/AQdObu1QjAow5Lpy0vM7+OI7FHUbWG'+
		'28IQuvF8CXwd0Hs9jWOJKDi+ilavtALfyNZom5BypY8EuNssp3wkPKrhNgDT2NypZ0mEZJJG6Akg'+
		'Cje7k4TP5XALqqAdIAo7payAluDnKwsUmmcHeNQIPwPGhFt3eQbIkKwJFIJUIjfKeFEygq9bBZh9'+
		'zMO7/07q6w29FvHcnpBsdqLFiKsZ7KmjsL+7vgBH/Q8cfR4GFAAAAABJRU5ErkJggg=='
	};
	return SurfacesList[num];
}

/**
 * Definition balloons table
 * You can encode images to base64 strings at following web page.
 * @see http://www.kawa.net/works/js/data-scheme/base64.html
 * @param integer num
 */
function getBalloon(num){
	var BalloonsList = {
		"0" : 'data:image/png;base64,'+
		'iVBORw0KGgoAAAANSUhEUgAAAMAAAABgCAMAAAB8Ho3bAAAACVBMVEUAAACfD/////8zuPpkAAAA'+
		'AXRSTlMAQObYZgAAAXpJREFUeJzt2wEOgjAQRFHq/Q9tCEEo3UJbGmZ/ZS7gf9BEjThN/7Lw8Mjt'+
		'fRW6+h4Gdf0yeP68PvGfB3cbIWzPKprzNfWWoaVfWZ8aqvvV8cuqBN7i15UavPaXCtzmzysQuO4v'+
		'EDjvvxQ4r192IkD0nwi8H5912VME6c/eAkr+PEuAuf7zjHuA6rcErP70ENH6EwEdwOs/COgAYn8k'+
		'oAOY/TvBCxAtBqhrWjYKgHqCfmdoDIC6pW0vQL0XoN4LUG+k9wEygHuGRvkwhz1Dg32hIQOggq2f'+
		'D0AK9v18AFAQ9/MBOMGxn/8bGUtg9LMOkdUPugfm9d8A7gUhB6Dcgmw/RHDSz39iy73gst+5oKCf'+
		'/9yoX0Fpf2xwggg19QeBA0Ko7uf/fyAh4P7BkQqeVhgvX9efQ4jWEO+J0JzvwnCvXm3oUa9S9Gzv'+
		'Z1VWVQwPyArUXcXDAzICdVXN6P18gCFQF9WO3s8HTPT+WKBuaRoeMNH7N4G6o3lPAL5gE2GfYZ5S'+
		'CQAAAABJRU5ErkJggg=='
	};
	return BalloonsList[num];
}
})();
/**
 * TODO
 * 
 * set alignment free
 * SERIKO animation
 * SakuraScript \_s, \_q, \_w[?]
 * bug fix about "clearTimeout"
 */