function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function ExpandPanel(itemId)
{
	window.setTimeout("toggleSection('" + itemId + "')", 10);
}

function toggleSection(itemId) {
	//var arrowId = itemId.replace("Entry", "Icon");
	var item, arrow;

	if (document.all) {
		item = document.all[itemId];
		//arrow = document.all[arrowId];
	}

	if (!document.all && document.getElementById) {
		item = document.getElementById(itemId);
		//arrow = document.getElementById(arrowId);
	}

	if (item.style.display == "none") {
		//arrow.src = arrowUp.src;
		item.style.display = "inline";
	}
	else {
		//arrow.src = arrowDown.src;
		item.style.display = "none";
	}
}

function ShowItem(itemId) {
	//alert(itemId);
	document.getElementById(itemId).style.visibility = "visible";
}

function HideItem(itemId) {
	//alert(itemId);
	document.getElementById(itemId).style.visibility = "hidden";
}

function HideItemWithCondition(itemId) {
	if (document.all) {
		item = document.all[itemId];
		xMin = item.style.left;
		xMax = item.style.left + item.style.width;
		yMin = item.style.top;
		yMax = item.style.top + item.style.height;
	}
	else if (!document.all && document.getElementById) {
		item = document.getElementById(itemId);
		xMin = item.offsetLeft;
		xMax = item.offsetLeft + item.offsetWidth;
		yMin = item.offsetTop;
		yMax = item.offsetTop + item.offsetHeight;
	}
	//alert(xMin);
	if (xMin>xMousePos || xMousePos>xMax || yMin>yMousePos || yMousePos>yMax)
		item.style.visibility = "hidden";
	else
		setTimeout("HideItemWithCondition('"+itemId+"')", 2000);
}

function pausecomp(millis)
{
	var date = new Date();
	var curDate = null;

	do { curDate = new Date(); }
	while(curDate-date < millis);
} 

// Set Netscape up to run the "captureMousePosition" function whenever
// the mouse is moved. For Internet Explorer and Netscape 6, you can capture
// the movement a little easier.
if (document.layers) { // Netscape
    document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = captureMousePosition;
} else if (document.all) { // Internet Explorer
    document.onmousemove = captureMousePosition;
} else if (document.getElementById) { // Netcsape 6
    document.onmousemove = captureMousePosition;
}

// Global variables
xMousePos = 0; // Horizontal position of the mouse on the screen
yMousePos = 0; // Vertical position of the mouse on the screen
xMousePosMax = 0; // Width of the page
yMousePosMax = 0; // Height of the page

function captureMousePosition(e) {
    if (document.layers) {
        // When the page scrolls in Netscape, the event's mouse position
        // reflects the absolute position on the screen. innerHight/Width
        // is the position from the top/left of the screen that the user is
        // looking at. pageX/YOffset is the amount that the user has
        // scrolled into the page. So the values will be in relation to
        // each other as the total offsets into the page, no matter if
        // the user has scrolled or not.
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
    } else if (document.all) {
        // When the page scrolls in IE, the event's mouse position
        // reflects the position from the top/left of the screen the
        // user is looking at. scrollLeft/Top is the amount the user
        // has scrolled into the page. clientWidth/Height is the height/
        // width of the current page the user is looking at. So, to be
        // consistent with Netscape (above), add the scroll offsets to
        // both so we end up with an absolute value on the page, no
        // matter if the user has scrolled or not.
        xMousePos = window.event.x+document.body.scrollLeft;
        yMousePos = window.event.y+document.body.scrollTop;
        xMousePosMax = document.body.clientWidth+document.body.scrollLeft;
        yMousePosMax = document.body.clientHeight+document.body.scrollTop;
    } else if (document.getElementById) {
        // Netscape 6 behaves the same as Netscape 4 in this regard
        xMousePos = e.pageX;
        yMousePos = e.pageY;
        xMousePosMax = window.innerWidth+window.pageXOffset;
        yMousePosMax = window.innerHeight+window.pageYOffset;
    }
}

function WriteStatus() {
	window.status = "xMousePos=" + xMousePos + ", yMousePos=" + yMousePos + ", xMousePosMax=" + xMousePosMax + ", yMousePosMax=" + yMousePosMax;
	setTimeout("WriteStatus()", 1000);
}	

WriteStatus();

//add buat menu samping
var flag = 0;
function showDetails(itemId) {
	if(flag==0){
		document.getElementById(itemId).style.display = "inline";
		flag = 1;
	}else if(flag==1){
		document.getElementById(itemId).style.display = "none";
		flag = 0;
	}
}