/**
 * @author Ekajati Winarmo
 */

var loader = '<div class="loader">Sedang memuat data, terima kasih telah menunggu ...</div>';
var fillProp = function(prop) {
	$("#combo").html('<div class="loader-small"></div>');
	
	$.ajax({
		type: "GET",
		url: "prop.php",
		data: "prop="+prop,
		success: function(html) {
			$("#combo").hide();
			$("#combo").html(html);
			$("#combo").fadeIn();
		}
	});
};

var fillKab = function(prop, kodekab) {
	$("#combo").html('<div class="loader-small"></div>');	
	$.ajax({
		type: "GET",
		url: "kab.php",
		data: "prop="+prop+"&kodekab="+kodekab,
		success: function(html) {
			$("#combo").hide();
			$("#combo").html(html);
			$("#combo").fadeIn();
		}
	});
};

var fillDis = function(kodekab, dis) {
	$("#combo").html('<div class="loader-small"></div>');	
	$.ajax({
		type: "GET",
		url: "dis.php",
		data: "kodekab="+kodekab+"&dis="+dis,
		success: function(html) {
			$("#combo").hide();
			$("#combo").html(html);
			$("#combo").fadeIn();
		}
	});
};

$(document).ready(function() {
	$("#result-prop").hide();
	$("#result-kab").hide();
	$("#result-ecer").hide();
	
	fillProp();
	
	$(".nag-container").html('<div class="nag">Pilih Propinsi lalu tekan tombol <strong>Submit</strong>.</div>');
	
	$(".sb").livequery('click', function(e) {
		if ($(this).attr('rel') == 'propinsi') {
			$("#result-prop").html(loader);
			$("#result-prop").show();
			$(".nag").fadeOut();
			$(".nag-container").hide();
			
			var propinsi = $("select#sel").val();			
			var dataStr = "prop="+propinsi;
			
			$.ajax({
				type: "POST",
				url: "rek.php",
				data: dataStr,
				success: function(html){
					$("#result-prop").hide();
					$("#result-prop").html(html);
					$("#result-prop").show();
					$(".nag-container").show();
					$(".nag-container").html('<div class="breadcrumb">NAVIGASI :    '+ propinsi +'</div>');
				},
				failure: function(){
					$("#result-prop").html('Gagal memuat data.');
				}
			});
		}
		else if ($(this).attr('rel') == 'kabupaten') {	
			$("#result-prop").hide();
			$("#result-kab").html(loader);
			$("#result-kab").show();
			
			var link = $("select#sel").val();
			var kab = link.substring(link.indexOf('|k=')+3, link.length);
			var prop = $(".hid1").val();
			var kodekab = link.substring(0, link.indexOf('|p='));
			
			var ds = 'prop='+prop+'&kabupaten='+kab+'&kodekab='+kodekab;
		
			fillKab(prop, kodekab);
		
			$(".nag-container").html('<div class="breadcrumb">NAVIGASI :    <a href="#" class="shProp">'+ prop +'</a> &raquo; '+ kab +'</div><div class="cap">(Klik nama <b>propinsi</b> untuk kembali ke halaman sebelumnya)</div>');
		
			getKab(ds);
			
		}
		else if ($(this).attr('rel') == 'distributor') {	
			$("#result-prop").hide();
			$("#result-ecer").html(loader);
			$("#result-ecer").show();
			
			var link = $("select#sel").val();
			var prop = $(".hid1").val();
			var kodedis = link.substring(0, link.indexOf('|'));
			var dis = link.substring(link.indexOf('|')+1, link.length);
			var aVal = $(".hid2").val();
			var kodekab = aVal.substring(0, aVal.indexOf('|'));
			var kab = aVal.substring(aVal.indexOf('|')+1, aVal.length);
						
			/**var ds = 'prop='+prop+'&kabupaten='+kab+'&kodekab='+kodekab;*/
		
			var ds = "prop="+prop+"&kabupaten="+kab+"&dis="+dis+"&kodedis="+kodedis+"&kodekab="+kodekab;
		
			fillDis(kodekab, dis);
		
			$(".nag-container").html('<div class="breadcrumb">NAVIGASI:    <a href="#" class="shProp">'+ prop +'</a> &raquo; <a href="#" class="shKab">' + kab +'</a> &raquo; ' + dis + '</div><div class="cap">(Klik nama <b>propinsi</b>/<b>kabupaten</b> untuk kembali ke halaman sebelumnya)</div>');
		
			getDis(ds);
		}
	});
	
	/********************************* */
	
	$(".kabLink").livequery('click', function(e) {		
		$("#result-prop").hide();
		$("#result-kab").html(loader);
		$("#result-kab").show();
		
		var link = $(this).attr('href');
		var kab = link.substring(link.indexOf('#k=')+3, link.length);
		var prop = $(".hid1").val();
		var kodekab = $(this).attr('id');
		var ds = 'prop='+prop+'&kabupaten='+kab+'&kodekab='+kodekab;
		
		fillKab(prop, kodekab);
		
		$(".nag-container").html('<div class="breadcrumb">NAVIGASI :    <a href="#" class="shProp">'+ prop +'</a> &raquo; '+ kab +'</div><div class="cap">(Klik nama <b>propinsi</b> untuk kembali ke halaman sebelumnya)</div>');
		
		getKab(ds);
	});
	
	var getKab = function(dataStr) {		
		$.ajax({
			type: "POST",
			url: "rekkab.php",
			data: dataStr,
			success: function(html) {
				$("#result-kab").hide();
				$("#result-kab").html(html);
				$("#result-kab").show();
			}
		});
	};
	
	/********************************* */
	
	$(".disLink").livequery('click', function(e) {
		$("#result-kab").hide();
		$("#result-ecer").html(loader);
		$("#result-ecer").show();
		
		var link = $(this).attr('href');
		var prop = $(".hid1").val();
		var kodedis = link.substring(link.indexOf('#kd=')+4, link.indexOf('|dr='));
		var dis = link.substring(link.indexOf('|dr=')+4, link.length);
		var aVal = $(".hid2").val();
		var kodekab = aVal.substring(0, aVal.indexOf('|'));
		var kab = aVal.substring(aVal.indexOf('|')+1, aVal.length);
		
		var ds = "prop="+prop+"&kabupaten="+kab+"&dis="+dis+"&kodedis="+kodedis+"&kodekab="+kodekab;
		
		fillDis(kodekab, dis);
		
		$(".nag-container").html('<div class="breadcrumb">NAVIGASI :    <a href="#" class="shProp">'+ prop +'</a> &raquo; <a href="#" class="shKab">' + kab +'</a> &raquo; ' + dis + '</div><div class="cap">(Klik nama <b>propinsi</b>/<b>kabupaten</b> untuk kembali ke halaman sebelumnya)</div>');
		
		getDis(ds);
	});
	
	var getDis = function(dataStr) {
		$.ajax({
			type: "POST",
			url: "rekdis.php",
			data: dataStr,
			success: function(html) {
				$("#result-ecer").hide();
				$("#result-ecer").html(html);
				$("#result-ecer").show();
			}
		});
	};
	
	/********************************* */
	
	var popupStatus = 0;
	
	function loadPopup() {
		if (popupStatus == 0) {
			$("#bgPop").css({
			  "opacity": "0.7"
			});
			$("#bgPop").fadeIn("slow");
			$("#result-dodetail").fadeIn("slow");
			$("#combo").hide();
			popupStatus = 1;
		}
	}
	
	function disablePopup() {
		if (popupStatus == 1) {
			$("#bgPop").fadeOut();
			$("#result-dodetail").fadeOut();
			$("#combo").show();
			popupStatus = 0;
		}
	}
	
	function centerPopup() {
		var winWidth = document.documentElement.clientWidth;
		var winHeight = document.documentElement.clientHeight;
		var popupWidth = $("#result-dodetail").width();
		var popupHeight = $("#result-dodetail").height();
		
		$("#result-dodetail").css({
			"position": "absolute",
			"top": winHeight/2 - popupHeight/2,
			"left": winWidth/2 - popupWidth/2
		});
		
		$("#bgPop").css({
			"height": winHeight,
			"width": winWidth
		});
	}
	
	$(".doLink").livequery('click', function(e) {
		centerPopup();
		loadPopup();
		
		$("#result-dodetail").html(loader);
		
		var link = $(this).attr('href');
		var nodok = link.substring(link.indexOf('#c=')+3, link.indexOf('|t='));
		var tgdok = link.substring(link.indexOf('|t=')+3, link.indexOf('|q='));
		var quantum = link.substring(link.indexOf('|q=')+3, link.length);
		var prop = $(".hid1").val();
		var temp = $(".hid2").val();
		var kab = temp.substring(temp.indexOf('|')+1, temp.length);
		var dis = $(".hid3").val();
		
		var ds = "prop="+prop+"&kabupaten="+kab+"&distr="+dis+"&nodok="+nodok+"&tgdok="+tgdok+"&quantum="+quantum;
				
		$.ajax({
			type: "POST",
			url: "rekkec.php",
			data: ds,
			success: function(html) {
				$("#result-dodetail").html(html);
			}
		});
	});
	
	$(".closePop").livequery('click', function(e) {
		disablePopup();
	});
	
	$("#bgPop").livequery('click', function(e) {
		disablePopup();
	});
	
	/********************************* */
	
	$(".shProp").livequery('click', function(e) {
		var pr = $(".hid1").val();
		fillProp(pr);
		
		$("#result-kab").hide();
		$("#result-ecer").hide();
		$("#result-prop").show();
		$(".nag-container").html('<div class="breadcrumb">NAVIGASI :    '+ pr +'</div>');
	});
	
	$(".shKab").livequery('click', function(e) {
		var pr = $(".hid1").val();
		var link = $(".hid2").val();
		var kodekab = link.substring(0, link.indexOf('|'));
		var kab = link.substring(link.indexOf('|')+1, link.length);
		
		fillKab(pr, kodekab);
		
		$("#result-ecer").hide();
		$("#result-kab").show();		
		$(".nag-container").html('<div class="breadcrumb">NAVIGASI :    <a href="#" class="shProp">'+ pr +'</a> &raquo; '+ kab +'</div><div class="cap">(Klik nama <b>propinsi</b> untuk kembali ke halaman sebelumnya)</div>');
	});
});