function request(){
	var ajaxRequest;  // The variable that makes Ajax possible!	
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	return ajaxRequest;
}

function get(targetFile,targetElement){
	// Create a function that will receive data sent from the server
	document.getElementById(targetElement).innerHTML="<table width=\"100%\" height=\"100%\" border='0' cellpadding='0' cellspacing='0'><tr><td valign=\"middle\" align=\"center\"><img src=\"images/loading.gif\"><br>Silahkan Tunggu...</td></tr></table>";
	var ajaxRequest=new request();
	ajaxRequest.open("GET", targetFile, true);
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			document.getElementById(targetElement).innerHTML=ajaxRequest.responseText;
		}
	}
	ajaxRequest.send(null); 
}

function search(){
	s=document.getElementById("txtsearch").value;
	get("list.php?search=" + s,"data_list");
}

function change_tipe(){		
	tipe=document.getElementById('tipe_data').value;
	get('list.php?p=' + tipe,'data_list');
	get('filter.php?p=' + tipe,'filter');
	
}
function sort_by(p){
	strfilter=document.getElementById('filter_data').value;
	get('list.php?p=' + p + '&abjad=' + strfilter,'data_list');
}
function view_detail(obj){
	imgfirst="<img src='images/first.gif' onclick='navigateData(0);' title='Data Pertama' alt='Data Pertama' class='unhover' onMouseDown=\"button_click(this)\" onMouseMove=\"button_hover(this);\" onMouseOut=\"button_unhover(this);\">";
	imgprev="<img src='images/prev.gif' onclick='navigateData(1);' title='Data Sebelumnya' alt='Data Sebelumnya' class='unhover' onMouseDown=\"button_click(this)\" onMouseMove=\"button_hover(this);\" onMouseOut=\"button_unhover(this);\">";
	imgnext="<img src='images/next.gif' onclick='navigateData(2);' title='Data Selanjutnya' alt='Data Selanjutnya' class='unhover' onMouseDown=\"button_click(this)\" onMouseMove=\"button_hover(this);\" onMouseOut=\"button_unhover(this);\">";
	imglast="<img src='images/last.gif' onclick='navigateData(3);' title='Data Terakhir' alt='Data Terakhir' class='unhover' onMouseDown=\"button_click(this)\" onMouseMove=\"button_hover(this);\" onMouseOut=\"button_unhover(this);\">";
	
	imgcontrol=imgfirst + "&nbsp;" + imgprev + "&nbsp;&nbsp;&nbsp;" + imgnext + "&nbsp;" + imglast;
	document.getElementById('detail').innerHTML="<br><table width='100%' border='0' cellpadding='0' cellspacing='0'><tr><td class='block' style='border-left:1px solid #A8A8A5;' width='70%'><img src='images/person.jpg'>&nbsp; <b>Detail dari <u>" + obj.options[obj.selectedIndex].text + "</u></b></td><td align='center' class='block'>" + imgcontrol + "</td></tr></table><br><br>" + obj.value + "<br><br><br><br><br><br><div class='block' style='border-left:1px solid #A8A8A5;'>" + imgcontrol + "</div><br>";
}
function nextabjad(p){
	obj=document.getElementById('filter_data');
	index=obj.selectedIndex;
	if(index<25){
		index++;
		obj.options[index].selected=true;
		sort_by(p);
	}
}
function prevabjad(p){
	obj=document.getElementById('filter_data');
	index=obj.selectedIndex;
	if(index>0){
		index--;
		obj.options[index].selected=true;
		sort_by(p);
	}
}

function navigateData(intDirection){
	obj=document.getElementById('list');
	switch(intDirection){
			case 0://first
				obj.options[0].selected=true;
				break;
			case 1://prev
				if (obj.selectedIndex>0){
					obj.options[obj.selectedIndex-1].selected=true;
				}
				break;
			case 2://next
				if (obj.selectedIndex<obj.length-1){
					obj.options[obj.selectedIndex+1].selected=true;
				}
				break;
			case 3://last
				obj.options[obj.length-1].selected=true;
				break;
	}
	view_detail(document.getElementById('list'));
	
}

function search_tooltip(){
	
	document.getElementById('data_list').innerHTML="<div align='left'><div class='tooltip_header'><b>Tahukah Anda?</b></div><ul style='padding:0px;margin-left:30px;'><li>Sangat mudah mencari data siswa/alumni berdasarkan tahun angkatan, Anda cukup mengetikan tahun angkatannya. Contoh : <b>01.</b>(memakai titik) untuk tahun angkatan pertama, atau <b>04.</b> untuk tahun angkatan ke-4.<br><br></li><li>Ingin menampilkan data guru/staf yang berasal dari satu universitas?. Anda cukup mengetikan nama universitasnya. Contoh : <b>STIMIK</b> untuk melihat guru/staf yang berasal dari STIMIK.<br><br></li><li>Hal yang sama juga dapat Anda lakukan untuk mencari alumni/siswa yang berasal dari satu SMP, atau bahkan alamat.<br><br></li></ul></div>";
}

function button_hover(obj){
	hoverClass="hover";
	obj.className=hoverClass;	
}
function button_unhover(obj){
	unhoverClass="unhover";
	obj.className=unhoverClass;	
}
function button_click(obj){
	clickClass="click";
	obj.className=clickClass;	
}