$(document).ready(function(){

	
	// The accordian menus
	$(".menuLink").click(function(){
		$(".menuItemDetail").hide();
		p1 = $(this).parent().attr("id");
		p2 = $("#" + p1).parent().attr("id");
		$("#" + p2 + " .menuItemDetail").show();
		return false;
	});
	
	// Tabs
 // $("#toolbars").tabs();
  
  // Clear the chart area when a tab is clicked
  $("#toolbars li a").click(function(){
    $("#chart").html("");
    $("#districtSelect").val("0");
    $("#districtSelect2").val("0");
    $("#gpSelect").val("0");
    $("#indicatorSelect").val("0");
    $("#indicatorSelect2").val("0");
    $("#subIndicatorSelect").val("0");
    $("#subIndicatorSelect2").val("0");
    $("#gps").hide();
    $("#gpIndicators").hide();
    $("#gpSubIndicators").hide();
    $("#districtIndicators").hide();
    $("#districtSubIndicators").hide();
  });
	
	// Populating select boxes for the GP tab
	$("#districtSelect").change(function(){
    $("#menu").css("background-image", "url("+base_url()+"public/images/districts/" + $("#districtSelect").val() + ".jpg)");
		$("#chart").html("");
		if($("#districtSelect").val() != 0) {
			$("#gpSelect").load(base_url() + "data/get_gps/" + $("#districtSelect").val());
			$("#gps").show();
		}
		else {
			$(".tool").hide();
			$("#gpDistricts").show();
		}
	});
	
	$("#gpSelect").change(function(){
		$("#chart").html("");
		if($("#districtSelect").val() != 0 && $("#gpSelect").val() != 0) {
			$("#indicatorSelect").load(base_url() + "data/get_indicators");
			$("#gpIndicators").show();
		}
		else {
			$(".tool").hide();
			$("#gpDistricts").show();
		}
	});
	
	$("#indicatorSelect").change(function(){
		$("#chart").html("");
		if($("#districtSelect").val() != 0 && $("#gpSelect").val() != 0 && $("#indicatorSelect").val() != 0) {
			$("#subIndicatorSelect").load(base_url() + "data/get_sub_indicators/" + $("#indicatorSelect").val());
			$("#gpSubIndicators").show();
		}
		else {
			$(".tool").hide();
			$("#gpDistricts").show();
		}
		
	});
	
	$("#subIndicatorSelect").change(function(){
		$("#chart").html("");
		if($("#districtSelect").val() != 0 && $("#gpSelect").val() != 0 && $("#indicatorSelect").val() != 0 && $("#subIndicatorSelect").val()) {
			$("#chart").html("Loading ...");
			$("#chart").load(base_url() + "data/get_chart/" + $("#gpSelect").val() + "/" + $("#subIndicatorSelect").val());
		}
	});
	
	// Populating select boxes for the District tab
	$("#districtSelect2").change(function(){
	  $("#chart").html("");
    $("#menu").css("background-image", "url("+base_url()+"public/images/districts/" + $("#districtSelect2").val() + ".jpg)");
	  if($("#districtSelect2").val() != 0) {
	    $("#indicatorSelect2").load(base_url() + "data/get_indicators");
	    $("#districtIndicators").show();
	  }
	});
	$("#indicatorSelect2").change(function(){
	  $("#chart").html("");
	  if($("#districtSelect2").val() != 0 && $("#indicatorSelect2").val() != 0) {
	    $("#subIndicatorSelect2").load(base_url() + "data/get_sub_indicators/" + $("#indicatorSelect2").val());
	    $("#districtSubIndicators").show();
	  }
	});
	$("#subIndicatorSelect2").change(function(){
	  $("#chart").html("");
	  if($("#districtSelect2").val() != 0 && $("#indicatorSelect2").val() != 0 && $("subIndicatorSelect2").val() != 0) {
	    $("#chart").html("Loading ...");
	    $("#chart").load(base_url() + "data/get_district_chart/" + $("#districtSelect2").val() + "/" + $("#subIndicatorSelect2").val());
	  }
	});
});