// JavaScript Document
$(document).ready(function() {		
	$('#fshasil').invisibleEl();
	/* dialog */
	$('#dialogcarirak').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(){
		$('#dialogcarirak').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="fcarirak"]').submit(function(){
		var postvars = {
				txtcari: $("input[name='txtcari']").val(),
				operation: "carirak",
				status: "ok"
			};
		$.post('ajaxrak.php', postvars, function(data) {						
			var rak = eval('('+data+')');
			var hasil;
			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>ID Rak</td><td>Nama Rak</td><td>Hapus</td></tr>";									
			for(i in rak) {						
				tabel += "<tr style='background-color:#FFF;'><td align='center'> <a href=\"javascript:setNilai('"+rak[i].idRak+"')\"> "+rak[i].idRak+" </a></td>";							
				tabel += " <td align='center'> " + rak[i].namaRak + " </td><td align='center'><a href=\"javascript:setDelete('"+rak[i].idRak+"')\"> HAPUS </a></td></tr>";										
			}
			tabel += "</table>";						
			$("#hasil").html(tabel);
			$('#fshasil').visibleEl();
		});						
		return false;
	});
	
	// simpan rak
	$('form[name="frak"]').submit(function(){		
		var postvars = $('form[name="frak"]').formToArray();			
		$.post('ajaxrak.php', postvars, function(data) {						
			var hasil = eval('('+data+')');
			if(hasil[0] == 1){
				alert("Berhasil");
				$('form[name="frak"]').resetForm();
			} else {
				alert("Gagal");
			}
		});	
		return false;
	});
});

function setNilai(rak) {
	var postvars = {id_rak: rak,
			operation: 'ambilrak',
			status: 'ok'
		};
	$.post('ajaxrak.php', postvars, function(data){
		var rak = eval('('+data+')');		
		$('input[name="koderak"]').val(rak[0].idRak);
		$('input[name="nama"]').val(rak[0].namaRak);		
		$('#dialogcarirak').jqmHide();
	});
}

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