/* blk.jp
 * OnlinePageEditor
 * introduce page
 * 
 * This file controls behavior of menu.
 */

var ope_length;
var ope_texts;
var ope_innerHTMLs = new Array();
var ope_counter;
var ope_blank_page;

function blkOpeInit() {
	this.ope_texts		= document.getElementsByTagName('div');
	this.ope_length		= ope_texts.length;
	this.ope_counter	= 0;
	for( var i = 0; i < this.ope_length; i++ ) {
		if( this.ope_texts[i].className == 'ope-texts' ) {
			this.ope_innerHTMLs[ope_counter]		= ope_texts[i].innerHTML;
			this.ope_texts[i].innerHTML			= '';
			this.ope_texts[i].style.position	= 'absolute';
			this.ope_counter++;
		}
	}
	
	this.ope_blank_page = document.getElementById('ope-text').innerHTML;
	
	/* switch contents by text after "#" of URL */
	var url	= window.location.href;
	if( url.lastIndexOf('#') != -1 ) {
		var id	= url.substring(url.lastIndexOf('#') + 1);
		if( id.indexOf('head') == 0 ) {blkShowText('ope-how-to');
		}
		else blkShowText(id);
	} else
		blkShowText('ope-intro');
}

function blkShowText( id ) {
	document.getElementById('ope-text').innerHTML = this.ope_blank_page // hide all titles and texts.
	this.ope_counter = 0;
	
	for( var i = 0; i < this.ope_length; i++ ) {
		if( this.ope_texts[i].id == id ) {
			this.ope_texts[i].innerHTML	= ope_innerHTMLs[ope_counter];
			this.ope_texts[i].style.position	= 'static';
			break;
		}
		if( ope_texts[i].className == 'ope-texts' ) ope_counter++;
	}
	
	initLightbox();
}