/* inisialisasi */

var $wjax;
var $ajaxReady;
var $req;
var $command;

/* create function to call AJAX Method */

function instance($param){
	$wjax = new Wjax();
	if (!$wjax) alert("Your browser doesn't support Javascript or the feature has been disabled.");
	$ajaxReady = function ($req) { $param($req); };
}

/* create function */

function menu($param){
	this.command = $param;
	getID("loading").innerHTML = "<img src=\"images/loading.gif\" width=5 height=5/>&nbsp;..loading..";
	instance(handleProses);
	
	$file      = "file.php";
	$parameter = "";
	$wjax.connect($file, "POST", $parameter, $ajaxReady);
}

function handleProses($req){
	if($req.responseText && $req.responseText != ''){
		getID("loading").innerHTML = '';
		var $hiddenContent = getID("hiddenContent");
		$hiddenContent.innerHTML = $req.responseText;
		
		var $menuContent = getID("content_menu");

		switch (this.command){
			case 1:
				var $content = getID("aboutme");
				$menuContent.innerHTML = "";
				$menuContent.innerHTML += $content.innerHTML;

				//var $content_aboutme = getID("content_menu");
				//$content_aboutme.innerHTML = "";
				//$content_aboutme.innerHTML += $aboutme.innerHTML;
				break;
			case 2:
				var $content = getID("myfav");
				$menuContent.innerHTML = "";
				$menuContent.innerHTML += $content.innerHTML;

				//var $content_detail = getID("content_menu");
				//$content_detail.innerHTML = "";
				//$content_detail.innerHTML += $detail.innerHTML;
				break;
			case 3:
				var $content = getID("gallery");
				$menuContent.innerHTML = "";
				$menuContent.innerHTML += $content.innerHTML;
				break;
			case 4:
				var $content = getID("contactme");
				$menuContent.innerHTML = "";
				$menuContent.innerHTML += $content.innerHTML;
				
				//var $content_contact = getID("content_menu");
				//$content_contact.innerHTML = "";
				//$content_contact.innerHTML += $contact.innerHTML;
				break;
			case 5:
				var $content = getID("realboxcom");
				$menuContent.innerHTML = "";
				$menuContent.innerHTML += $content.innerHTML;
				break;
			case 6:
				var $content = getID("howtocook");
				$menuContent.innerHTML = "";
				$menuContent.innerHTML += $content.innerHTML;
				break;
			case 8:
				var $content = getID("link");
				$menuContent.innerHTML = "";
				$menuContent.innerHTML += $content.innerHTML;
				break;
			case 10:
				var $content = getID("home");
				$menuContent.innerHTML = "";
				$menuContent.innerHTML += $content.innerHTML;
				break;
			default:
				$menuContent.innerHTML = "";
				$menuContent.innerHTML = "<center>..this page is currently unavailable..";

		}
	}
}

function getID($param){
	return document.getElementById($param);
}

function getTagName($param){
	return document.getElementsByTagName($param);
}