// JavaScript Document
$(document).ready(function() 
{
	
	// Form input field on focus
	$(".input_field").focus(
		function()
		{
			$(this).css({"border-color":"#333333"});
		})

	// Form input field on blur
	$(".input_field").blur(
		function()
		{
			$(this).css({"border-color":"#cccccc"});
		})
	
	// AJAX timeout
	$(".status").ajaxError(function(request,settings)
	{
		$(this).html('<span class="red">Process has timed out. Please try again.</span>');
	});
	
	// AJAX loading status
	endStatus($(".status"));
	
	// FILTER CONTAINER
	$("#filter_container").hide();	
	$("a.toggleFilter").toggle(
		function()
		{
			$(this).html('Hide Search Filter');
			$("#filter_container").slideDown();
		},function()
		{
			$(this).html('Show Search Filter');
			$("#filter_container").slideUp();
		});
	
	
	// APPLY FILTER
	$("input.apply_filter").click(
		function()
		{
			var txtFilter = $(this).parents("form").formSerialize();
			tableSort('','','','',txtFilter);
		});
	
	// ON CLICK BACK BUTTON
	$("input.back_button").click(
		function()
		{
		 history.go(-1);
		});
	
	// ON CLICK CLOSE BUTTON
	$("input.close_button").click(function()
	{
		tb_remove();
	});
	
	// FORM SUBMIT
	$("input.submit_button").parents("form").ajaxForm(
	{
		dataType:  'json', 
		beforeSubmit: function(){ loadStatus($("#form_status"));},
		success:  function(data)
		{
			// status container
			objStatus = $("#form_status");
			
			// form process returned successful		
			switch (data.success)
			{
				// Validation passed and redirect
				case 1:
				objStatus.html('<span class="green">Validation complete. Processing...</span>');	
				window.location = data.response; // redirect
				
				break;
				
				// Validation passed and display successful message
				case 2:
				objStatus.html('<span class="green">' + data.response + '</span>');	
				
				break;
			
				// Form validation failed
				default:
				
				objStatus.html('<span class="red">' + data.response + '</span>');
				
			}
		
		} // end function
		
	}); // END FORM SUBMIT
	
	// FORM SUBMIT
	$("form.ajax_form").ajaxForm(
	{
		dataType:  'json', 
		beforeSubmit: function()
		{ 
			loadStatus($("#form_status"));
		},
		success:  function(data)
		{
			// status container
			objStatus = $("#form_status");
			
			// form process returned successful		
			switch (data.success)
			{
				// Validation passed and redirect
				case 1:
				objStatus.html('<span class="green">Validation complete. Processing...</span>');	
				window.location = data.response; // redirect
				
				break;
				
				// Validation passed and display successful message
				case 2:
					$("form.ajax_form").clearForm();
					objStatus.html('<span class="green">' + data.response + '</span>');	
				
				break;
			
				// Form validation failed
				default:
				
				objStatus.html('<span class="red">' + data.response + '</span>');
				
			}
		} 
	}); // END FORM SUBMIT
	
	// POPUP FORM SUBMIT
	$("input.popup_submit_button").parents("form").ajaxForm( 
	{
		dataType:  'json', 
		beforeSubmit: function(){ loadStatus($("#popup_status")); },
		success:  function(data)
		{
			// status container
			var objStatus = $("#popup_status");
			
			// form process returned successful		
			if(data.success == 1)
			{
				objStatus.html('<span class="green">Validation complete. Processing...</span>');	
				postPopupSubmit(data.response); // this function is defined on the actual html page where the popup form is(eg: file-upload.php)
				tb_remove(); // remove popup box
				objStatus.html(''); // reset status container
			}
			
			// form validation failed
			else objStatus.html('<span class="red">' + data.response + '</span>');
		
		} // end function
		
	}); // END POPUP FORM SUBMIT


	// LIST SUBMIT
	$("input.list_submit").parents("form").ajaxForm(
		{
			dataType: 'json',
			beforeSubmit: function()
			{ 
				if(confirm("Are you sure you want to perform the action on the selected item(s)"))
				{
					loadStatus($("#list_status")); 
				}
				else return false;	

			},
			success: function(data)
			{
			
				objStatus = ($("#list_status"));
				
				if(data.success == 1) location.href = data.response;

				else objStatus.html('<span class="red">' + data.response + '</span>');
			
			}
		})
	
		$('img[@src$=.png]').ifixpng();
		$('.header').ifixpng();


		$(".menu li").each(function()
		{
			$(this).hover(function()
			{
				$(this).children('ul').show();
			},function()
			{
				$(this).children('ul').hide();
			});
		});
	
	}); // end $(document).ready

function loadStatus(objStatusContainer)
{
	objStatusContainer.html('<img src="/images/ajax-loader.gif" align="left" />&nbsp;Please wait. Processing...');
	objStatusContainer.show();
}

function endStatus(objStatusContainer)
{
	objStatusContainer.html('');
	objStatusContainer.hide();
}

// pretty up the table
function renderTable(sort_by, sort_direction)
{
	// HIGHLIGHT SORT BY COLUMN HEADER 
	$('.list thead tr td').each(function()
	{		
		if($(this).children('a').attr('id') == sort_by)
		{
			if(sort_direction == 'asc')
				$(this).children('a').attr('class', 'desc orderby');
			
			else
				$(this).children('a').attr('class', 'asc orderby');
		}
	});	
	
	// TABLE LISTING STYLE
	$("table.list tbody tr:odd").addClass('odd');
	$("table.list tbody tr:even").addClass('even');
	$("table.list tbody tr").hover(function()
	{
	 $(this).addClass('highlight');
	},function()
	{
	 $(this).removeClass('highlight');
	});

	// SELECT ALL ACTION
	$("#select_all").click(function()
	{
		var checked_status = this.checked;
		$("input:checkbox:enabled").each(function()
		{
			this.checked = checked_status;
		});
	});
	
}

// filter submission
function fi_submit(objForm)
{
	var form_data = objForm.formSerialize();
	split_form_data = form_data.split("&");
	
	query_string = "filter=";
	
	for (var i=0; i<split_form_data.length; i++)
	{
		if(split_form_data[i].substring(split_form_data[i].indexOf("=")+1) != "")
			query_string += split_form_data[i] + ";";
	}
	
	location.href = "?" + query_string;
	
	return false;
}

// reset filter form
function fi_reset(objForm)
{
	objForm.clearForm();
}