var getLastChild = function (n){

	var x = n.lastChild;

	while (x.nodeType != 1) {

		x = x.previousSibling;

	}

	return x;

};



var getFirstChild = function (n) {

	var x = n.firstChild;

	while (x.nodeType != 1) {

	alert(x.nodeType);

		x = x.nextSibling;

	}

	return x;

};



var noAttr = function (o, attr){

	var itm = document.getElementsByTagName(o), itml = itm.length;

	

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

		itm[i][attr] = "";

	}

};



var init = function () {

	var nav = document.getElementById("map-nav-img");

	

	var setBg = function (posY) {

		nav.style.backgroundPosition = "11px -" + posY + "px";

	};

	

	var setDefaultBg = function () {
		if (document.getElementById("home")){
			setBg(0);
		} else if (document.getElementById("me")){
			setBg(71);
		} else if (document.getElementById("help")){ 
			setBg(142);
		} else if (document.getElementById("fun")){
			setBg(213);
		} else if (document.getElementById("what")){
			setBg(284);
		}
	}

	

	document.getElementById("map-home").onmouseover = function () {

		setBg(0);

	};

	document.getElementById("map-home").onmouseout = setDefaultBg;

		

	document.getElementById("map-me").onmouseover = function () {

		setBg(71);

	};

	document.getElementById("map-me").onmouseout = setDefaultBg;

	

	document.getElementById("map-help").onmouseover = function () {

		setBg(142);

	};

	document.getElementById("map-help").onmouseout = setDefaultBg;

	

	document.getElementById("map-fun").onmouseover = function () {

		setBg(213);

	};

	document.getElementById("map-fun").onmouseout = setDefaultBg;

	

	document.getElementById("map-what").onmouseover = function () {

		setBg(284);

	};

	document.getElementById("map-what").onmouseout = setDefaultBg;

	

	setDefaultBg();

	

	if (document.getElementById("answer")){

		var tgt = document.getElementById("answer");

		

		tgt.onclick = function () {

			if (document.getElementById("left-panel")){

				var div = document.getElementById("left-panel");

				var arr = div.getElementsByTagName("p");

				var h = "hide";

				

				for (var i = 0; i < arr.length; i++) {

					var cN = arr[i].className;

					

					if (cN.indexOf("hide") == -1) {

						arr[i].className += " " + h;

					} else {

						var cNArr = cN.split("");

						var pos = cN.indexOf("hide");

						var str = "";

						

						for (var k = 0; k < cNArr.length; k++){

							(k == pos) ? k += h.length : str += cNArr[k];

						}

									

						arr[i].className = str;

					}

					

				}

			}

			return false;

		};

	}

	

	noAttr("img", "title");



};



window.onload = init;