/* Top script
________________________________________________*/


function hxMainPanell(){
		hxBtn01 = document.getElementById('hxTourBtn01');
		hxBtn02 = document.getElementById('hxTourBtn02');
		hxPanell01 = document.getElementById('hxTourMainBox01');
		hxPanell02 = document.getElementById('hxTourMainBox02');
		hxBtn01.onclick = function (){
			hxPanell01.style.display = 'none';
			hxPanell02.style.display = 'block';
		}
		hxBtn02.onclick = function (){
			hxPanell01.style.display = 'block';
			hxPanell02.style.display = 'none';
		}
}


/* userimpression script 
________________________________________________*/


var selected = 0;
var mainPanellArray = [];
var btnImageArray01 = [];
var psFirst = true;
var typeBase = "";
var typeO = "_o";
var typeA = "_o";

function setPanellSwitch() {
	var tg;
	var imgArray = document.getElementsByTagName("img");
	var divArray = document.getElementsByTagName("div");
	var tmp_array01 = [];
	
	for (var i = 0; i < imgArray.length; i++) {
		var cl = imgArray[i].className;
		if (cl == "PANELLSWITCH01") tmp_array01.push(imgArray[i]);
	}
	
	for (var i = 0; i < divArray.length; i++) {
		var cl = divArray[i].className;
		if (cl.indexOf("INNER0") >= 0) mainPanellArray.push(divArray[i]);
	}
	
	for (var i = 0, ln = tmp_array01.length; i < ln; i++) {
		var ob = {};
		ob.tg = tmp_array01[i];
		ob.id = i;
		ob.flag = (i == selected) ? true : false;
		btnImageArray01.push(ob);
		setPSEvent(ob);
	}
	
	changePanell(selected);
}


function setPSEvent(ob) {
	var tg = ob.tg;
	var i = ob.id;
	tg.onmouseover = function() {
		if (!ob.flag) {
			var src = this.getAttribute("src");
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			this.setAttribute("src", src.replace(typeBase + ftype, typeO + ftype));
		}
	}	
	
	tg.onmouseout = function() {
		if (!ob.flag) {
			var src = this.getAttribute("src");
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			this.setAttribute("src", src.replace(typeO + ftype, typeBase + ftype));
		}
	}
	
	tg.onclick = function() {
		togglePS(i);
	};
	
	var src = tg.getAttribute("src");
	var typeA = src.substring(src.lastIndexOf('.'), src.length);
	ob.img = src;
	ob.img_a = src.replace(typeA, "_o" + typeA);
	
	if (i == selected) {
		changePanellType(ob, "_o");
		tg.setAttribute("class", "cursorN");
		tg.setAttribute("className", "cursorN");
	} else {
		tg.setAttribute("class", "cursorP");
		tg.setAttribute("className", "cursorP");
	}
}


function changePanellType(ob, str) {
	if (ob.tg == undefined) return;
	if (str == typeA) {
		var src = ob.img_a;
		ob.tg.setAttribute("class", "cursorN");
		ob.tg.setAttribute("className", "cursorN");
	} else if (str == typeO) {
		var src = ob.img_o;
	} else {
		var src = ob.img;
		ob.tg.setAttribute("class", "cursorP");
		ob.tg.setAttribute("className", "cursorP");
	}
	ob.tg.setAttribute("src", src);	
}


function togglePS(n) {
	changePanell(n);
	for (var i = 0, ln = btnImageArray01.length; i < ln; i++) {
		if (n == i) {
			btnImageArray01[i].flag = true;
			changePanellType(btnImageArray01[i], "_o");
		} else {
			btnImageArray01[i].flag = false;
			changePanellType(btnImageArray01[i], typeBase);
		}
	}
	
	selected = n;
}

function changePanell(n) {
	for (var i = 0; i < mainPanellArray.length; i++) {
		mainPanellArray[i].style.display =  (i == n) ? "block" : "none";
	}
}