$(document).ready( function() {
		build_search_show( );
		build_search_video( );
		build_search_people( );
	});

	function build_search_show( p , cm)
	{
		if ( !p )	p = page_show;
			else	page_show = p;

		$('#forScriptShow').empty().append( loader() );
		
		// call the server.
		no_history_server_post( { m : 'build_search' , act : 'show' , page : p , keyword : keyword , filter:filter_show } , server_callback_show );
	}
	
	function server_callback_show( data ) {
		if ( data['err'] ) {
			// display_error can be found in the utils.js ; for start it alerts the error text
			display_error( data['err'] );
		}else if ( data['server'] &&  data['server']['data'] ){
			// we got the html from the server. now let us build the page.
			// clearer() retunr a div with style clear:both with height as parameter. found in utils.js
			$('#forScriptShow').empty().append( data['server']['data'] ).after( clearer() );
			$('#forScriptShow').prepend( data['server']['pagination'] );
			$('#forScriptShow > #simple_pagination').after( clearer(5) );
			$('#forScriptShow').prepend( data['server']['filter'] );
		}
		
		$('#forScriptShow > #filter_d > #filter').change( function() {
			t = document.location.href.split('#');
			v = $(this).val();
			v = v.split('/');
			filter_show = v[1];
			build_search_show( page_show );
		});
	}
		
	// VIDEO
	function build_search_video( p , cm)
	{
		if ( !p )	p = page_video;
			else	page_video = p;

		$('#forScriptVideo').empty().append( loader() );

		// call the server.
		no_history_server_post( { m : 'build_search' , act : 'video' , page : p , keyword : keyword, filter:filter_video  } , server_callback_video );
	}
	
	function server_callback_video( data ) {
		if ( data['err'] ) {
			// display_error can be found in the utils.js ; for start it alerts the error text
			display_error( data['err'] );
		}else if ( data['server'] &&  data['server']['data'] ){
			// we got the html from the server. now let us build the page.
			// clearer() retunr a div with style clear:both with height as parameter. found in utils.js
			$('#forScriptVideo').empty().append( data['server']['data'] ).after( clearer() );
			$('#forScriptVideo').prepend( data['server']['pagination'] );
			$('#forScriptVideo > #simple_pagination').after( clearer(5) );
			$('#forScriptVideo').prepend( data['server']['filter'] );
		}
		
		$('#forScriptVideo > #filter_d > #filter').change( function() {
			t = document.location.href.split('#');
			v = $(this).val();
			v = v.split('/');
			filter_video = v[1];
			build_search_video( page_video );
		});
	}
	
	// PEOPLE
	function build_search_people( p , cm)
	{
		if ( !p )	p = page_people;
			else	page_people = p;

		$('#forScriptPeople').empty().append( loader() );

		// call the server.
		no_history_server_post( { m : 'build_search' , act : 'people' , page : p , keyword : keyword} , server_callback_people );
	}
	
	function server_callback_people( data ) {
		if ( data['err'] ) {
			// display_error can be found in the utils.js ; for start it alerts the error text
			display_error( data['err'] );
		}else if ( data['server'] &&  data['server']['data'] ){
			// we got the html from the server. now let us build the page.
			// clearer() retunr a div with style clear:both with height as parameter. found in utils.js
			$('#forScriptPeople').empty().append( data['server']['data'] ).after( clearer(5) );
			$('#forScriptPeople').prepend(  data['server']['pagination'] );
			$('#forScriptPeople > #simple_pagination').after( clearer(20) );
		}
	}