function load_button(base_addr, addr, output_div, value)
{
	$(function() {
		var div_id = output_div;
		var id = value;
		var address = base_addr+addr+value;
		var load_img = base_addr+'images/loading.gif';
		//alert(address);
		$('#'+div_id).html('');
		$('#'+div_id).append('<img src="'+load_img+'">');
		$('#'+div_id).load(address, null, null);
		
	});
}

function form_submit(button_class, form_id, load_id, target_id, base_url, target_url)
{
	$(function() {
		$('.'+button_class).click(function(){
			var dataString = $('#'+form_id).serialize();
			var address = base_url+target_url;
			$.ajax({
				   type: "POST",
				   url: address,
				   data: dataString,
				   beforeSend: function() {
					   	$('#'+load_id).html('');
						$('#'+load_id).append('<img src="'+base_url+'/images/loading.gif">');
						$('#'+load_id).append(' Submitting form .... ');
				   },
				   success: function(responseText) {
					   //$('#load').hide();
					   $('#'+target_id).html('');
					   $('#'+target_id).append(responseText);
				   	}
				   });
		return false;
		});
	});
}

function form_submit_load(button_class, form_id, load_id, target_id, base_url, target_url, load_url, reload_url)
{
	$(function() {
		$('.'+button_class).click(function(){
			var dataString = $('#'+form_id).serialize();
			var address = base_url+target_url;
			var load_address = base_url+load_url;
			var reload_address = base_url+reload_url;
			//alert(address+' '+dataString);
			$.ajax({
				   type: "POST",
				   url: address,
				   data: dataString,
				   beforeSend: function() {
					   	//$('#'+load_id).html('');
						$('#'+load_id).append('<img src="'+base_url+'/images/loading.gif"> Submitting form .... ');
				   },
				   success: function(data) {
					   //$('#'+load_id).html('');
					   $('#'+load_id).load(reload_address);
					   //$('#'+target_id).html('');
					   //$('#'+target_id).append(data);
					   $('#'+target_id).load(load_address, null, null);
					   //$('#'+form_id)[0].reset();
				   	}
				   });
		return false;
		});
	});
}

function form_submit_load_id(button_class, form_id, load_id, target_id, base_url, target_url, load_url, reload_url, id)
{
	$(function() {
		$('.'+button_class).click(function(){
			var dataString = $('#'+form_id).serialize();
			var address = base_url+target_url;
			var value = $('#'+id).val();
			var load_address = base_url+load_url+value;
			var reload_address = base_url+reload_url+value;
			//alert(address+' '+dataString);
			$.ajax({
				   type: "POST",
				   url: address,
				   data: dataString,
				   beforeSend: function() {
					   	//$('#'+load_id).html('');
						$('#'+load_id).append('<img src="'+base_url+'/images/loading.gif"> Submitting form .... ');
				   },
				   success: function(data) {
					   //$('#'+load_id).html('');
					   $('#'+load_id).load(reload_address);
					   //$('#'+target_id).html('');
					   //$('#'+target_id).append(data);
					   $('#'+target_id).load(load_address, null, null);
					   //$('#'+form_id)[0].reset();
				   	}
				   });
		return false;
		});
	});
}

function delete_item(id, standid, base_url, target_url, target_id, label)
{
	$(function() {
		var target_div = target_id;
		var address = base_url+target_url+id+'/'+standid;
		var load_img = base_url+'images/loading.gif';
		
		if(confirm('ต้องการลบ '+label+' หรือไม่?')){		
			//$('#'+target_div).html('');
			$('#'+target_div).load(address, null, null);
			$('#'+target_div).append('<img src="'+load_img+'">');
		} else {
			return false;	
		}
		
	});
}

function form_submit_no_button(form_id, enter_keyword, target_id, base_url, target_url)
{
	var dataString = enter_keyword;
	$.post(base_url+target_url, {keyword: dataString}, function(data){
													 $('#'+target_id).html('');
													 $('#'+target_id).append(data);
													 });
}

function upload_pic(form_id, file_id, target_id, base_url, target_url)
{
	var target_address = base_url + target_url;
		$('#'+file_id).upload({
			name: 'picture',
			method: 'post',
			enctype: 'multipart/form-data',
			action: target_address,
			beforeSend: function() {
				alert('Upload');
				$('#'+target_id).html('');
				$('#'+target_id).append('<img src="'+base_url+'/images/loading.gif"> Loading..');
						},
			success: function(data) {
				//data contains the response from the action url
				alert('Done');
				$('#'+target_id).html('');
				$('#'+target_id).append(data);
						}
		});
	
}

function load_content(dom_id, base_addr, addr, id)
// dom_id = target id
// addr = target address
// id = original id
{
	$(function() {
		var div_id = dom_id;
		var value = $('#'+id).val();
		var address = addr+value;
		var load_img = base_addr+'images/loading.gif';
		//alert(address);
		$('#'+div_id).html('');
		$('#'+div_id).append('<img src="'+load_img+'">');
		$('#'+div_id).load(address, null, null);		
	});
}

function load_content_delay(dom_id, base_addr, addr, id1)
// dom_id = target id
// addr = target address
// id = original id
{
	if(window.mytimeout){
		window.clearTimeout(window.mytimeout);
	}
	
	window.mytimeout = window.setTimeout(function() {
		var div_id = dom_id;
		var value1 = $('#'+id1).val();
		//var value2 = $('#'+id2).val();
		//var address = base_addr+addr+value2+'-'+value1;
		var address = base_addr+addr+value1;
		var load_img = base_addr+'images/loading_s.gif';
		//alert(address);
		$('#'+div_id).html('');
		$('#'+div_id).append('<img src="'+load_img+'">');
		$('#'+div_id).load(address, null, null);		
	}, 1000);
}

function load_content_delay_2(dom_id, base_addr, addr, id1, id2)
// dom_id = target id
// addr = target address
// id = original id
{
	if(window.mytimeout){
		window.clearTimeout(window.mytimeout);
	}
	
	window.mytimeout = window.setTimeout(function() {
		var div_id = dom_id;
		var value1 = $('#'+id1).val();
		var value2 = $('#'+id2).val();
		var address = base_addr+addr+value2+'/'+value1;
		var load_img = base_addr+'images/loading_s.gif';
		//alert(address);
		$('#'+div_id).html('');
		$('#'+div_id).append('<img src="'+load_img+'">');
		$('#'+div_id).load(address, null, null);		
	}, 1000);
}