$(document).ready( function(){
	// *** system initial ***
	
	$("#systemContent").hide();
	$("#systemGraph").hide();
	
	// *** systemLogin ***
	
	$("#pantauMasuk").click( function(){
		$.ajax({
   			type: "POST",
   			url: "monitoringLogin.php",
   			data: "myID="+document.getElementById('myID').value+"&myPassphrase="+document.getElementById('myPassphrase').value,
   			success: function(){
     			var toContent = $.ajax({
  						url: "monitoringLocation.php",
  						async: false
 					}).responseText;
				$("#systemLogin").hide('fast');
				$("#systemContent").html(toContent);
				$("#systemContent").show('fast');
				document.getElementById('myPassphrase').value="";
   			}
 		});
	});
	
	// *** systemForgotPassword ***

	$("#pantauLupa").click( function(){
		$.ajax({
			type: "GET",
			url: "monitoringPassword.php", 
			data: "ui="+document.getElementById('myID').value,
			success: function(){
				alert('Sila semak email anda untuk mendapatkan katalaluan yang diperlukan');
			}
		});	
	});
	
	// *** systemContent ***
	
	$("#bacaanMeter").click( function(){
		$.ajax({
 			url: "monitoringLocation.php",
  			success: function(html){
    			$("#systemContent").html(html);
				$("#systemLogin").hide('fast');
				$("#systemContent").show('fast');
  			}
		});
	});
	
	$("#pemberitahuan").click( function(){
		$.ajax({
 			url: "monitoringAlert.php",
  			success: function(html){
    			$("#systemContent").html(html);
				$("#systemLogin").hide('fast');
				$("#systemContent").show('fast');
  			}
		});
	});
	
	$("#keluarDariSistem").click( function(){
		$.ajax({
   			url: "monitoringLogout.php",
   			success: function(){
     			//alert('Anda telah keluar dari sistem ini');
				$("#systemContent").hide('fast');
				$("#systemLogin").show('fast');
   			}
 		});
	});

});

// *** systemPage ***

var myUrl, myData;
function gotoPage(myUrl, myData){
	$.ajax({
		type: "GET",
		url: myUrl, 
		data: myData,
		success: function(html){
			$("#systemContent").html(html);
			//alert('berjaya');
		}
	}
	);	
}

// *** systemGraph ***

var myUrl1, myData1;
function gotoGraph(myUrl1, myData1){
	$.ajax({
		type: "GET",
		url: myUrl1, 
		data: myData1,
		success: function(html){
			$("#systemGraph").html(html);
			$("#systemGraph").show('slow');
		}
	}
	);	
}

$(document).click( function(){ $("#systemGraph").hide('slow'); });