// JScript File

    var cityCount=0;
    var cityNames;
    var LftNavigionAditionalFilters='';


var activeCityIndex=0;
var finalCityHTML='';
function DrawCityList(cnts,names,selectedCityName)
{
    activeCityIndex=0;
    var startCityIndex=-15;
    if(selectedCityName == null || selectedCityName.length==0)
    {
        selectedCityName='Toronto';
    }    
    for(k=0;k<names.length;k++)
        {
        //alert(names[k]);
            if(names[k]!=null)
            {
                if(names[k]==selectedCityName)
                {
                    activeCityIndex=k;
                    break;
                }
            }
        }
    var flag=false;
    var finalHTML ='<table align="left" border="0" cellpadding="0" cellspacing="0"><tr>';
    flage=false;
    if(names.length>0)
    {
        var totalListingCount = 0;
        for(i=0;i<cnts.length;i++)
        {
            totalListingCount += parseInt(cnts[i]);
        }  
        document.getElementById('cities_total_listing').innerHTML = 'Cities <em>('+totalListingCount+')</em>';
        for(i=0;i<3;i++)
        {   
            flage=false; 
            finalHTML+='<td class="city_list_item">';
            startCityIndex+=15;
            for(k=startCityIndex;k<parseInt(startCityIndex+15);k++)
            {
                if(cnts[k]!=null)
                {
                    if(k==activeCityIndex)
                    {            
                        flage=true;
                        finalHTML+='<div><img src="listingDesignImages/city_table_city arrow on.jpg" /><span class="city_table_item_active">';
                        finalHTML+=names[k];
                        finalHTML+='</span><span class="city_item_count"> (';
                        finalHTML+=cnts[k];
                        finalHTML+=')</span></div>';
                    }
                    else
                    {               
                        flage=true;
                        finalHTML+='<div><img src="listingDesignImages/city_table_city arrow off.jpg" /><span class="city_table_item" onclick="GetRequest(LEFTNAVIGATION,this.id);" id="' + names[k] + '">';
                        finalHTML+=names[k];
                        finalHTML+='</span><span class="city_item_count"> (';
                        finalHTML+=cnts[k];
                        finalHTML+=')</span></div>';
                    }                
                }
                else
                {
                    break;
                }                
            }
            finalHTML+='<br>'; 
         }
        }
        else
        {                  
            finalHTML+='<td colspan="1" class="sorry_list_item">';
            finalHTML+='<div class="sorry_title">Sorry</div><div  class="sorry_body">but no properties could be found based on the above criteria</div><br>';                       
            document.getElementById('cities_total_listing').innerHTML = 'Cities <em>(0)</em>';
            GetRequest(ResetListing(),'');
        }
                      
        finalHTML+='</td>';        
        finalCityHTML = finalHTML;        
        
    }
   // alert(flage);

function LoadAllCityNames(cnt,name,selectedCityName)
{
    document.getElementById('cityListDiv').style.display='block';
    cityCount=cnt;
    cityNames=name;
    document.getElementById('cityListDiv').innerHTML = '';    
    DrawCityList(cnt,name,selectedCityName);
    document.getElementById('cityListDiv').innerHTML = finalCityHTML;
}
function LeftNavigationHighLightItemByIndex(selectedItem)//highlight and click it
{
    var itemid;
    for(i=0;i<cityNames.length;i++)
    {
        if(i==selectedItem )
        {               
            activeCityIndex=i;
            itemid=cityNames[i];            
            SaveHistory('cityname',itemid);                              
        }            
    }
    GetRequest(LEFTNAVIGATION,itemid);
}
function LeftNavigationHighLightItem(selectedItem)
{
    var itemid;
    document.getElementById('cityListDiv').style.display='block';
    document.getElementById('cityListDiv').innerHTML = '';//'<br><b>City Names</b> (' + cityNames.length + ')<br><br>';   
           
    for(i=0;i<cityNames.length;i++)
    {
        if(cityNames[i]==selectedItem )
        {        
            itemid=cityNames[i];                   
            activeCityIndex=i;
            DrawCityList(cityCount,cityNames,cityNames[i]);
            document.getElementById('cityListDiv').innerHTML = document.getElementById('cityListDiv').htmlContent = finalCityHTML;
            break;
        }        
    } 
    // alert(itemid); 
    // GetRequest(LEFTNAVIGATION,itemid); alert('1');   
      
    
}
function HideLeftNavigation()
{
     document.getElementById('cityListDiv').style.display='none';
}
//////////////////////////////////////////////////////End of New Design