var lang = "en";

function showComments(){
    document.getElementById('comments_show').style.display = "none";
    document.getElementById('comments_hidden').style.display = "block"
}

function updateComment(){
	alert ('hi');
	new Ajax.Updater('comments_list', 'update_comment.php', {asynchronous:true, evalScripts:true, parameters:'authenticity_token=' + encodeURIComponent(token)});
}

function hover(obj, isHover) {
	if (isHover == 1) {
		document.getElementById(obj.id).style.border = "1px solid silver";
	} else if (isHover == 0) {
		document.getElementById(obj.id).style.border = "1px solid transparent";
	}
}

// object event section
function hover_nav(obj, isHover) {
	if (isHover == 1) {
		// document.getElementById(obj.id).style.textDecoration = "underline";
		document.getElementById(obj.id).style.color = "black";
		// document.getElementById(obj.id).style.color = "#e4832c";
//		document.getElementById(obj.id).style.backgroundColor = "#fad121";
		document.getElementById(obj.id).style.backgroundImage = "url('img/theme1/bg_button.gif')";
	} else {
		// document.getElementById(obj.id).style.textDecoration = "none";
		document.getElementById(obj.id).style.color = "white";
		// document.getElementById(obj.id).style.color = "#fad121";
		// document.getElementById(obj.id).style.backgroundColor = "#e4832c";
		document.getElementById(obj.id).style.backgroundImage = "url('img/theme1/bg_nav_bar.gif')";
	}
}

function hover_menu(objIdArr, bgImgArr, isOver) {
	if (isOver == 1) {
		for (i = 0; i < objIdArr.length; i++) {
			document.getElementById(objIdArr[i]).style.backgroundImage = "url('"+bgImgArr[i]+"')";
		}
	} else {
		for (i = 0; i < objIdArr.length; i++) {
			document.getElementById(objIdArr[i]).style.backgroundImage = "url('')";
		}
	}
}

function toggle(objId, style_) {
	if (style_ == "vis") {
		if (document.getElementById(objId).style.visibility == "hidden") {
			document.getElementById(objId).style.visibility = "visible";
		} else {
			document.getElementById(objId).style.visibility = "hidden";
		}
	}
}

function gotoLink(objId) {
	location.href = links[objId]["url"]+"&lang="+lang;
	// document.getElementById("content").innerHTML = links[objId]["url"]+"&lang="+lang;
	// updateNavBar(objId);
}

function updateNavBar(objId) {
	var mnuLvl_tmp = objId.substring(4).split(".");
	var mnuTree = new Array();
	// getParentMenu(mnuLvl_tmp);
	// alert(mnuLvl_tmp.length + " " + getParentMenu(mnuLvl_tmp).join("."));
	while (mnuLvl_tmp.length > 0) {
		// alert(links["nav_"+mnuLvl_tmp.join(".")]["name"]);
		mnuTree.push(links["nav_"+mnuLvl_tmp.join(".")]["name"]);
		mnuLvl_tmp = getParentMenu(mnuLvl_tmp);
	}
	mnuTree.reverse();
	alert(mnuTree.join(" :: "));
}
// end object event section

// menu section
function makeMenu(arrObj, mnuLvl) {
	var i = 0;
	for (i=1; i<=arrObj["nav_"+mnuLvl.join(".")]["submenu"]; i++) {
		mnuLvl.push(i);
		// alert("nav_"+mnuLvl.join("."));
		if (arrObj["nav_"+mnuLvl.join(".")]["submenu"] > 0) {
			var eventStr = " onMouseOver='showSubMenu(this, 1); hover_nav(this, 1)' onMouseOut='showSubMenu(this, 0); hover_nav(this, 0)'";
		} else {
			var eventStr = " onMouseOver='hover_nav(this, 1)' onMouseOut='hover_nav(this, 0)'";
		}
		
		document.writeln("<tr class='nav_bar'>");
		if (mnuLvl.length == 1) {
			document.writeln("	<td id='"+arrObj["nav_"+mnuLvl.join(".")]["name"]+"'"+ eventStr +" style='width:143; cursor:pointer'>");
		} else {
			document.writeln("	<td id='"+arrObj["nav_"+mnuLvl.join(".")]["name"]+"'"+ eventStr +" style='width:100; cursor:pointer'>");
		}
		document.writeln("		<nobr><div onClick=\"gotoLink('nav_"+mnuLvl.join(".")+"')\" style='padding: 3 0 4 10'>" + arrObj["nav_"+mnuLvl.join(".")]["name"]+"</div></nobr>");
		
		if (arrObj["nav_"+mnuLvl.join(".")]["submenu"] > 0) {
			// kondisi rekursif
			document.writeln("<div style='position:relative; left:95; top:-25'>");
			document.writeln("	<table id='sub_"+arrObj["nav_"+mnuLvl.join(".")]["name"]+"' class='submenu' style='position:absolute; background-color:white; display:none' cellpadding='0' cellspacing='0'>");
			makeMenu(arrObj, mnuLvl);
			document.writeln("	</table>");
			document.writeln("</div>");
		} 
		document.writeln("	</td>");
		document.writeln("</tr>");
		mnuLvl.pop();
		// alert("nav_"+mnuLvl.join(".") + " " + i);
	}
}

function getParentMenu(mnuLvl) {
	// alert(mnuLvl.length + " " + mnuLvl.join("."));
	var mnuLvl_tmp = new Array();
	for (i=0; i<mnuLvl.length-1; i++) {
		mnuLvl_tmp.push(mnuLvl[i]);
	}
	return mnuLvl_tmp;
}

function getSubMenu(arrObj, mnuLvl) {
	var mnuLvl_tmp = new Array();
	if (arrObj["nav_"+mnuLvl.join(".")]["submenu"] > 0) {
		for (i=1; i<=arrObj["nav_"+mnuLvl.join(".")]["submenu"]; i++) {
			mnuLvl.push(i);
			var tmp_arr = {id:mnuLvl.join("."), obj:arrObj["nav_"+mnuLvl.join(".")]};
			mnuLvl_tmp.push(tmp_arr);
			// mnuLvl_tmp.push(mnuLvl[i]);
			mnuLvl.pop(i);
		}
	}
	return mnuLvl_tmp;
}

function showSubMenu(obj, showBool) {
	//alert(obj.id);
	if (showBool == 0) {
		document.getElementById("sub_"+obj.id).style.display = "none";
	} else {
		document.getElementById("sub_"+obj.id).style.display = "block";
	}
}
// end menu section

// nav_bar section
function showOtherSubNav(parentMenu, showBool) {
	var displayMode = "block";
	if (showBool == 0) {
		displayMode = "none";
	} 
	document.getElementById("subnav_"+parentMenu).style.display = displayMode;
}

function showDatePicker() {
	if (document.getElementById("calendar").style.visibility == "visible") {
		document.getElementById("calendar").style.visibility = "hidden";
	} else {
		document.getElementById("calendar").style.visibility = "visible";
	}
}
//end nav_bar section