/******************************
     YourBrain Yes/No quiz
(c) YourBrain, 2008
programed by Wataru Doi, 2008.6.16
******************************/

var YourbrainYesnoBP={};
YourbrainYesnoBP.urls={};
YourbrainYesnoBP.urls.baseurl='http://web-parts.info/b_parts/yesno3/';

// YourbrainYesnoBP.filename='yesnobp.js';
YourbrainYesnoBP.filename='yesnobp.php';


YourbrainYesnoBP.urls.separater='';

YourbrainYesnoBP.tpls={};
YourbrainYesnoBP.tpls.loading='Now Loading...';
YourbrainYesnoBP.tpls.container=
					'<div id="wrap_ybbpartyesno3">'+
					'<div id="%id%container" style="width:150px;height:320px;background-image:url(%baseurl%background.gif);">'+
						'<div class="content" style="height:300px;"> </div>';

YourbrainYesnoBP.tpls.explain=
					'<div style="height:130px;background-image:url(%baseurl%title.gif);"> </div>'+
					'<div style="height:100px;background-image:url(%baseurl%explain.gif);overflow:hidden;"><div class="explain" style="padding:20px 15px;"> </div></div>'+
					'<div><a href="#" onmouseover="YourbrainYesnoBP.Swap(this,1);" onmouseout="YourbrainYesnoBP.Swap(this,0);" onclick="YourbrainYesnoBP.Start();return false;"><img src="%baseurl%start.gif" width="150" height="40" style="width:150px;height:40px;" /></a></div>';

YourbrainYesnoBP.tpls.qanda=
					'<div style="height:125px;background-image:url(%baseurl%quiz_head.gif)"><div class="question" style="padding:65px 10px 5px;overflow:hidden;">%question%</div></div>'+
					'<div onmouseover="YourbrainYesnoBP.SwapBG(this,1);" onmouseout="YourbrainYesnoBP.SwapBG(this,0);" onclick="YourbrainYesnoBP.Select(1);" style="height:73px;background-image:url(%baseurl%quiz_yes.gif);background-position:0px 0px;">'+
						'<div class="answeryes" onmouseovera="YourbrainYesnoBP.SwapBG(this.parentNode,2);" style="color:#fff;padding:30px 10px 10px 10px;overflow:hidden;">%answeryes%</div>'+
					'</div>'+
					'<div onmouseover="YourbrainYesnoBP.SwapBG(this,1);" onmouseout="YourbrainYesnoBP.SwapBG(this,0);" onclick="YourbrainYesnoBP.Select(0);" style="height:73px;background-image:url(%baseurl%quiz_no.gif);background-position:0px 0px;">'+
						'<div class="answerno" onmouseovera="YourbrainYesnoBP.SwapBG(this.parentNode,2);" style="color:#fff;padding:30px 10px 10px 10px;overflow:hidden;">%answerno%</div>'+
					'</div>';

YourbrainYesnoBP.tpls.result=		'<div style="height:125px;background-image:url(%baseurl%result_head.gif);"><div style="color:#fff;padding:60px 8px 0px;text-align:center;font-weight:bold;">%subject%</div><div style="color:#fff;padding:0px 10px;letter-spacing:1px;overflow:hidden;">%result%</div></div>'+
					'<div style="height:110px;background-image:url(%baseurl%result_result.gif);"><div style="padding:30px 9px 0px;height:auto;letter-spacing:1px;overflow:hidden;">%youare%</div></div>'+
					'<div style="height:40px;"><a href="#" onmouseover="YourbrainYesnoBP.Swap(this,1);" onmouseout="YourbrainYesnoBP.Swap(this,0);" onclick="YourbrainYesnoBP.Restart();return false;"><img src="%baseurl%restart.gif" width="150" height="40" /></a></div>';

YourbrainYesnoBP.tm=0;

YourbrainYesnoBP.divs={};
YourbrainYesnoBP.divs.container=null;
YourbrainYesnoBP.divs.content=null;
YourbrainYesnoBP.divs.explain=null;
YourbrainYesnoBP.js=null;

YourbrainYesnoBP.explainInterval=4000; // 説明の表示切り替えのインターバル
YourbrainYesnoBP.explains=new Array(); // 説明一覧
YourbrainYesnoBP.explainId=0; // 表示中の説明番号

YourbrainYesnoBP.quizs=[]; // 取得済みクイズ キャッシュファイル
YourbrainYesnoBP.quizId=0; // 表示中クイズ番号

YourbrainYesnoBP.quizAnswers=new Array();  //回答番号一覧


/****
開始
****/

YourbrainYesnoBP.Init=function(){
	this.U.SetXmlns();

	var id='';
	while(1){
		id=this.U.R(6,'');
		if(window[id]===undefined && !document.getElementById(id))
			break;
	}
	
	this.tpls.container=this.tpls.container.replace(/%baseurl%/g, this.urls.baseurl).replace(/%id%/g, id);
	this.tpls.explain=this.tpls.explain.replace(/%baseurl%/g, this.urls.baseurl);
	this.tpls.qanda=this.tpls.qanda.replace(/%baseurl%/g, this.urls.baseurl);
	this.tpls.result=this.tpls.result.replace(/%baseurl%/g, this.urls.baseurl);
	if(this.U.isXml){
		var div=this.U.CreateElement('div');
		div.innerHTML=this.tpls.container;
		this.divs.container=div.firstChild;
		div=null;
		
		// IEはXMLでの表示ができないため、ここを通過しない
		if(window.addEventListener){
			window.addEventListener('load',function(){
				var scrs=document.getElementsByTagName('script');
				for(var i=0;i<scrs.length;i++){
					if(scrs[i].src==YourbrainYesnoBP.urls.baseurl+YourbrainYesnoBP.filename){
						scrs[i].parentNode.insertBefore(YourbrainYesnoBP.divs.container, scrs[i]);
						YourbrainYesnoBP.Init2();
						return true;
					}
				}
			}, false);
			
		}
	}else{
		document.write(this.tpls.container);
		this.divs.container=document.getElementById(id+'container');
		this.Init2();
document.write("<link href=\"http://www.web-parts.info/b_parts/yesno3/css/style_yesno.css\" rel=\"stylesheet\" type=\"text/css\"/>");
	}
	delete id;
	return true;
};//Init

/****
イニシャライズ続き
****/
YourbrainYesnoBP.Init2=function(){
	this.divs.container.id='';
	this.divs.content=this.U.GetInnerElement(this.divs.container, 'content');

	/* starting */
	this.divs.content.innerHTML=this.tpls.explain;
	this.divs.explain=this.U.GetInnerElement(this.divs.container, 'explain');
	this.U.SetDefaultStyles(this.divs.container);
	this.SetDefaultStyles();

	//explain.jsからthis.Loadedを実行する
	this.js=this.U.CreateScript(this.urls.baseurl+'explain.js');
};//Init2

/****
Restart
Explainを表示するだけ
****/
YourbrainYesnoBP.Restart=function(){
	this.divs.content.innerHTML=this.tpls.explain;
	this.divs.explain=this.U.GetInnerElement(this.divs.container, 'explain');
	this.SetDefaultStyles();
	this.explainId=0;
	this.Explain();
	return true;
};//Restart


/****
JSONPで読み込んだ説明書きの表示
タイマーにより１セットずつ表示する。
****/
YourbrainYesnoBP.Explain=function(){

	this.divs.explain.innerHTML=this.explains[this.explainId];
	
	this.SetDefaultStyles();
	this.explainId++;
	if(this.explainId>=this.explains.length)
		this.explainId=0;
	this.tm=setTimeout(function(){YourbrainYesnoBP.Explain();}, this.explainInterval);
	return true;
};//Explain


/****
開始ボタン、リスタートボタン押下
****/
YourbrainYesnoBP.Start=function(){
	if(this.tm)
		this.tm=clearTimeout(this.tm);
	
	this.explainId=0
	this.quizId=0;
	this.quizAnswers=new Array();
	this.quizs=new Array();
	this.divs.content.innerHTML=this.tpls.qanda.replace(/%question%/, this.tpls.loading).replace(/%answeryes%/,'').replace(/%answerno%/,'');

	this.SetDefaultStyles();
	this.RemoveOldQuiz();
	
	//quiz.jsからthis.Quizを実行する。
	this.GetNextquiz();
	return this;
};//Start

/****
JSONP call
クイズと選択肢を表示
****/
YourbrainYesnoBP.Quiz=function(qs){
	if(this.tm)
		this.tm=clearTimeout(this.tm);
	
	this.quizId++;
	this.quizs.push(qs);

	switch(qs[0]){
	case 'x': // 説明
		for(var i=1;i<qs.length;i++)
			this.explains[i-1]=qs[i];
		this.explainId=0;
	
		this.SetDefaultStyles();
		this.RemoveOldQuiz();
	
		this.Explain();
		return 0;
	
	case 'q': // クイズ続行
		//IE6で同時に２つ以上のinnerHTMLを変更すると、表示に不具合が生じるため、全体を書き換え。
		this.divs.content.innerHTML=this.tpls.qanda.replace(/%question%/, qs[1]).replace(/%answeryes%/,qs[2]).replace(/%answerno%/,qs[3]);

		break;
	
	case 'r': // 結果
		this.divs.content.innerHTML=this.tpls.result.replace(/%subject%/, qs[1]).replace(/%result%/, qs[2]).replace(/%youare%/, qs[3]);
		break;
	default: // error
		this.divs.content.innerHTML=this.tpls.result.replace(/%subject%/, 'System Error').replace(/%result%/, 'エラーが発生しました。再度最初からトライしてみてください').replace(/%youare%/, '');
		break;
	}
	this.SetDefaultStyles();
	this.RemoveOldQuiz();
	return 0;
};//Quiz

/****
クイズの選択肢を選択
****/
YourbrainYesnoBP.Select=function(ans){
	// 問題数よりも回答数が上回るときは終了
	if(this.quizId<this.quizAnswers.length+1 || this.quizs[this.quizId-1][0]=='e')
		return;
	if(this.tm)
		this.tm=clearTimeout(this.tm);
	this.U.GetInnerElement(this.divs.container, 'question').innerHTML=this.tpls.loading;
//	this.U.GetInnerElement(this.divs.container, 'answeryes').innerHTML=' ';
//	this.U.GetInnerElement(this.divs.container, 'answerno').innerHTML=' ';
//	this.divs.content.innerHTML=this.tpls.qanda.replace(/%question%/, 'Now Loading...').replace(/%answeryes%/,'').replace(/%answerno%/,'');
	
	this.quizAnswers.push(ans);
	this.GetNextquiz();
	return false;
};//Select

/****
次のクイズを取得。
****/
YourbrainYesnoBP.GetNextquiz=function(){
	var type, url;
	
	url=this.urls.baseurl+'quiz'+(this.quizAnswers.join(this.urls.separater))+'.js';
	this.js=this.U.CreateScript(url);
	return this;
};//GetNextQuiz

/****
JSONPスクリプトを消去
****/
YourbrainYesnoBP.RemoveOldQuiz=function(){
	if(this.js){
		this.js.parentNode.removeChild(this.js);
		this.js=null;
	}
	return this;
};//RemoveOldQuiz

/****
getElementsByTagName('*')はSafari1.0不可
****/
YourbrainYesnoBP.SetDefaultStyles=function(){
	var ds=this.divs.container.getElementsByTagName('*');
	for(var i=0;i<ds.length;i++)
		this.U.SetDefaultStyles(ds[i]);
	
};//SetDefaultStyles

/****
<a><img></a>
ancher内のimgをswap-image
flg=1: img.src に'_'を追加 ex) image.gif -> image_.gif
flg=0: restore
****/
YourbrainYesnoBP.Swap=function(elm, flg){
	var img=elm.firstChild;
	while(img && img.nodeType!=1)
		img=img.nextSibling;
	if(!img)
		return false;
	var src=img.src;
	src=(flg)?src.replace(/(\.\w+)$/, "_$1"):src.replace(/_(\.\w+)$/, "$1");
	img.src=src;
	return true;
};//Swap

/****
flg=1: background-positionを移動
flg=0: restore
****/
YourbrainYesnoBP.SwapBG=function(elm, flg){
	if(!elm.style)
		return false;

	var height=parseInt(this.U.GetStyle(elm, 'height'));
	if(height==NaN)
		height=0;
	height=-(+flg) * height;

	elm.style.backgroundPosition='0px '+height+'px';
	return true;
};//SwapBG

/*****/
YourbrainYesnoBP.U={
	 xmlns:''
	,isXml:false
};//U

/****
ランダムな文字列を生成
****/
YourbrainYesnoBP.U.R=function(cnt, s){
	for(var i=cnt,s='',r;i;i--){
		s+=String.fromCharCode('a'.charCodeAt(0)+Math.random()*26);
	}
	return s;
};//R

/****
スクリプト要素を作成、ドキュメントに追加
****/
YourbrainYesnoBP.U.CreateScript=function(src){
	if(!src||src=='')
		return false;
	var sc=this.CreateElement('script');
	if(!sc)
		return false;

	if(this.isXml)
		this.SetAttribute(sc, 'type', 'application/x-javascript');
	else
		this.SetAttribute(sc, 'type', 'text/javascript');
	this.SetAttribute(sc, 'charset', 'utf-8');
	this.SetAttribute(sc, 'src', src);

	var hd=document.getElementsByTagName('head');
	if(hd)
		hd=hd.item?hd.item(0)||hd[0]:hd[0];
	else
		hd=document.body||document.documentElement;
	if(hd)
		hd.insertBefore(sc, null);
	else if(document.insertBefore)
		document.insertBefore(sc, null);
	
	return sc;
};//CreateScript

/*****/
/****
Firefox <script>に対してのSetAttributeNSでエラー
属性にnamespaceがなくても表示できるので、全要素にsetAttributeでも問題ないと思われる
****/
YourbrainYesnoBP.U.SetAttribute=function(tag, attrname, value){
	if(this.isXml && tag.nodeName.toLowerCase()!='script'){
		if(value==undefined)
			value=attrname;
		tag.setAttributeNS(this.xmlns, attrname, value, 1);
	}else
		tag.setAttribute(attrname, value, 1);
	return tag;
};//SetAttribute

/*****/
YourbrainYesnoBP.U.CreateElement=function(tagname){
	if(this.isXml)
		return document.createElementNS(this.xmlns, tagname);
	else
		return document.createElement(tagname);
};//CreateElement

/*****
element.getElementByClassName()
Safari1.0不可
*****/
YourbrainYesnoBP.U.GetInnerElement=function(elm, id){
	var elms=elm.getElementsByTagName('*');
	for(var i=0;i<elms.length;i++){
		if(elms[i].className==id)
			return elms[i];
	}
	return null;
};//GetInnerElement

/*****/
YourbrainYesnoBP.U.SetXmlns=function(){
	var isIE=!window.opera && window.all;
	var ns="http://www.w3.org/1999/xhtml";
	var doc=document.documentElement;
	if(isIE || !doc || !document.createElementNS || !doc.getAttributeNS){
		this.isXml=false;
		return this;
	}
	var cType=doc.contentType||'';
	if( cType.indexOf('xml')!=-1
	 || document.xmlVersion!=null
	 || doc.getAttributeNS(ns, 'xmlns')
	 ){
		this.isXml=true;
		this.xmlns=ns;
	}else{
		this.isXml=false;
	}
	
	return this;
};//SetXmlns

/****
****/
YourbrainYesnoBP.U.SetDefaultStyles=function(elm){
var defs={
	color:'#000000'
	,backgroundColor:'transparent'
	,backgroundImage:'none'
	,backgroundPosition:'center top'
	,backgroundRepeat:'no-repeat'
	//,fontFamily:'"ＭＳ Ｐゴシック" OSAKA "Times New Roman" serif'
	,fontFamily:'"ＭＳ ゴシック" "OSAKA 等幅" monospace'
	,fontSize:'10px'
	,fontWeight:'normal'
	,lineHeight:'normal'
	,fontStyle:'normal'
	,fontVariant:'normal'
	,position:'static'
	,marginTop:'0'
	,marginLeft:'0'
	,marginBottom:'0'
	,marginRight:'0'
	,paddingTop:'0'
	,paddingLeft:'0'
	,paddingBottom:'0'
	,paddingRight:'0'
	,borderWidth:'0'
	,borderStyle:'none'
	,styleFloat:'none'
	,cssFloat:'none'
	,clear:'none'
	,textAlign:'left'
	,width:'auto'
	,height:'auto'
	,visibility:'visible'
//	,overflow:'hidden' // ブラウザデフォルトはoverflow:auto
//	,clip:'auto' // clipはIEでエラーになるため処理できない
	,zoom:'normal'
	,textJustify:'auto'
	,textIndent:'0px'
	,textTransform:'none'
	,letterSpacing:'normal'
	,wordSpacing:'normal'
	,textDecoration:'none'
	,whiteScape:'normal'
	,lineBreak:'normal'
	,wordBreak:'normal'
	,wordWrap:'normal'
	,writingMode:'lr-tb'
	,layoutGrid:'loose none none both'
	,direction:'ltr'
};
	for(i in defs){
		if(!this.GetStyle(elm,i))
			elm.style[i]=defs[i];
	}
	// displayプロパティの初期化
	// 空文字列の代入だけで良いかも知れない
	elm.style['display']='';
	var nm=elm.nodeName.toLowerCase();
	if(nm=='div' || nm=='p')
		elm.style['display']='block';
	else if(nm=='a' || nm=='span')
		elm.style['display']='inline';
	else if(nm=='img')
		elm.style['display']='inline';
		//elm.style['display']='inline-block'; // 各ブラウザ未サポート
		
	delete defs;
};//SetDefaultStyles

/*****/
YourbrainYesnoBP.U.GetStyle=function(el, prop){
	if(!!el.style && el.style[prop]){
		return el.style[prop];
//	}else if(document.defaultView && document.defaultView.getComputedStyle){
//		prop=prop.replace(/([A-Z])/g, "-$1");
//		prop=prop.toLowerCase();
//		return document.defaultView.getComputedStyle(el,"").getPropertyValue(prop);
//	}else if(el.currentStyle){
//		return el.currentStyle[prop];
	}else{
		return '';
	}
};//GetStyle

YourbrainYesnoBP.Init();
document.writeln(" </div></div> ");