﻿// JScript File
    var codes = new Array();
    var currentPageNo = 1;
    var queryWithoutPageId ='';
    var startPageNumberShowing=1;
    var endPageNumberShowing=1;
    var pageCnt=0;
    var loadCnt=0;
    var recordCnt=0;
    var recordNo=1;
    var itemPerPage = 10;
    var divideResult = 0;
    var searchFlag = false;
    var activepage = 1;
    
    var finalListingViewHTML='';
    /////////////////////////////////////////New paging style vars
    var currentPage = 1;
    var startPagingIndex = 1;
    var endPagingIndex = 10;
    var pageCount;
    var pagingStyleHTMH='';
    var startItemIndex;
    var endItemIndex;
    var totalItems;   
    var cityName;
    var filterQueryString;
    //var listingAditionalFilters='';
    /////////////////////////////////////////////end
    var cities_currentName;
    function GetListView(listingViewCityName,filter)
    {                   
        cities_currentName =listingViewCityName;
        GetData('GetData/GetExternalUrl.aspx','url=getListingMoreDetail&page='+currentPage+'&cityname='+listingViewCityName + filter,'6');
    }
    function GetFilteredListings(qFilter)
    {
        GetData('GetData/GetExternalUrl.aspx','url=getListingMoreDetail&page='+currentPage+'&'+qFilter + filter,'6');
    }
    function GetCondoFilteredListings(listingViewCityName,filter)
    {      
        cities_currentName =listingViewCityName;
       // alert('url=getListingMoreDetail&page='+currentPage+'&cityname='+listingViewCityName+'&condofilterd=1' + filter);
        GetData('GetData/GetExternalUrl.aspx','url=getListingMoreDetail&page='+currentPage+'&cityname='+listingViewCityName+'&condofilterd=1' + filter,'6');
    }
    function GetNewdListings(listingViewCityName,filter)
    {       
        cities_currentName =listingViewCityName;
        GetData('GetData/GetExternalUrl.aspx','url=getListingMoreDetail&page='+currentPage+'&cityname='+listingViewCityName+'&newlisting=1' + filter,'6');
    }       
    function LoadMoreListingDetails(location,beds,baths,img,id,price,mls,leas,sale,totalPages,starts,ends,totlalListings,selectedCityName,queryString)
    {   
        if(mls.length>0)
        {
            pageCount= parseInt(totalPages[0]);
            startItemIndex = parseInt(starts[0]);
            endItemIndex = parseInt(ends[0]);
            totalItems = parseInt(totlalListings[0]); 
            var tableHtml='';//'<table border="0" cellpadding="3" cellspacing="0" width: 620px;height: 160px; border-right: #660000 1px solid; border-top: #660000 1px solid;border-left: #660000 1px solid; border-bottom: #660000 1px solid;">';            
            var td = '<td style="width: 100px">';
            var pageNo=0;                    
            var isNextShowing = true;
            var isPreviousShowing = false;
            cityName=selectedCityName[0];        
            filterQueryString=queryString[0];   
            DrawListingViewItems(location,beds,baths,img,id,price,mls,leas,sale,totalPages,starts,ends,totlalListings);
            tableHtml+=finalListingViewHTML;
            ///////////////////////////////////Draw paging
            //DrawPaging();
            //tableHtml += '<tr style="height:25px;"><td colspan="7" align="center">';
            //tableHtml += pagingStyleHTMH;
            //tableHtml += '</td></tr></table>';            
            document.getElementById('DetailViewDiv').innerHTML = document.getElementById('DetailViewDiv').htmlContent = tableHtml;          
        }
    }
    function listingViewBackChangerOn(ele)
    {
         var e=document.getElementById(ele);
         e.style.backgroundImage='url(images/listiview_back_gra_02.jpg)';
    }
    function listingViewBackChangerOff(ele)
    {
         var e=document.getElementById(ele);
         e.style.backgroundImage='url(images/listiview_back_gra_01.jpg)';
    }
    function ResetListing()
    {
       document.getElementById('DetailViewDiv').innerHTML = ""; 
    }
    
    function showListDetailsPage(lId)
    {            
        window.location='Map Full Listing.aspx?listing=' + lId;
    }   
    function DrawListingViewItems(location,beds,baths,img,id,price,mls,leas,sale,totalPages,starts,ends,totlalListings)    
    {
        
        var finalHTML = '<table border="0" cellpadding="0" cellspacing="0" style="width: 638px; height: 249px">';
        //finalHTML+='<tr><td align="right" colspan="2" style="height: 31px" class="listing_header">';
        finalHTML+='<tr>';
        finalHTML+='<td align="right" colspan="2" style="height: 25px">';
        finalHTML+='<table width="98%" align="left" cellpading="0" cellspacing="0" border="0">';
        finalHTML+='<tr>';
        finalHTML+='<td>';
        finalHTML+='<table align="left" cellpadding="0" cellspacing="0" border="0">';
        finalHTML+='<tr>';
        finalHTML+='<td height="27px" id="cities_cityname" style="background-image:url(listingDesignImages/listing_cityname_title_inside.jpg); background-repeat:repeat; padding-right:20px; padding-left:20px; padding-top:0px; padding-bottom:0px; font-family:Verdana; font-size:15px;font-weight:bold; color:#0b3b71;">';
        finalHTML+=cities_currentName+'('+totlalListings[0]+')';
        finalHTML+='</td>';
        finalHTML+='<td width="6px" style="background-image:url(listingDesignImages/listing_cityname_title_right.jpg);background-repeat:no-repeat;">';
        finalHTML+='</td>';
        finalHTML+='</td>';
        finalHTML+='<td align="right" style="height: 25px">';
        finalHTML+='<div align="right"><span class="results_showing">&nbsp;&nbsp;&nbsp;Results</span> <span class="results_showing" id="startIndexResults">';
        finalHTML+=starts[0]+'</span> - <span class="results_showing" id="endIndexResults">'+ends[0]+'</span>';
        finalHTML+='<span class="results_showing"> </span><span class="totla_results_showing" id="totalResults">'+''+'</span>';
        finalHTML+='</div>';
        finalHTML+='</td></tr>';
        finalHTML+='</table>';
        finalHTML+='</td>';
        finalHTML+='</tr>';
        for(i=0;i<mls.length;i++)
        {
            finalHTML+='<tr><td><table width="100%" cellpadding="0" cellspacing="0" border="0">';
            finalHTML+='<tr>';
            finalHTML+='<td class="listing_top">';
            finalHTML+='</td>';
            finalHTML+='<td rowspan="3" align="left" valign="top" style="width: 18px">';
            finalHTML+='<img width="18" height="119" id="listing_right_img_'+i+'" src="listingDesignImages/list_table_right_off.jpg" alt="" />';
            finalHTML+='</td>';
            finalHTML+='</tr>';
            finalHTML+='<td width="620px" class="listing_inside" onmouseover="javascript:this.className=\'listing_inside_hover\'" onmouseout="javascript:this.className=\'listing_inside\'">';
            finalHTML+='<table cellpadding="0" cellspacing="0" border="0" width="100%">';
            
            finalHTML+='<tr>';
            finalHTML+='<td class="view" valign="middle" align="center" onmouseover="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right.jpg\'" onmouseout="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right_off.jpg\'">';
            finalHTML+='<table width="114px" style="height: 85px;" cellpadding="0" cellspacing="0" border="0">';
            finalHTML+='<tr>';
            finalHTML+='<td class="listing_image_back" align="center">';
            //finalHTML+='<a href=\"Map Full Listing.aspx?listing='  + id[i] +'\" target=\"_blank\"><img border="0" width="95px" height="65px" src="';
            finalHTML+='<a href=\"toronto-condos-'+mls[i]+'.aspx\" target=\"_blank\"><img border="0" width="95px" height="65px" src="';
            finalHTML+=img[i];
            finalHTML+='" alt="" /></a>';
            finalHTML+='</td>';
            finalHTML+='</tr>';
            finalHTML+='</table>';
            finalHTML+='</td>';
            
            finalHTML+='<td class="listMLSTd" align="left" onmouseover="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right.jpg\'"onmouseout="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right_off.jpg\'"><span class="MLSText">MLS&copy ID : </span><span class="MLSNumber">';
            finalHTML+=mls[i];
            finalHTML+='</span><div><span class="price_txt">Price : </span><span class="price">$';
            finalHTML+=price[i];
            finalHTML+='</span></div>';
            finalHTML+='</td>';
            
            finalHTML+='<td align="left" valign="middle" onmouseover="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right.jpg\'" onmouseout="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right_off.jpg\'"><div class="listing_bedsbathes">Beds : <b>';
            finalHTML+=beds[i];
            finalHTML+='</b></div><div class="listing_bedsbathes">Bathes : <b>';
            finalHTML+=baths[i];
            finalHTML+='</b></div>';
            finalHTML+='</td>';
            
            finalHTML+='<td onmouseover="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right.jpg\'" onmouseout="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right_off.jpg\'"><div class="listing_forsale_forlease">';
            if(sale[i]=='Yes')
            {
                finalHTML += 'For Sale';
            }
            else if(leas[i]=='Yes')
            {
                finalHTML += 'For Lease';   
            }
            finalHTML+='</div>';
            finalHTML+='</td>';
            
            //finalHTML+='<td class="view" onmouseover="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right.jpg\'" onmouseout="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right_off.jpg\'"><a href=\"Map Full Listing.aspx?listing=' + id[i] +'\" target=\"_blank\"><img border="0" src="listingDesignImages/listing_view details_on.gif" alt="" onmouseover="javascript:this.src=\'listingDesignImages/listing_view details off.gif\'" onmouseout="javascript:this.src=\'listingDesignImages/listing_view details_on.gif\'" /></a></td>';  
            finalHTML+='<td class="view" onmouseover="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right.jpg\'" onmouseout="javascript:document.getElementById(\'listing_right_img_'+i+'\').src=\'listingDesignImages/list_table_right_off.jpg\'"><a href=\"toronto-condos-'+mls[i]+'.aspx\" target=\"_blank\"><img border="0" src="listingDesignImages/listing_view details_on.gif" alt="" onmouseover="javascript:this.src=\'listingDesignImages/listing_view details off.gif\'" onmouseout="javascript:this.src=\'listingDesignImages/listing_view details_on.gif\'" /></a>';
            finalHTML+='</td>';  
            finalHTML+='</table>';
            finalHTML+='</td>';
            finalHTML+='</tr>';
            finalHTML+='<tr>';
            finalHTML+='<td valign="bottom" class="listing_bottom">';
            finalHTML+='</td>';
            finalHTML+='</tr>';            
            finalHTML+='</table></td></tr>';
        }
        ////////////////////////////////////paging start here
        finalHTML+='<tr>';
        finalHTML+='<td align="left">';
        finalHTML+='<br>';
        DrawPaging();
        finalHTML+=pagingStyleHTMH;
        finalHTML+='<br><br>';
        finalHTML+='</td>';
        finalHTML+='</tr>';
        
        ////////////////////////////////////end paging        
        finalHTML+='</table>';
        finalListingViewHTML=finalHTML;    
        
    }
    ///////////////////////////////////////////////New paging functions
    function DrawPaging()
    {
        var pagingTable = '<table align="left" cellspacing="0" cellpadding="4" border="0"><tr>';
        //pagingTable += '<td align="left" colspan="14">Total results : <b>'+totalItems+'</b>&nbsp;&nbsp;&nbsp;Listing <b>'+startItemIndex+'</b> - <b>'+endItemIndex+'</b><br></td></tr><tr>';
        pagingTable += '<td align="center" onclick="GetPagingNumbers(this.id,cityName,filterQueryString);" id="1"><span class="paging_text">First</span></td>';
        if(parseInt(currentPage) > 1)
        {   
            pagingTable += '<td align="center" id="'+parseInt(currentPage - 1)+'" onclick="GetPagingNumbers(this.id,cityName,filterQueryString);"><span class="paging_text">Previous</span></td>';
        }
        if(endPagingIndex > pageCount){endPagingIndex=pageCount;}
        if(startPagingIndex==0){startPagingIndex=1;}       
        for(i=startPagingIndex;i<=endPagingIndex;i++)
        {
            if(i==currentPage)
            {   
                pagingTable += '<td align="center" class="paging_active"><b>'+i+'</b></td>';                
            }
            else
            {
                pagingTable += '<td align="center" class="paging" id="'+i+'" onclick="GetPagingNumbers(this.id,cityName,filterQueryString);"><span >'+i+'</span></td>';    
            }
            //if(i==endPagingIndex && i<pageCount)
            //{
                //pagingTable += '<td align="center" style="width:20px;border-right: #0000cc 1px solid; border-top: #0000cc 1px solid; border-left: #0000cc 1px solid; border-bottom: #0000cc 1px solid; background-color:#abcfed;cursor:pointer;"><span id="'+i+'" onclick="GetPagingNumbers(this.id);">...</span></td>'; 
            //}
        }
        if(currentPage<pageCount)
        {
            pagingTable += '<td align="center" id="'+parseInt(currentPage + 1)+'" onclick="GetPagingNumbers(this.id,cityName,filterQueryString);"><span class="paging_text">Next</span></td>';
        }
        pagingTable += '<td align="center" id="'+parseInt(pageCount)+'" onclick="GetPagingNumbers(this.id,cityName,filterQueryString)"><span class="paging_text">Last</span></td></tr></table>';      
        pagingStyleHTMH = pagingTable;
    }
    function GetPagingNumbers(pageNumber,city,filterQuery)
    {
    //alert(city);
   // alert(city +' '  +filterQuery);  
        currentPage = parseInt(pageNumber);
        if(currentPage<=pageCount)
        {
            if(currentPage%10==0)
            {
                if(currentPage==startPagingIndex)
                {
                    startPagingIndex-=10;
                    if(startPagingIndex==0){startPagingIndex=1;}
                    endPagingIndex = currentPage;
                }
                else
                {
                    startPagingIndex = currentPage;
                    if(startPagingIndex+10 > pageCount)
                    {
                        endPagingIndex = pageCount;
                    }
                    else
                    {
                        endPagingIndex=startPagingIndex+10;     
                    }
                }
            }
            else
            {
                if(currentPage == pageCount)
                {
                    startPagingIndex = currentPage - (currentPage%10);
                    endPagingIndex=currentPage;
                }
                else
                {
                    if(currentPage==1)
                    {
                        startPagingIndex = 1;
                        endPagingIndex = 10;
                    }
                    else if(currentPage<=startPagingIndex)
                    {
                        endPagingIndex=startPagingIndex;
                        startPagingIndex-=10;
                        if(startPagingIndex==0){startPagingIndex=1;}               
                    }
                    else if(currentPage>=endPagingIndex)
                    {
                        startPagingIndex = endPagingIndex;
                        if(startPagingIndex+10 > pageCount)
                        {
                            endPagingIndex = pageCount;
                        }
                        else
                        {
                            endPagingIndex=startPagingIndex+10;     
                        }    
                    }
                }            
            }
            /////////////////////////////////////////////////////////
            /*
            This lines use to get next page's data for listing view and it has not any information about map situation
            and call the appropreate GetData function to getting next data range and does not use RequestManager.js to manage itself  
            */
            var sPath = window.location.pathname;
            var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);            
            if(sPage.toLowerCase().match('mls-listing.aspx')!=null)
            {
               GetListView(city,filterQuery);
            }
            else if(sPage.toLowerCase().match('just-listed.aspx')!=null)
            {                          
                GetNewdListings(city,filterQuery);
            }
            else
            {
                GetCondoFilteredListings(city,filterQuery);
            }    
        }    
    }
    ///////////////////////////////////////////////end
    
    
    
    
    
    
    
    
    
    
 