function listing_count(buffer, pageNo, totalPages, firstIndex, lastIndex, totalResults, totalMapSearchCount) {
    buffer.append('<div id="listing_count" style="margin-bottom: 5px;">');
    if (totalMapSearchCount != null && totalMapSearchCount > 200) {
        buffer.append('<div id="listing_count_too_many">僅顯示找到的前 200 條物業資訊。請放大地圖或精簡搜尋標準。</div>'); 
    }
    pageLinks(buffer, pageNo, totalPages);
    var str = '房產 ${1} - ${2}，共 ${3}'; 
    str = str.replace('$\{1\}', firstIndex);
    str = str.replace('$\{2\}', lastIndex);
    str = str.replace('$\{3\}', totalResults);
    buffer.append('<p align="center">'+str+'</p>');
    buffer.append('</div>');
}
function pageLinks(buffer, pageNo, totalPages) {
    buffer.append('<table border="0" cellpadding="0" cellspacing="0" width="100%">');
    buffer.append('<tr>');
    buffer.append('<td width="15%">');
    if (pageNo > 1) {
        buffer.append('<a class="prev" href="javascript:void(0);" onclick="switchToPage(' + (pageNo - 1) + ');return false;"><img src="/personal/1/images/previous_zht.jpg" border="0" /></a>');
    } else {
        buffer.append('&nbsp;');
    }

    buffer.append('</td>');

    buffer.append('<td width="70%">');
    var minPage = pageNo - 5;
    if (minPage <= 0) {
        minPage = 1;
    }

    var maxPage = pageNo + 5;
    if (maxPage > totalPages) { maxPage = totalPages; }

    buffer.append('<center>');
    for (var i = minPage; i <= maxPage; i++) {
        if (i == pageNo) {
            buffer.append('<span class="current_page_no">' + pageNo + '</span>');
        } else {
            buffer.append(' <a href="javascript:void(0);" class="page_link" onclick="switchToPage(' + i + ');return false;">' + i + '</a> ');
        }
    }
    buffer.append('</center>');
    buffer.append('</td>');

    buffer.append('<td width="15%" align="right">');
    if (pageNo < totalPages) {
        buffer.append('<a class="next" href="javascript:void(0);" onclick="switchToPage(' + (pageNo + 1) + ');return false;"><img src="/personal/1/images/next_zht.jpg" border="0" /></a>');
    } else {
        buffer.append('&nbsp;');
    }
    buffer.append('</td>');
    buffer.append('</tr></table>');
}
function create_results_page(firstIndex, listings, pageNo, totalPages, lastIndex, totalResults) {
    var buffer = new StringBuffer();
    if (listings != null && listings.length > 0) {
    	buffer.append('<div id="search_result_header"><div class="padding"><div class="title">');
	    buffer.append('<img src="/personal/1/images/propertySearchResults_zht.png" border="0">\n');
		buffer.append('</div>');
		if(typeof totalMapSearchCount === "undefined"){
			totalMapSearchCount = totalResults;
		}
        listing_count(buffer, pageNo, totalPages, firstIndex, lastIndex, totalResults, totalMapSearchCount);

        buffer.append('<div id="sort_by">');
        buffer.append('<label>排序方式: </label>');
        // todo: select current sort order
        buffer.append('<select name="c_sort" onchange="change_sort_order(this);">');
        buffer.append('<option value="li_sort_priced"' + isSortSelected('li_sort_priced') + '>價格由高至低</option>');
        buffer.append('<option value="li_sort_price"' + isSortSelected('li_sort_price') + '>價格由低至高</option>');
        buffer.append('<option value="li_sort_sized"' + isSortSelected('li_sort_sized') + '>按面積由大至小</option>');
        buffer.append('<option value="li_sort_size"' + isSortSelected('li_sort_size') + '>按面積由小至大</option>');
        buffer.append('</select>');
        //buffer.append('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><label>儲存搜尋</label></a>');

        buffer.append('</div>');
        buffer.append('<div style="clear: both"></div>');
        buffer.append('</div>');
		buffer.append('</div>');
		
		buffer.append('<div style="clear: both"></div>');
		buffer.append('<div id = "search_result_scroll">');
		var two_col = isWide();
        if(two_col)
        	buffer.append('<table id="listing_two_col_table" border="0" cellpadding="0" cellspacing="0">');


        for (var i = 0; i < listings.length; i++) {
            if (two_col == true){
	            if (i % 2 == 0) {
	                buffer.append('<tr>');
	            } else {
	                buffer.append('<td class="separator_1px"><img src="/images/1px.gif" width="1" height="1"></td>');
	            }
	
	            buffer.append('<td>');
			}
            listing_text(buffer, firstIndex + i, listings[i]);
				
			if (two_col == true){
	            buffer.append('</td>');
	            if (i % 2 == 1 || i == listings.length - 1) {
	                buffer.append('</tr>');
	            }
            }
        }
		if (two_col == true)
        	buffer.append('</table>');
		buffer.append('</div>');

        buffer.append('<div id="buttons">');
        listing_count(buffer, pageNo, totalPages, firstIndex, lastIndex, totalResults);
        buffer.append('</div>');
    } else {
    	buffer.append('<div id="search_result_header"><div class="title">');
	    buffer.append('<img src="/personal/1/images/propertySearchResults_zht.png" border="0">\n');
		buffer.append('</div></div>');
        buffer.append('<h3>');
        buffer.append('沒有符合您的搜尋條件的房產');
        buffer.append('</h3>');
    }
    return buffer.toString();
}