$(document).ready(function() {		
	$('#fshasil').invisibleEl();
	/* dialog */
	$('#dialogcarikary').jqm({
		modal: true,
		trigger: '#btncarinama',
		overlay: 30,
		overlayClass: 'whiteOverlay',
		onShow : function(hash){						
			hash.w.fadeIn(50);
		},
		onHide : function(hash){
			hash.w.fadeOut(50, function(){if(hash.o) hash.o.remove();});
			$('input[name="txtcari"]').val('');
			$('#hasil').empty();
		}
	});
	
	$('#btncarinama').live('click', function(){
		$('#dialogcarikary').jqmShow();
		return false;
	});
  
	// Close Button Highlighting. IE doesn't support :hover. Surprise?
	$('input.jqmdX')
	  .hover(
		function(){ $(this).addClass('jqmdXFocus'); }, 
		function(){ $(this).removeClass('jqmdXFocus'); })
	  .focus( 
		function(){ this.hideFocus=true; $(this).addClass('jqmdXFocus'); })
	  .blur( 
		function(){ $(this).removeClass('jqmdXFocus'); });	
	
	// ambil data
	$('form[name="fcarikary"]').submit(function(){
		var postvars = {
				txtcari: $("input[name='txtcari']").val(),
				operation: "carikary",
				status: "ok"
			};
		$.post('ajaxkaryawan.php', postvars, function(data) {						
			var kary = eval('('+data+')');
			var hasil;//[pelanggan.length];
			var tabel = "<table width=100% border='0' style='background-color:#ccc;'>";
			tabel += "<tr style=' background-color:#FFF; font-weight:bold; text-align:center'; color:#000;>";
			tabel += "<td>NIK</td><td>Nama</td><td>Jabatan</td><td>Hapus</td></tr>";									
			for(i in kary) {						
				tabel += "<tr style='background-color:#FFF;'><td align='center'> <a href=\"javascript:setNilai('"+kary[i].nik+"')\"> "+kary[i].nik+" </a></td>";							
				tabel += "<td> " + kary[i].nama + " </td><td align='center'> " + kary[i].id_pekerjaan + " </td><td align='center'><a href=\"javascript:setDelete('"+kary[i].nik+"')\"> HAPUS </a></td></tr>";										
			}
			tabel += "</table>";						
			$("#hasil").html(tabel);
			$('#fshasil').visibleEl();
		});						
		return false;
	});
	
	// simpan kary
	$('form[name="fkary"]').submit(function(){		
		var postvars = $('form[name="fkary"]').formToArray();			
		$.post('ajaxkaryawan.php', postvars, function(data) {						
			var hasil = eval('('+data+')');
			if(hasil[0] == 1){
				alert("Berhasil");
				$('form[name="fkary"]').resetForm();
			} else {
				alert("Gagal");
			}
		});	
		return false;
	});
});


function setNilai(kary) {
	var postvars = {id_kary: kary,
			operation: 'ambilkary',
			status: 'ok'
		};
	$.post('ajaxkaryawan.php', postvars, function(data){
		var kary = eval('('+data+')');		
		$('input[name="nik"]').val(kary[0].nik);
		$('input[name="namakary"]').val(kary[0].nama);
		$('input[name="uname"]').val(kary[0].username);		
		$('select[name="job"]').val(kary[0].id_pekerjaan);
		$('input[name="department"]').val(kary[0].id_department);
		$('#dialogcarikary').jqmHide();
	});
}

function setDelete(kary) {
	var postvars = {id_kary: kary,
			operation: 'hapuskary',
			status: 'ok'
		};
  var answer = confirm ("Yakin hapus data?")
  if (answer)
  	$.post('ajaxkaryawan.php', postvars, function(data){
		var kary = eval('('+data+')');		
			if(kary[0] == 1){
				alert("Hapus Berhasil");
				$('#dialogcarikary').jqmHide();
				$('form[name="fkary"]').resetForm();
			} else {
				alert("Hapus Gagal");
			}
	  });
}