function loadHomesForSale(page, props_per_page, page_src) {
    var item_name = jQuery('#item_name').val();
    var item_type = jQuery('#item_type').val();
    var aid = jQuery('#aid').val();

    if (page_src.length > 4) { item_type = 'z'; item_name = page_src; }

    var url = '/mini_view_ajax.asp?action=homes-for-salex&page=' + page;
    url += '&ppp=' + props_per_page;
    url += '&search_name=' + escape(item_name);
    url += '&search_type=' + escape(item_type);
    url += '&aid=' + aid;
    url += '&src=' + page_src;

    
    jQuery('#prop_row_1').load(url);
    //if (section == 2) { jQuery('#prop_row_2').load(url); } //jQuery('#prop_row_1').html('');

}



function setPaging(page) {
    if (page == '-1') {page = parseInt(jQuery('#page_nav').val()) - 3;}
    if (page == '-2') { page = parseInt(jQuery('#page_nav').val()) + 3; }
    var pages = jQuery('#num_pages').val();
    var page_link = $('#page_link').val();
    var iPages = parseInt(pages)
    var iPage = parseInt(page)
    var item_name = $("#h_item_name").val();
    var item_type = $("#h_item_type").val();
    var src = $("#h_src").val();
    if (src == 'com' || src == 'city' || src == 'area') { src = 'comm'; }
    var link = "/" + src + '.asp?name=' + escape(item_name) + '&t=' + item_type + '&page=';

    if (page_link != '') {link = page_link + 'Page-';}
    //alert(page_link + '  Page Link');

    var pattern = /^\/Page-/;
    var onMetroPage = pattern.test(page_link);
    if (onMetroPage) { link = 'Page-' }
    else {
        var n = page_link.indexOf('Page-') + 5;
        if (n > 5) { link = page_link.substring(0, n); }
        
    }

    //alert(link)
    //alert(page_link)
    
    //  Set the Current page
    jQuery('#page_nav').val(page);
    //  Remove all Selected
    jQuery('div[id^="page-nav-"]').removeClass('paging_selected').addClass('paging');
    
    //  Handle Carets
    if (iPage <= 5) { jQuery('#page-nav-prev').hide(); } else { jQuery('#page-nav-prev').show(); }
    if (iPage > iPages - 3 || iPages <= 5) { jQuery('#page-nav-next').hide(); } else { jQuery('#page-nav-next').show(); }

    //  Handle Elipsis
    if (iPage < 4 || pages <= 5) { jQuery('#elipsis1').hide(); } else { jQuery('#elipsis1').show(); }
    if (iPage <= iPages - 3 && iPages >= 6) { jQuery('#elipsis2').show(); } else { jQuery('#elipsis2').hide(); }

    //  Set the Correct Page Numbers  (1,3,4,5,7)  (1 and 7 never change)
    jQuery('#page-nav-1').html('1');
    jQuery('#page-link-1').attr('href', link + '1');
    jQuery('#page-nav-7').html(pages);
    jQuery('#page-link-7').attr('href', link + pages);

    //alert('SetPaging: ' + pages)
    
    
       //  Deal with less than 3 pages
    var page_minus = 0
    var page_plus = 0
    page_minus = iPage - 1
    page_plus = iPage + 1

    var selSet = 'n'

    //  Which Page is selected
    if (iPage == 1) { jQuery('#page-nav-1').removeClass('paging').addClass('paging_selected'); selSet = 'y' }   //  On The First Page
    if (iPage == 2) { jQuery('#page-nav-3').removeClass('paging').addClass('paging_selected'); selSet = 'y' }   //  On The Second Page
    
    //if (iPage == 3) { jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected'); selSet = 'y' }
    if (iPage == 4 & iPages < 6) { jQuery('#page-nav-5').removeClass('paging').addClass('paging_selected'); selSet = 'y' }
    if (iPages > 4 && selSet == 'n') {
        //alert('setting upper pages')
        if (iPage == iPages - 2) { jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected'); selSet = 'y' }
        if (iPage == iPages - 1) { jQuery('#page-nav-5').removeClass('paging').addClass('paging_selected'); selSet = 'y' }
        //  On the Last page
        if (iPage == iPages) { jQuery('#page-nav-7').removeClass('paging').addClass('paging_selected'); selSet = 'y' }
    }

    if (selSet == 'n') { jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected'); }         //Most Page will fall here
    //else { if (selSet == 'n') { jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected'); } }


/*
    //  4 is always selected unless page < 5 or page > pages - 5
    if (iPage <= 3 || iPage > iPages - 3) {
        if (iPage == 1) { jQuery('#page-nav-1').removeClass('paging').addClass('paging_selected'); }
        if (iPage == 2) { jQuery('#page-nav-3').removeClass('paging').addClass('paging_selected'); }
        if (iPage == 3) { jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected'); }
        if (iPage == 4) { jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected'); }
        if (iPages > 4) {
            if (iPage == iPages - 2) { jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected'); }
            if (iPage == iPages - 1 && iPage != 4) { jQuery('#page-nav-5').removeClass('paging').addClass('paging_selected'); }
            if (iPage == iPages) { jQuery('#page-nav-7').removeClass('paging').addClass('paging_selected'); }
        }
        else { jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected'); }
    }
    else {
        jQuery('#page-nav-4').removeClass('paging').addClass('paging_selected');
    }
*/

    //  Show Correct divs and Set correct Values
    var isSet = false
    if (iPage <= 3 || iPage > iPages - 3 || iPages <= 3) {
        //alert('ddd')
        if (iPages == 1) { jQuery('#page-nav-3').hide(); jQuery('#page-nav-4').hide(); jQuery('#page-nav-5').hide(); jQuery('#page-nav-7').hide(); isSet = true; }
        if (iPages == 2) { jQuery('#page-nav-3').html('2'); jQuery('#page-nav-4').hide(); jQuery('#page-nav-5').hide(); jQuery('#page-nav-7').hide(); isSet = true; }
        if (iPages == 3) {
            jQuery('#page-nav-3').html('2'); jQuery('#page-link-3').attr('href', link + '2');
            jQuery('#page-nav-4').html('3'); jQuery('#page-link-4').attr('href', link + '3');
            jQuery('#page-nav-5').hide(); 
            jQuery('#page-nav-7').hide(); isSet = true; }
        if (iPages == 4) {
            jQuery('#page-nav-3').html('2'); jQuery('#page-link-3').attr('href', link + '2');
            jQuery('#page-nav-4').html('3'); jQuery('#page-link-4').attr('href', link + '3');
            jQuery('#page-nav-5').html('4'); jQuery('#page-link-5').attr('href', link + '4');
            jQuery('#page-nav-7').hide(); isSet = true; 
            }
        if (iPages == 5) { jQuery('#page-nav-3').html('2'); jQuery('#page-nav-4').html('3'); jQuery('#page-nav-5').html('4'); jQuery('#page-nav-7').html('5'); isSet = true; }
        //  no Lower Ellipsis
        //  Set the Links
        if (iPage <= 3 && iPages > 3) {
            ///alert('ee')
            isSet = true;
            jQuery('#page-nav-3').html('2'); jQuery('#page-link-3').attr('href', link + '2'); //&x=#metro_box
            jQuery('#page-nav-4').html('3'); jQuery('#page-link-4').attr('href', link + '3'); //&x=#metro_box
            jQuery('#page-nav-5').html('4'); jQuery('#page-link-5').attr('href', link + '4'); //&x=#metro_box
            }
        //  no upper ellipsis
        if (iPage >= iPages - 3 && iPages > 3 && isSet == false) {
            //alert('ff')

        jQuery('#page-nav-3').html(iPages - 3); jQuery('#page-link-3').attr('href', link + (iPages - 3)); // + '&x='#metro_box
        jQuery('#page-nav-4').html(iPages - 2); jQuery('#page-link-4').attr('href', link + (iPages - 2)); // + '&x='#metro_box
        jQuery('#page-nav-5').html(iPages - 1); jQuery('#page-link-5').attr('href', link + (iPages - 1)); // + '&x='#metro_box
        }
    }
    else {
        //alert('no')
        //  Set the Visible Values
        jQuery('#page-nav-3').html(page_minus);
        jQuery('#page-nav-4').html(page);
        jQuery('#page-nav-5').html(page_plus);
        //  Set the hrefs
        jQuery('#page-link-3').attr('href', link + page_minus);// + '&x='#metro_box
        jQuery('#page-link-4').attr('href', '');
        jQuery('#page-link-5').attr('href', link + page_plus);//+ '&x='#metro_box
    }
    
}



//  Version for area pages uses anchors instead of onclick
function buildPagingLinks(numPages, current_page) {
    //alert('buildPagingLinks')
    var item_name = $("#h_item_name").val();
    var item_type = $("#h_item_type").val();
    var page_link = $('#page_link').val();
    var src = $("#h_src").val();
    if (src == 'com' || src == 'city' || src == 'area') { src = 'comm'; }
    if (src == 'metro') {src = 'index';} 
    var link = src + '.asp?name=' + escape(item_name) + '&t=' + item_type + '&page=';


    var pattern = /^\/Page-/;
    var onMetroPage = pattern.test(page_link);
    if (onMetroPage) { link = 'Page-' }
    else {
        var n = page_link.indexOf('Page-') + 5;
        if (n > 5) { link = page_link.substring(0, n); }
        else { link = page_link + 'Page-' }    
    }

    //alert(link)
    
    var page_plus = parseInt(current_page) + 3
    var page_minus = parseInt(current_page) - 3

    var i = 0;
    var i_page = 0;
    var str = '';
    var val = jQuery('#paging').html();
    //var prev = '<a class="paging_link" href="' + link + page_minus + '"><div id="page-nav-prev" title="jump by 3 pages" class="paging">&#171;</div></a>';
    //var next = '<a class="paging_link" href="' + link + page_plus + '"><div id="page-nav-next" title="jump by 3 pages" class="paging">&#187;</div></a>';

    var prev = '<a class="paging_link" href="' + link + page_minus + '"><div id="page-nav-prev" title="jump by 3 pages" class="paging"><<</div></a>';
    var next = '<a class="paging_link" href="' + link + page_plus + '"><div id="page-nav-next" title="jump by 3 pages" class="paging">>></div></a>';

    var elipsis1 = '<div id="elipsis1" class="paging-elipsis">...</div>';
    var elipsis2 = '<div id="elipsis2" class="paging-elipsis">...</div>';
    //  These values will be replaced
    if (val == '') {
        //  Add First Line
        for (i = 0; i <= 8; i++) {
            i_page = i + 1;
            if (i == 0) { str += prev; }
            if (i == 2) { str += elipsis1; }
            if (i == 6) { str += elipsis2; }
            if (i == 8) { str += next; }
            if (i == 1 || i == 3 || i == 4 || i == 5 || i == 7) {
                str += '<a id="page-link-' + i + '" class="paging_link" href=""><div id="page-nav-' + i + '" class="paging">' + i_page + '</div></a>';
                //alert(str)
            }
        }
        jQuery('#paging').html(str);
        //  set to 1 page
        setPaging(current_page);
    }
}

//  Version for area pages uses anchors instead of onclick
function buildPagingLinks_old(numPages, current_page) {
    //alert(current_page)
    var item_name = $("#h_item_name").val();
    var item_type = $("#h_item_type").val();
    var page_link = $('#page_link').val();
    var src = $("#h_src").val();
    if (src == 'com' || src == 'city' || src == 'area') { src = 'comm'; }
    if (src == 'metro') { src = 'index'; }
    var link = src + '.asp?name=' + escape(item_name) + '&t=' + item_type + '&page=';
    if (page_link != '') {
        link = page_link + 'Page-'
    }

    var page_plus = parseInt(current_page) + 3
    var page_minus = parseInt(current_page) - 3

    var i = 0;
    var i_page = 0;
    var str = '';
    var val = jQuery('#paging').html();
    var prev = '<a class="paging_link" href="' + link + page_minus + '"><div id="page-nav-prev" title="jump by 3 pages" class="paging">&#171;</div></a>';
    var next = '<a class="paging_link" href="' + link + page_plus + '"><div id="page-nav-next" title="jump by 3 pages" class="paging">&#187;</div></a>';
    var elipsis1 = '<div id="elipsis1" class="paging-elipsis">...</div>';
    var elipsis2 = '<div id="elipsis2" class="paging-elipsis">...</div>';
    //  These values will be replaced
    if (val == '') {
        //  Add First Line
        for (i = 0; i <= 8; i++) {
            i_page = i + 1;
            if (i == 0) { str += prev; }
            if (i == 2) { str += elipsis1; }
            if (i == 6) { str += elipsis2; }
            if (i == 8) { str += next; }
            if (i == 1 || i == 3 || i == 4 || i == 5 || i == 7) {
                str += '<a id="page-link-' + i + '" class="paging_link" href="#metro_box"><div id="page-nav-' + i + '" class="paging">' + i_page + '</div></a>';
                //alert(str)
            }
        }
        jQuery('#paging').html(str);
        //  set to 1 page
        setPaging(current_page);
    }
}
