function show(id,page)
{
	el = document.getElementById(id);
	if (el.style.display == 'none')
	{
		el.style.display = '';
		el = document.getElementById("menu_"+id);
		el.innerHTML = "Hide Form";
	} else {
		el.style.display = 'none';
		el = document.getElementById("menu_"+id);
		el.innerHTML = "Add " + page;
	}
}

function ShowHideMenu(id,HideText,ShowText)
{
	HideText = (HideText == "") ? 'Hide Form' : HideText;
	el = document.getElementById(id);
	if (el.style.display == 'none')
	{
		el.style.display = '';
		el = document.getElementById("menu_"+id);
		el.innerHTML = HideText;
	} else {
		el.style.display = 'none';
		el = document.getElementById("menu_"+id);
		el.innerHTML = ShowText;
	}
}

function ClosePanel(id)
{
	el = document.getElementById(id);
	if (el.style.display == 'none')
	{
		el.style.display = '';
	} else {
		el.style.display = 'none';
	}
}

function confirmation(message) {
	var conf = confirm(message); // confirm = jendela pertanyaan (Ok/Cancel)
	if(conf) 
	{
		return true;
	}
	return false;
}

function textCounter(field,cntfield,maxlimit) {
	if (field.value.length > maxlimit) {// if too long...trim it!
		field.value = field.value.substring(0, maxlimit);
		// otherwise, update 'characters left' counter
	} else {
		cntfield.value = maxlimit - field.value.length;
	}
}

function logout(message) 
{
	ht = document.getElementsByTagName("body");
	ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)";
	var conf = confirm(message); // confirm = jendela pertanyaan (Ok/Cancel)
	if(conf) 
	{
		return true;
	}
	ht[0].style.filter = "";
	return false;
}

function set_active_status(value,url) {
	location.href = url+"&is_active="+value;
}

function set_bool(value,name,url) {
	location.href = url+"&"+name+"="+value;
}

function goto(url) {
	location.href = url;
}

function popup(url,name,width,height) {
  window.open(url,name,'toolbar=0,location=0,directories=0,status=1,menubar=0,resizable=0,width='+width+',height='+height+',scrollbars=yes,maximiziable=yes')
}

function PopupFullScreen(url,name) {
  window.open(url,name,'toolbar=1,location=0,directories=1,status=1,menubar=0,resizable=0,fullscreen=yes,scrollbars=yes,maximiziable=yes')
}

function SelectRowCol4Slicing(action) {
	var object = document.FormManageMap;
	location.href = "?mid="+object.map_id.value+"&row="+object.row.value+"&col="+object.col.value+"&action="+action;
}

var cdiv = "blank";
function SetPositionCenter(id) {
	if (cdiv == "blank") { cdiv = window.setInterval("SetPositionCenter('"+id+"')", 50); }
	var Element = document.getElementById(id);
	Element.style.display = "";
	objh = parseFloat(Element.style.height)/2;
	objw = parseFloat(Element.style.width)/2;
	Element.style.top = Math.floor(Math.round((document.documentElement.offsetHeight/2)+document.documentElement.scrollTop)-objh)+'px';
	Element.style.left = Math.floor(Math.round((document.documentElement.offsetWidth/2)+document.documentElement.scrollLeft)-objw)+'px';
}

function SetPositionTopCenter(id) {
	var Element = document.getElementById(id);
	Element.style.display = "";
	objw = parseFloat(Element.style.width)/2;
	Element.style.top = '40px';
	Element.style.left = Math.floor(Math.round((document.documentElement.offsetWidth/2)+document.documentElement.scrollLeft)-objw)+'px';
	
}

function ShowPlaceDetail(id) {
	//SetPositionTopCenter(id);
	var object = document.getElementById(id);
	object.style.display = "";
}

function CallPanel(panel_name) {
	value = (document.getElementById(panel_name).style.display == "none")?"":"none";
	document.getElementById(panel_name).style.display = value;
}

function CallPanelOnFrame(frame_name,panel_id,style_name,val) {
	eval("object = parent."+frame_name+"."+panel_id+";");
	value = (object.style.display == 'none')?"":"none";
	eval("parent."+frame_name+"."+panel_id+"."+style_name+"='"+value+"';");
}

function ShowFilter() {
	if(IsShowFilter.checked == true) {
		document.getElementById("Filter").style.display = "";
	} else {
		document.getElementById("Filter").style.display = "none";
	}
}

function SelectMapFilter() {
	var map_id = document.getElementById("map_id");
	var zoom = document.getElementById("zoom");
	var icon = document.getElementById("icon");
	var add_place = document.getElementById("add_place");
	var param = "";
	var arr_split = new Array();
	ArrHubMap = map_id.value.split("#");
	if(ArrHubMap.length > 1) {
		map_id = ArrHubMap[1];
		param += "&hc="+ArrHubMap[0];
	} else {
		map_id = map_id.value;
	}
	if(document.getElementById("icon")) {
		param += "&icon="+icon.checked;
	}
	if(zoom.value == "fullscreen") {
		zoom.value = "1";
		zoom.focus();
		PopupFullScreen("fullscreen.php","FullScreen");
	} else {
		parent.maps.location.href = "map.php?add_place="+add_place.checked+"&zoom="+zoom.value+"&map_id="+map_id+param;
	}
}

function ShowAreaAddPlace() {
	var add_place = document.getElementById("add_place");
	var AreaAddPlace = window.parent.frames["maps"].document.getElementById("AreaAddPlace");
	if(add_place.checked == true) {
		AreaAddPlace.style.display = "";
	} else {
		AreaAddPlace.style.display = "none";
	}
}

function ShowIconOnAreaPlace() {
	var add_place = document.getElementById("add_place");
	var AreaAddPlace = window.frames["maps"].document.getElementById("AreaAddPlace");
	if(add_place.checked == true) {
		AreaAddPlace.style.display = "";
	} else {
		AreaAddPlace.style.display = "none";
	}
}

function RemoveToolbar() {
	var map_id = document.getElementById("map_id");
	var zoom = document.getElementById("zoom");
	var icon = document.getElementById("icon");
	var param = "";
	var arr_split = new Array();
	ArrHubMap = map_id.value.split("#");
	if(ArrHubMap.length > 1) {
		map_id = ArrHubMap[1];
		param += "&hc="+ArrHubMap[0];
	} else {
		map_id = map_id.value;
	}
	if(document.getElementById("icon")) {
		param += "&icon="+icon.checked;
	}
  parent.location.href = "map.php?zoom="+zoom.value+"&map_id="+map_id+param;
}

function koordinat() {
	var x =  event.offsetX;
	var y =  event.offsetY;
  status="Koordinat : X : "+ x +" - Y : "+ y;
}   

function ShowValueSelection(panel,val,v) {
	/*
	document.getElementById(panel).style.display = "";
	a = document.getElementById(val);
	var temp = new Array();
	temp = v.split("#");
	a.innerHTML = temp[1];
	*/
}

function Filter() {
	var object = document.FormFilter;
	location.href = "?aid="+object.area_id.value+"&hc="+object.hub_code.value;
}

function FilterAddPlace() {
	var object = document.FormAddPlace;
	var param = (object.hub_code.value != "")?"&hc="+object.hub_code.value:"";
	location.href = "?aid="+object.area_id.value+"&pid="+object.place_id.value+"&map_id="+object.map_id.value+"&x="+object.x.value+"&y="+object.y.value+"&AddPlace=1"+param;
}

function SelectArea(aid,lid) {
	alert(aid+" - "+lid);
	//location.href = "?aid="+val;
}

function AddPlace(event) {
	document.getElementById("PanelAddPlace").style.display = "";

	if (event.offsetX || event.offsetY) {
	//for IE
		pos_x = event.offsetX;
  	pos_y = event.offsetY;
	} else {
	//for Firefox
	/*
		var top = 0, left = 0;
		var elm = document.getElementById("img_map");
		while (elm) {
			left += elm.offsetLeft;
			top += elm.offsetTop;
			elm = elm.offsetParent;
		} 		
		alert("Firefox : left "+left+" - top "+top);
		alert("Firefox : event.pageX "+event.pageX+" - event.pageY "+event.pageY);
		pos_x = event.pageX - left;
		pos_y = event.pageY - top;
		*/
		pos_x = event.pageX;
		pos_y = event.pageY;
	}
	var object = document.FormAddPlace;
	IsChecked = window.parent.document.getElementById("add_place").checked;
	document.getElementById("PanelAddPlace").style.left = pos_x;
	document.getElementById("PanelAddPlace").style.top = pos_y;
	object.add_place.value = IsChecked;
	object.x.value = pos_x;
	object.y.value = pos_y;
}

function ShowPlace(id,status) {
	if(status == 1) {
		if(window.opener.frames["maps"].document.getElementById("IconPlace-"+id)) {
			window.opener.frames["maps"].document.getElementById("IconPlace-"+id).src = "../images/icon/place2.gif";
		} else {
			window.opener.frames["maps"].document.getElementById("Place-"+id).style.border = "3px double red";
		}
	} else {
		if(window.opener.frames["maps"].document.getElementById("IconPlace-"+id)) {
			window.opener.frames["maps"].document.getElementById("IconPlace-"+id).src = "../images/icon/place.gif";
		} else {
			window.opener.frames["maps"].document.getElementById("Place-"+id).style.border = "1px ridge";
		}
	}
}

function FocusOnPlace(id) {
	window.opener.frames["maps"].location.href="map.php?map_id="+document.FormSearch.map_id.value+"&zoom="+document.FormSearch.zoom.value+"&icon="+document.FormSearch.icon.value+"&#Place-"+id;
}

function SortPlacesByName() {
	var object = document.FormAddPlace;
	var param = (object.hub_code.value != "")?"&hc="+object.hub_code.value:"";
	location.href = "?aid="+object.area_id.value+"&pid="+object.place_id.value+"&map_id="+object.map_id.value+"&x="+object.x.value+"&y="+object.y.value+"&IsSort="+object.IsSort.checked+"&AddPlace=1"+param;
}

function placeIt2(id) {
	(document.getElementById) ? dom = true : dom = false;
	if (dom && !document.all) {document.getElementById(id).style.top = window.pageYOffset + 0;}
  if (document.layers) {
		eval("document.layers."+id+".top = window.pageYOffset + 0;");
	}
  if (document.all) {
		eval("document.all."+id+".style.pixelTop = document.body.scrollTop + 0;");
	}
	window.setTimeout("placeIt("+id+")", 10); 
}

function placeIt(obj)
{
	obj = document.getElementById(obj);
	if (document.documentElement)
	{
		theLeft = document.documentElement.scrollLeft;
		theTop = document.documentElement.scrollTop;
	}
	else if (document.body)
	{
		theLeft = document.body.scrollLeft;
		theTop = document.body.scrollTop;
	}
	theLeft += 10;
	theTop += 10;
	obj.style.left = theLeft + 'px' ;
	obj.style.top = theTop + 'px' ;
	setTimeout("placeIt("+obj+")",10);
}

function LoginValidator() {
	var object = document.FormLogin;
	if(object.username.value == "") {
		alert("Insert your username!");
		object.username.focus();
		return false;
	}
	if(object.password.value == "") {
		alert("Insert your password!");
		object.password.focus();
		return false;
	}
	object.Submit.disabled=true;
}

function LoginWithCodeValidator() {
	var object = document.FormLogin;
	if(object.username.value == "") {
		alert("Insert your username!");
		object.username.focus();
		return false;
	}
	if(object.password.value == "") {
		alert("Insert your password!");
		object.password.focus();
		return false;
	}
	if(object.security_code.value == "") {
		alert("Insert security code!");
		object.security_code.focus();
		return false;
	}
	object.Submit.disabled=true;
}

function AreaValidator() {
	var object = document.FormArea;
	if(object.area_name.value == "") {
		alert("Insert area name!");
		object.area_name.focus();
		return false;
	}
	object.Submit.disabled=true;
}

function MapValidator() {
	var object = document.FormMap;
	if(object.map_name.value == "") {
		alert("Insert map name!");
		object.map_name.focus();
		return false;
	}
	object.Submit.disabled=true;
}

function SignUpValidator() {
	var object = document.FormSignUp;
	if(object.username.value == "") {
		alert("Insert your username!");
		object.username.focus();
		return false;
	}
	if(object.password.value == "") {
		alert("Insert your password!");
		object.password.focus();
		return false;
	}
	if(object.name.value == "") {
		alert("Insert your name!");
		object.name.focus();
		return false;
	}
	if(object.address.value == "") {
		alert("Insert your address!");
		object.address.focus();
		return false;
	}
	if(object.email.value == "") {
		alert("Insert your email!");
		object.email.focus();
		return false;
	}
	object.Submit.disabled=true;
}

function PlaceValidator() {
	var object = document.FormPlace;
	if(object.level_id.value == "") {
		alert("Select level!");
		object.level_id.focus();
		return false;
	}
	if(object.level_id.value == "1" && object.txt_hub_code.value == "") {
		alert("Insert hub code!");
		object.txt_hub_code.focus();
		return false;
	}
	if(object.level_id.value != "1" && object.txt_SCO_code.value == "") {
		alert("Insert SCO code!");
		object.txt_SCO_code.focus();
		return false;
	}
	if(object.name.value == "") {
		alert("Insert your name!");
		object.name.focus();
		return false;
	}
	if(object.address.value == "") {
		alert("Insert your address!");
		object.address.focus();
		return false;
	}
	if(object.rental_reminder.checked == true && object.date_start.value == "") {
		alert("Insert building rental date start!");
		object.date_start.focus();
		return false;
	}
	if(object.rental_reminder.checked == true && object.date_end.value == "") {
		alert("Insert building rental date end!");
		object.date_end.focus();
		return false;
	}
	object.Submit.disabled=true;
}

function ReminderStatus() {
	var object = document.FormPlace;
	if(object.rental_reminder.checked == true) {
		document.getElementById("section_date_start").style.display = "";
		document.getElementById("section_date_end").style.display = "";
	} else {
		document.getElementById("section_date_start").style.display = "none";
		document.getElementById("section_date_end").style.display = "none";
	}
}

function OfficeRegionValidator() {
	var object = document.FormOfficeRegion;
	if(object.office_region_name.value == "") {
		alert("Insert office region name!");
		object.office_region_name.focus();
		return false;
	}
	if(object.office_region_number.value == "") {
		alert("Insert office region number!");
		object.office_region_number.focus();
		return false;
	}
	if(object.address.value == "") {
		alert("Insert address!");
		object.address.focus();
		return false;
	}
	object.Submit.disabled=true;
}

function MyAccountValidator() {
	var object = document.FormMyAccount;
	if(object.name.value == "") {
		alert("Insert your name!");
		object.name.focus();
		return false;
	}
	if(object.address.value == "") {
		alert("Insert your address!");
		object.address.focus();
		return false;
	}
	if(object.email.value == "") {
		alert("Insert your email!");
		object.email.focus();
		return false;
	}
	object.Submit.disabled=true;
}

function PopupSearch(map_id,add_place,zoom,icon) {
	var param = "&add_place="+add_place+"&zoom="+zoom+"&icon="+icon;
	var arr_split = new Array();
	ArrHubMap = map_id.split("#");
	if(ArrHubMap.length > 1) {
		map_id = ArrHubMap[1];
		param += "&hc="+ArrHubMap[0];
	} else {
		map_id = map_id;
	}
  window.open("../map/search.php?map_id="+map_id+param,"Search",'toolbar=0,location=0,directories=0,status=1,menubar=0,resizable=0,width=400,height=350,scrollbars=yes,maximiziable=yes')
}