// JavaScript Document

$(document).ready(function(){
 $("input#search_keyword").keyup(function(){
	setSection($(this).val(), 'keyword');
	//getDropDown('keyword');
 })
 $("select#search_scale").change(function(){
	setSection($(this).val(), 'scale');
	//getDropDown('scale');
 })
 $("select#search_categories").change(function(){
	setSection($(this).val(), 'categories');
	//getDropDown('categories');
 })
 $("select#search_nations").change(function(){
	setSection($(this).val(), 'nations');
	//getDropDown('nations');
 })
 $("select#search_campaigns").change(function(){
	setSection($(this).val(), 'campaigns');
	//getDropDown('campaigns');
 })

})

function setSection(getvalue, field) {
	$.get("json/setSection.php",{set: field, value: getvalue});
}

function getDropDown(getField) {
	if (getField != 'scale') {
	   $.getJSON("json/getSection.php",{get: 'scale'}, function(j){
		 if (!j.failed) {
			 var options = '<option value="0">Scale</option>';
			 for (var i = 0; i < j.data.length; i++) {
			   options += '<option value="' + j.data[i].id + '">' + j.data[i].name + '</option>';
			 }
			 $("select#search_scale").html(options);
		 }
	   })
	}
	if (getField != 'categories') {
	   $.getJSON("json/getSection.php",{get: 'categories'}, function(j){
		 
		 if (!j.failed) {
			 
			 var options = '<option value="0">Categories</option>';
			 for (var i = 0; i < j.data.length; i++) {
			   options += '<option value="' + j.data[i].id + '">' + j.data[i].name + '</option>';
			 }
			 $("select#search_categories").html(options);
		 }
	   })
	}
	if (getField != 'nations') {
	   $.getJSON("json/getSection.php",{get: 'nations'}, function(j){
		 if (!j.failed) {
			 var options = '<option value="0">Nations</option>';
			 for (var i = 0; i < j.data.length; i++) {
			   options += '<option value="' + j.data[i].id + '">' + j.data[i].name + '</option>';
			 }
			 $("select#search_nations").html(options);
		 }
	   })
	}
	if (getField != 'campaigns') {
	   $.getJSON("json/getSection.php",{get: 'campaigns'}, function(j){
		 if (!j.failed) {
			 var options = '<option value="0">Campaigns</option>';
			 for (var i = 0; i < j.data.length; i++) {
			   options += '<option value="' + j.data[i].id + '">' + j.data[i].name + '</option>';
			 }
			 $("select#search_campaigns").html(options);
		 }
	   })
	}
}