// JScript File
var selectedSubregions = new Array();
var listView = false;
var mapView = false;
var listAndMapView = false;
var searchedListView = true;
var tabArray = new Array();
var mapRegion = '';
var searchQueryFilter = '';
var finalselectedSubregions='';
function AddSelectedSubregion(ele)
{ 
    if(ele.checked==true)
    {
        finalselectedSubregions+=','+ele.id;
    }
    else
    {
        finalselectedSubregions=finalselectedSubregions.replace(','+ele.id,'');
    }
    GetRequest(REGIONS,finalselectedSubregions);
  
}
function ShowSearchedListing(custom)
{  
    if(selectedSubregions.length==0)
    {
        alert('Please select at least 1 subregions.');
        return;
    }
    else
    {
        //var searchedListViewEle = document.getElementById('searchedListViewTab');
        
        ////////* New Design*/                
        document.getElementById('subregionsSelect').innerHTML = document.getElementById('subregionsSelect').htmlContent = '';
        document.getElementById('searchBotton').innerHTML = document.getElementById('searchBotton').htmlContent = '';       
        document.getElementById('cityMap').innerHTML = document.getElementById('cityMap').htmlContent = '';        
        if(!custom)
        {
            GetSearchListView(mapRegion,selectedSubregions,'1');
        }
        else
        {
            var forsale = '';
            var forlease = '';
            var proeprtytype = document.getElementById('propertytype').value;
            var minbedroom = document.getElementById('minBedroom').value;
            var minbathroom = document.getElementById('minBathroom').value;
            var minkitchen = document.getElementById('minKitchen').value;
            var minprice = document.getElementById('minPrice').value;
            var maxprice = document.getElementById('maxPrice').value;
            var MLSnumber = document.getElementById('mlsId').value;
            if(document.getElementById('forsale').checked){forsale='True';}else{forsale='False';}
            if(document.getElementById('forlease').checked){forlease='True';}else{forlease='False';}
            GetCustomSearchListView(mapRegion,selectedSubregions,forsale,forlease,proeprtytype,minbedroom,minbathroom,minkitchen,minprice,maxprice,MLSnumber,'1')
        }
    }
}
function SelectAll()
{
    var boxes = document.form1.elements.length;
    for (i = 0; i < boxes; i++)
    {
        if(document.form1.elements.item(i).type == 'checkbox' && document.form1.elements.item(i).id != 'forsale' && document.form1.elements.item(i).id != 'forlease')
        {        
            if (!document.form1.elements.item(i).checked)
            {             
                document.form1.elements.item(i).checked = 'checked';
                selectedSubregions.push(document.form1.elements.item(i).id);
            }
        }
    }
}
function DeselectAll()
{
    var boxes = document.form1.elements.length;
    for (i = 0; i < boxes; i++)
    {   
        if(document.form1.elements.item(i).type == 'checkbox')
        {        
            if (document.form1.elements.item(i).checked)
            {               
                document.form1.elements.item(i).checked = false;
            }
        }
    }
}
function ShowSubregions(names,codes)
{   
    var SubregionsHtml='<table width="100%" align="center"><tr>';//<td colspan="3" align="center"><a href="javascript:;" onclick="SelectAll();">Select All</a>&nbsp&nbsp&nbsp&nbsp<a href="javascript:;" onclick="DeselectAll();">Deselect All</a><br><br></td></tr><tr>';
    names.reverse();
    codes.reverse();
    var items;
    var lastitems;
    var itemCnt;
    items = parseInt(names.length / 3);
    lastitems = names.length - parseInt(items * 3);
    var iCounter = 0;
    for(i=0;i<3;i++)
    {
        if(i==0)
        {
            itemCnt=items+lastitems;
        }
        else
        {
            itemCnt=items;
        }
        var filterBySubregion=false;
        if(getQueryVariable('subregion')!=null)
        {
            filterBySubregion=true;           
        }
        SubregionsHtml += '<td align="left" valign="top">';
        for(j=0;j<itemCnt;j++)
        {
           if(filterBySubregion==false)
           {
                SubregionsHtml+='<br><input id="' + codes[iCounter] + '" name="' + codes[iCounter] + '" type="checkbox" onchange="AddSelectedSubregion(this);" checked="checked"><label for="' + codes[iCounter] + '" class="search_inside_subregions">(' + codes[iCounter] + ') ' + names[iCounter] + '</label>';
           }
           else
           {
                if(getQueryVariable('subregion').match(codes[iCounter]))
                {              
                    SubregionsHtml+='<br><input id="' + codes[iCounter] + '" name="' + codes[iCounter] + '" type="checkbox" onchange="AddSelectedSubregion(this);" checked="checked"><label for="' + codes[iCounter] + '" class="search_inside_subregions">(' + codes[iCounter] + ') ' + names[iCounter] + '</label>';
                }
                else
                {
                    SubregionsHtml+='<br><input id="' + codes[iCounter] + '" name="' + codes[iCounter] + '" type="checkbox" onchange="AddSelectedSubregion(this);" ><label for="' + codes[iCounter] + '" class="search_inside_subregions">(' + codes[iCounter] + ') ' + names[iCounter] + '</label>';
                }
           }
            
            iCounter+=1;
        }
        SubregionsHtml+='</td>';
    }
    SubregionsHtml+='</tr></table>';
    
    /////////////////////////* New Design*/
    document.getElementById('subregionsSelect').innerHTML = document.getElementById('subregionsSelect').htmlContent = SubregionsHtml;
    
    finalselectedSubregions = '';
    var boxes = document.form1.elements.length;
    for (i = 0; i < boxes; i++)
    {
        if(document.form1.elements.item(i).type == 'checkbox')
        {        
            if (document.form1.elements.item(i).checked)
            {             
                document.form1.elements.item(i).checked = 'checked';
                //selectedSubregions.push(document.form1.elements.item(i).id);
                finalselectedSubregions+=','+document.form1.elements.item(i).id;                
            }
        }
    }
   
    GetRequest(REGIONS,finalselectedSubregions);
    if(filterbyRegion==true)
    {
        filterbyRegion=false;
        GetRequest(APPLYFILTERING,'');
    }
    EndWait();    
}
function HideSubs()
{
    document.getElementById('subregionsSelect').innerHTML = document.getElementById('subregionsSelect').htmlContent='';
    document.getElementById('goToMap').innerHTML = document.getElementById('goToMap').htmlContent='';
}                                                
//////////////////////////////////////////////////////////////
function ShowSubs(regionName)
{  

    StartWait();
    var region=regionName;
    mapRegion = regionName;  
    GetData('GetData/GetExternalUrl.aspx','url=GetSubregions&region=' + region,'8'); 
}
function DrawMap()
{   
    //document.getElementById('mapImageTd').innerHTML = document.getElementById('mapImageTd').htmlContent = '<img border="0" alt="" src="img/map.JPG" width="437" height="311" usemap="#Toronto_Map" />';
    //document.getElementById('subregionsTd').innerHTML = document.getElementById('subregionsTd').htmlContent = '';

/////////////////////////* New Design*/    
    document.getElementById('torontoMap').innerHTML = document.getElementById('torontoMap').htmlContent = '<img border="0" alt="" src="img/map.JPG" width="437" height="311" usemap="#Toronto_Map" />';
    document.getElementById('subregionsSelect').innerHTML = document.getElementById('subregionsSelect').htmlContent = '';
    document.getElementById('searchBotton').innerHTML = document.getElementById('searchBotton').htmlContent = '';
    document.getElementById('goToMap').innerHTML = document.getElementById('goToMap').htmlContent = '';
    document.getElementById('cityMap').innerHTML = document.getElementById('cityMap').htmlContent = '';
    document.getElementById('selectSearch').innerHTML = document.getElementById('selectSearch').htmlContent = '';
    selectedSubregions = new Array();    
    document.getElementById('SearchedDetailViewDiv').innerHTML = document.getElementById('SearchedDetailViewDiv').htmlContent = '';
}
function CustomSearch()
{
    ShowSearchedListing(true);  
}
function GetCustomSearchListView(regionName,citycodes,forSale,forLease,proeprtyType,minBedroom,minBathroom,minKitchen,minPrice,maxPrice,MLSNumber,page)
{   
  //  searchFlag = true;  
    var query = 'region=' + regionName + '&forsale=' + forSale + '&forlease=' + forLease + '&propertytype=' + proeprtyType + '&minbedroom=' + minBedroom + '&minbathroom=' + minBathroom + '&minkitchen=' + minKitchen + '&minprice=' + minPrice + '&maxprice=' + maxPrice + '&MLSNumber=' + MLSNumber;  
    for(i = 0;i<citycodes.length;i++)
    {
        query += "&sub" + i + "=" + citycodes[i];
    }
    query+='&page=' + page;
    queryWithoutPageId=query;
    searchQueryFilter = query;
    SearchEvent();
   // SearchListings(query);
}

function GetSearchListView(regionName,citycodes,page)
{   
 //   searchFlag = true;  
    var forSale = 'True';
    var forLease = 'False';
    var proeprtyType = 'Any';
    var minBedroom = 'Any';
    var minBathroom = 'Any';
    var minKitchen = 'Any';
    var minPrice = '';
    var maxPrice = '';
    var MLSNumber = '';
    var query = 'region=' + regionName + '&forsale=' + forSale + '&forlease=' + forLease + '&propertytype=' + proeprtyType + '&minbedroom=' + minBedroom + '&minbathroom=' + minBathroom + '&minkitchen=' + minKitchen + '&minprice=' + minPrice + '&maxprice=' + maxPrice + '&MLSNumber=' + MLSNumber;  
    for(i = 0;i<citycodes.length;i++)
    {
        query += "&sub" + i + "=" + citycodes[i];
    }
    query+='&page=' + page;
    queryWithoutPageId=query;
    searchQueryFilter = query;
    SearchEvent();
   // SearchListings(query);
}

function SearchEvent()
{
 //waite for call
    GetRequest(SEARCHUC,searchQueryFilter);
}
function HideSearchBox()
{
    document.getElementById('SearchBoxDIV').style.display='none';
}
function ShowSearchBox()
{
    document.getElementById('SearchBoxDIV').style.display='block';    
}