var ajaxSearchingPhrase = 'Searching...';
var ajaxSearchPhrase = 'Search';
var ajaxLoadingImageUrl = '';
var ajaxHTMLResponse = ''; 

function searchProducts( url )
{
	$( '#searchButton' ).attr( 'disabled', 'disabled' );
	$( '#searchButton' ).attr( 'value', ajaxSearchingPhrase );
	$( '#list-product' ).hide( 200, function() {
		if ( $( '#searchButton' ).attr( 'disabled' ) )
		{
			$( '#list-product' ).html( '<center><img src="'+ajaxLoadingImageUrl+'" alt="'+ajaxSearchingPhrase+'" /></center>' ).show( 200 );
		}
	});
	$.ajax( {
		url: url,
		data: $( '#searchForm' ).serialize(),
		error : function( html ) {
			$( '#searchButton' ).attr( 'disabled', '' );
			$( '#searchButton' ).attr( 'value', ajaxSearchPhrase );
			$( '#list-product' ).html( '' );
		},
		success: function( html ) {
				ajaxHTMLResponse = html;
				$( '#searchButton' ).attr( 'disabled', '' );
				$( '#searchButton' ).attr( 'value', ajaxSearchPhrase );
				$( '#list-product' ).hide( 200, function() {
					$( '#list-product' ).html( ajaxHTMLResponse ).show( 500 );
				} );
		}
	} );
	
}