function changetabinit() {

	var target = document.getElementById('target');
	var tabbox = document.getElementById('tabBox_0');
	target.style.height = '100px';
	tabbox.style.position = 'absolute';
	tabbox.style.top = '10px';
	tabbox.style.left = '10px';
	document.getElementById('tabBoxIndex'). style.visibility = 'hidden';
	document.getElementById('tab_0').className = 'open';
	target.innerHTML = tabbox.innerHTML;

}

function changetab(id) {

	var target = document.getElementById('target');
	var tabbox = document.getElementById('tabBox_' + id);
	var tabindex = document.getElementById('tab_' + id);

	tabindex.className = 'open';

	for (var i = 0; i < 14; i++) {

		if ( i == id ) {
			continue;
		} 

		var tmp = document.getElementById('tab_' + i);
		if ( tmp.className == 'open' ) {
			tmp.className = 'close';
			break;
		}
	}

	if ( ! tabbox ) {
		return null;
	}	

	target.innerHTML = tabbox.innerHTML;

}