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("lot");
            elCell.innerHTML = "<a href='/details.html?id=" + sData + "'>" + lot + "</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:"photos", label:"", formatter:this.miniThumb, width: 15},
			{key:"id", label:"Lot&nbsp;#", formatter:this.formatUrl, sortable:true, resizeable:true, width:45},
			{key:"sqft", label:"Sq.&nbsp;Ft.", formatter:YAHOO.widget.DataTable.formatNumber, sortable:true, resizeable:true, width:55},
			{key:"corner_lot", label:"Corner&nbsp;Lot", formatter:this.formatYn, sortable:true, resizeable:true, width:70},
			{key:"greenbelt", label:"Greenbelt", formatter:this.formatYn, sortable:true, resizeable:true, width:70}
		];

        this.myDataSource = new YAHOO.util.DataSource("utils/get_lots.php?");
        this.myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
        this.myDataSource.connXhrMode = "queueRequests";
        this.myDataSource.responseSchema = {
            resultsList: "ResultSet.Lot",
				fields: [
					"id",
					"lot",
					"sqft",
					"max_size",
					"ml_name",
					"price",
					"greenbelt",
					"corner_lot",
					"fencing",
					"irrigation",
					"landscaping",
					"patio_faces",
					"coach_faces",
					"min_side_lot",
					"frontage",
					"lot_type",
					"pad",
					"model",
					"brand",
					"year",
					"azroom",
					"carport",
					"furnished",
					"shed",
					"photos",
					"sale_rent",
					"extras",
					"notes",
					"description"
				]        };

		var typeToDisp = document.getElementById('type_to_display').value;

		this.Paginator = new YAHOO.widget.Paginator({
        rowsPerPage    : 25,
	    // Options for FirstPageLink component 
	    firstPageLinkLabel : "<img src=\'/art/first.gif\' border=\'0\' width=\'21\' height=\'17\' >&nbsp;First", 
	    firstPageLinkClass : "yui-pg-first", // default 
	 
	    // Options for LastPageLink component 
	    lastPageLinkLabel : "Last&nbsp;<img src=\'/art/last.gif\' border=\'0\' width=\'21\' height=\'17\'>", 
	    lastPageLinkClass : "yui-pg-last", // default 
	 
	    // Options for PreviousPageLink component 
	    previousPageLinkLabel : "<img src=\'/art/back2.gif\' border=\'0\' width=\'16\' height=\'17\'>&nbsp;Prev", 
	    previousPageLinkClass : "yui-pg-previous", // default 
	 
	    // Options for NextPageLink component 
	    nextPageLinkLabel : "Next&nbsp;<img src=\'/art/next2.gif\' border=\'0\' width=\'16\' height=\'17\'>", // default 
	    nextPageLinkClass : "yui-pg-next" // default 
    })

		var myConfigs = {
				initialRequest:"lot_type=" + typeToDisp ,
				MSG_LOADING:'I AM LOADING NOW',
				paginator : this.Paginator
		};

        this.myDataTable = new YAHOO.widget.DataTable("listings", myColumnDefs,
                this.myDataSource, myConfigs);

        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;
	
	if (dispType==2) {
			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';
	}
	if (dispType==3) {
			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';
	}

};
// Call the init method when the page loads 
YAHOO.util.Event.on(window,'load',init); 
