// JavaScript Document
$(document).ready(function() {		
	$('#fshasil').invisibleEl();
	/* dialog */
	$('#dialogcaridlmpdk').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(){
		$('#dialogcaridlmpdk').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="fcaridlmpdk"]').submit(function(){
		var postvars = {
				txtcari: $("input[name='txtcari']").val(),
				operation: "caridlmpdk",
				status: "ok"
			};
		$.post('ajaxdlmpdk.php', postvars, function(data) {						
			var dlmpdk = 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>Sub Group Product</td><td>Group Product</td><td>Nama</td><td>Hapus</td></tr>";									
			for(i in dlmpdk) {						
				tabel += "<tr style='background-color:#FFF;'><td align='center'> <a href=\"javascript:setNilai('"+dlmpdk[i].kode_strip+dlmpdk[i].kode_ked_produk+"')\"> "+dlmpdk[i].kode_ked_produk+" </a></td>";							
				tabel += " <td align='center'> " + dlmpdk[i].kode_strip + " </td> <td align='center'> " + dlmpdk[i].ked_produk + " </td><td align='center'><a href=\"javascript:setDelete('"+dlmpdk[i].kode_strip+dlmpdk[i].kode_ked_produk+"')\"> HAPUS </a></td></tr>";										
			}
			tabel += "</table>";						
			$("#hasil").html(tabel);
			$('#fshasil').visibleEl();
		});						
		return false;
	});
	
	// simpan dlmpdk
	$('form[name="fdlmpdk"]').submit(function(){		
		var postvars = $('form[name="fdlmpdk"]').formToArray();			
		$.post('ajaxdlmpdk.php', postvars, function(data) {						
			var hasil = eval('('+data+')');
			if(hasil[0] == 1){
				alert("Berhasil");
				$('form[name="fdlmpdk"]').resetForm();
			} else {
				alert("Gagal");
			}
		});	
		return false;
	});
});

function setNilai(dlmpdk) {
	var postvars = {id_dlmpdk: dlmpdk,
			operation: 'ambildlmpdk',
			status: 'ok'
		};
	$.post('ajaxdlmpdk.php', postvars, function(data){
		var dlmpdk = eval('('+data+')');		
		$('input[name="kodedlmpdk"]').val(dlmpdk[0].kode_ked_produk);
		$('input[name="lini"]').val(dlmpdk[0].kode_strip);
		$('input[name="nama"]').val(dlmpdk[0].ked_produk);		
		$('#dialogcaridlmpdk').jqmHide();
	});
}

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