function init() 
{
	// Create our namespace
	YAHOO.namespace("jth_page");
//		YAHOO.jth_page.myLogReader = new YAHOO.widget.LogReader(); 

    YAHOO.jth_page.XHR_JSON = new function() {
        this.formatUrl = function(elCell, oRecord, oColumn, sData) {
						var lot = oRecord.getData("prop_id");
            elCell.innerHTML = "<a href='/details.html?id=" + lot + "'>" + sData + "</a>";
        };
		this.formatFaces = function(elCell, oRecord, oColumn, sData) {
			var patio = oRecord.getData("patio_faces");
			var coach = oRecord.getData("coach_faces");
			var patio_text = '';
			var coach_text = '';
			switch(patio)
			{
			case "1":
				patio_text = 'North';
				break;
			case "2":
				patio_text = 'South';
				break;
			case "3":
				patio_text = 'East';
				break;
			case "4":
				patio_text = 'West';
				break;
			default:
				patio_text = '';
			}
			switch(coach)
			{
			case "1":
				coach_text = 'North';
				break;
			case "2":
				coach_text = 'South';
				break;
			case "3":
				coach_text = 'East';
				break;
			case "4":
				coach_text = 'West';
				break;
			default:
				coach_text = '';
			}
				elCell.innerHTML = patio_text + "/" + coach_text;
				if (elCell.innerHTML == '/') {
					elCell.innerHTML = '';
				}
		};

		this.formatYn = function(elCell, oRecord, oColumn, sData) {
			if (sData==2) {elCell.innerHTML = 'YES';}
			else if (sData==1) {elCell.innerHTML = 'NO';}
			else {elCell.innerHTML='';}
		};
		this.miniThumb = function (elCell, oRecord, oColumn, sData) {
			if (sData!=0) {
				elCell.innerHTML = sData;
			}
			else {elCell.innerHTML = '&nbsp;';}
		}
		this.formatPrice = function(elCell, oRecord, oColumn, sData) {
			function isNumeric(sText) {
				var ValidChars = "0123456789.,";
				var IsNumber=true;
				var Char; 
				for (i = 0; i < sText.length && IsNumber == true; i++) { 
					Char = sText.charAt(i); 
					if (ValidChars.indexOf(Char) == -1) {
						IsNumber = false;
					}
				}
				return IsNumber;
			}
			if (isNumeric(sData)) {
				if (sData==0) {elCell.innerHTML = '';} else {elCell.innerHTML = '$' + sData;}
			}
			else {elCell.innerHTML =  sData;}
		};
		
		var myColumnDefs = [
			{key:"album", label:"", formatter:this.miniThumb, width: 30},
			{key:"lot_number", label:"Lot", formatter:this.formatUrl, sortable:true, resizeable:true, width:45},
			{key:"patio", label:"Orientation", sortable:true, resizeable:true, width:85},
			{key:"lot_size", label:"Lot Size", sortable:true, resizeable:true, width:65},
			{key:"availability", label:"Availability", sortable:true, resizeable:true, width:65},
			{key:"for_sale", label:"For Sale", sortable:true, resizeable:true, width:65}
		];

        this.myDataSource = new YAHOO.util.DataSource("utils/get_lots_jth.php?");
        this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
        this.myDataSource.connXhrMode = "queueRequests";
        this.myDataSource.responseSchema = {
            resultsList: "ResultSet.Lot",
				fields: [
					"prop_id",
					{key:"lot_number", parser:"number"},
					{key:"price", parser:"number"},
					"year",
					"size",
					"patio",
					"fence",
					"landscaping",
					"irrigation",
					"shed",
					"corner",
					"green",
					"notes",
					"brand",
					"azrm",
					"carport",
					"bedrooms",
					"furnished",
					"lot_size",
					"album",
					"listing_type",
					"album",
					"availability",
					"pets",
					"for_sale"
				]        };

		var typeToDisp = document.getElementById('type_to_display').value;
		var statusToDisp = document.getElementById('status_to_display').value;


		this.Paginator = new YAHOO.widget.Paginator({
        rowsPerPage    : 5,
	    // Options for FirstPageLink component 
	    firstPageLinkLabel : "&lt;&lt;&nbsp;First", 
	    firstPageLinkClass : "yui-pg-first", // default 
	 
	    // Options for LastPageLink component 
	    lastPageLinkLabel : "Last&nbsp;&gt;&gt;", 
	    lastPageLinkClass : "yui-pg-last", // default 
	 
	    // Options for PreviousPageLink component 
	    previousPageLinkLabel : "&lt;&nbsp;Prev", 
	    previousPageLinkClass : "yui-pg-previous", // default 
	 
	    // Options for NextPageLink component 
	    nextPageLinkLabel : "Next&nbsp;&gt;", // default 
	    nextPageLinkClass : "yui-pg-next" // default 
    })

		var myConfigs = {
				initialRequest:"lot_type=" + typeToDisp + "&status=" + statusToDisp,
//				MSG_LOADING:'I AM LOADING NOW',
				paginator : this.Paginator,
				selectionMode:"single" 
		};

        this.myDataTable = new YAHOO.widget.DataTable("listings", myColumnDefs,
                this.myDataSource, myConfigs);

	// Subscribe to events for row selection 
							 this.myDataTable.subscribe('rowClickEvent', function (oArgs) {
                    var oRow = this.getRow(oArgs.target);
										var oCells = oRow.getElementsByTagName("a");
										var myLink = oCells[0];
										document.location = myLink;
                });



        this.lotsCallback = {
            success : this.myDataTable.onDataReturnInitializeTable,
            failure : this.myDataTable.onDataReturnInitializeTable,
            scope : this.myDataTable
        };
//        this.myDataSource.sendRequest("lot_type=1",lotsCallback);


        var callback2 = {
            success : this.myDataTable.onDataReturnInitializeTable,
            failure : this.myDataTable.onDataReturnInitializeTable,
            scope : this.myDataTable
        };
//        this.myDataSource.sendRequest("query=chinese&results=10&output=json",callback2);
    };

	YAHOO.jth_page.selectLot = function () {
		var lot = document.getElementById("lotImg");
		var model = document.getElementById("modelImg");
		var alt = document.getElementById("altImg");
		lot.src='/art/lotsfs2_1.gif';
		model.src='/art/parkmodelsfs2_1.gif';
		alt.src='/art/alternataivesfs2_1.gif';
	};
	YAHOO.jth_page.selectModel = function () {
		var lot = document.getElementById("lotImg");
		var model = document.getElementById("modelImg");
		var alt = document.getElementById("altImg");
		lot.src='/art/lotsfs2_2.gif';
		model.src='/art/parkmodelsfs2_2.gif';
		alt.src='/art/alternataivesfs2_2.gif';
	};
	YAHOO.jth_page.selectAlt = function () {
		var lot = document.getElementById("lotImg");
		var model = document.getElementById("modelImg");
		var alt = document.getElementById("altImg");
		lot.src='/art/lotsfs2_3.gif';
		model.src='/art/parkmodelsfs2_3.gif';
		alt.src='/art/alternataivesfs2_3.gif';
	};
	
	var dispType = document.getElementById('type_to_display').value;
	var styleType = document.getElementById('status_to_display').value;
	
};
// Call the init method when the page loads 
YAHOO.util.Event.on(window,'load',init);