// JavaScript Document
$(document).ready(function () {
	sailors.init();
});

var sailors = {
	
	init:function(){
		this.loadlist(1, "");
		$("#searchField").click(function(){
			 if(this.value == "Filter List"){
				 this.value= "";
			 }
		});
		$("#searchField").keyup(function(){
			 if(this.value.length > 2){
				 sailors.loadlist(1, this.value);
			 }
		});
		
		$("#clearSearch").click(function(){
				$("#searchField").value = "Filter List";
				sailors.loadlist(1, "");
		});
		this.showsailor("");
	},
	showsailor:function(id){
		$.ajax({
		url: "sailors_sailor.asp",
		data: "showid="+id,
		cache: false,
		success: function(html){
		$("#sailor").html(html);
	  }
	});
	},
	
	makebuttons:function(){
		
		
		$("#nextForm").bind('submit', function (e) {
			sailors.loadlist(this.nextStart.value);
			return false;
		} );
		$("#prevForm").bind('submit', function (e) {
			sailors.loadlist(this.prevStart.value);
			return false;
		} );
	
	},
	
	loadlist: function(start, searchFeild){
		start = parseInt(start, 10);
		$.ajax({
		url: "sailors_list.asp",
		data: "searchFeild="+searchFeild+"&start="+start,
		cache: false,
		success: function(html){
		$("#sailorsList").html(html);
		sailors.makebuttons();
	  }
	});
	}
};