var searchSstate;
var searchVstate;
var t_results;
var r_results;
var offset = 2;
var prv_id = 1;
var provinces	= {};
var dealers	= {};
var page_number = 0;
var makes;
var Make;
var Model;
var ploaded = false;
var loginSlide;
var registerSlide;
var make_id;
var model_id;
var AC_FL_RunContent = 0;
var current_province;
var my_params={"d_odometer_max":600001,"model":"","d_odometer_min":0,"price_max":200001,"odometer_max":"600001","province":"9","city_name":"Toronto","d_forsale_filter_type":"Used Vehicles","d_id":"","d_ad_type":"","year_min":20,"forsale_filter_type":"Used Vehicles","d_body_styles":"","d_d_id":"","area_id":"","d_price_min":0,"year_max":80,"price_min":0,"d_model":"","province_name":"Ontario","body_styles":"","d_year_max":60,"area":"","city":"539","d_year_min":35,"d_price_max":200001,"ad_type":"","on_special":"","d_forsale_page":1,"d_on_special":"","make":"","forsale_page":1,"d_make":"","odometer_min":0};

function Province (provinceName, provinceAbbrev) {
	this.name = provinceName;
	this.abbrev = provinceAbbrev;
	this.cities = {};
}

function City (cityName) {
	this.name = cityName;
	this.dealers = {};
}

function Dealer (dealerID, dealerName) {
	this.id = dealerID;
	this.name = dealerName;
}

function AddProvince (provinceID, provinceName, provinceAbbrev) {
	provinces[provinceID] = new Province(provinceName, provinceAbbrev);
}

function AddCity (provinceID, cityID, cityName) {
	provinces[provinceID]['cities'][cityID] = new City(cityName);
}

function AddDealer (provinceID, cityID, dealerID, dealerName) {
	provinces[provinceID]['cities'][cityID]['dealers'][dealerID] = new Dealer(dealerID, dealerName);
}

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

Element.extend(
{
	hide: function() 
	{
		return this.setStyle('display', 'none');
	},
	
	show: function() 
	{
		return this.setStyle('display', '');
	}
});
	
function compareOptions(a, b) {
	if (a.text.toUpperCase() < b.text.toUpperCase())
		return -1;
	if (a.text.toUpperCase() > b.text.toUpperCase())
		return 1;
	return 0;
}
var ct_id = "";
function getCity(){
	return ct_id;
}

var minPrice=0;
var curMakeID;
var make_arr = {};

function refreshModels() {
    var makedd = document.getElementById('vehicle_make');
    var modeldd = document.getElementById('vehicle_model');
    //Form = document.forms[ formName ];
    var selectedMake = makedd.options[ makedd.selectedIndex ].value;
    var i,modelID;
    modeldd.selectedIndex = 0;
    modeldd.length = 1;
    if (selectedMake != -1) {
        i=1;
        for (modelID in make_arr[selectedMake]) {
            modeldd.options[i] = new Option (make_arr[selectedMake][modelID], modelID);
            i++;
        }
    }
}

function preselectModel(model_id){
    var modeldd = document.getElementById('vehicle_model');
    for(var i=0; i<modeldd.length; i++){
        if(modeldd.options[i].value == model_id){
            modeldd.selectedIndex = i;
        }
    }
}

function updateMakeModelLists(){

  var body_style = GetBodyStyles();
	var d_id = my_params.dealer;
	var city_id = my_params.city;
	var province_id = my_params.province;
	var class_txt = GetActiveFilter();
	
    var myMakes;
    var myAjax = new Request.JSON({
    	url: '/site/makemodel_json', 
    	async: false,
    	onComplete: function(resp){
    		handleReloadMakesModels(resp);
    	}}).post({'body_styles': body_style, 
		      'd_id': d_id, 
			    'city_id': city_id, 
			    'province_id': province_id,
			    'class_text': class_txt,
			    'area_id': my_params.area_id,
			    'ad_type': my_params.ad_type
			    });
}

function handleReloadMakesModels (obj) {
	makes = {};
	Make = new Class({
	  initialize: function(makeName) {
		this.name = makeName;
		this.models = {};
	  }
	});
	Model = new Class({
	  initialize: function(modelName) {
		this.name = modelName;
	  }
	});
	for (var i in obj) {
		var make = obj[i];
		if(make.id){
			AddMake(make.id, make.name);
			for (var j in make['models']) {
				if(make['models'][j].id){
					AddModel(make.id, make['models'][j].id, make['models'][j].name);
				}
			}
		}
	}
	refreshMakeList();
}

function AddMake (makeID, makeName) {
	makes[makeID] = new Make(makeName);
}

function AddModel (makeID, modelID, modelName) {
	makes[makeID].models[modelID] = new Model(modelName);
}

function refreshMakeList () {
	var makeElement = document.getElementById('vehicle_make');
	//my_params.make = $('vehicle_make').value;
	var selectedMake = 0;

	if (makeElement.selectedIndex != -1 && my_params.make == ''){
		selectedMake = makeElement.options[ makeElement.selectedIndex ].value;
		//my_params.make = $('vehicle_make').value;
	}

	makeElement.selectedIndex = 0;
	makeElement.length = 1;
	if(my_params.make != ''){
		selectedMake = my_params.make[0];
		make_id = '';
	}
	for (i in makes) {
		makeElement.options[makeElement.length] = new Option(makes[i].name, i);
		if (selectedMake == i) {
			//alert('reselected:' + (makeElement.length - 1) + ':' + i);
			makeElement.selectedIndex = makeElement.length - 1;
		}
	}
	
	refreshModelList();
	
}

function refreshModelList () {

	var i, makeElement, modelElement, selectedMake, selectedModel, found=false;

	makeElement = document.getElementById('vehicle_make');
	modelElement = document.getElementById('vehicle_model');

	if (makeElement.selectedIndex != -1 && !make_id) {
		selectedMake = makeElement.options[ makeElement.selectedIndex ].value;
	}else{
		selectedMake = make_id;
	}
	make_id = '';
	if (modelElement.selectedIndex != -1 && !my_params.model) {
		selectedModel = modelElement.options[ modelElement.selectedIndex ].value;
	}else{
		selectedModel = my_params.model;
	}

	modelElement.selectedIndex = 0;
	modelElement.length = 1;

	if (selectedMake) {
		for (i in makes[selectedMake].models) {
			modelElement.options[modelElement.length] = new Option(makes[selectedMake].models[i].name, i);
			if (selectedModel == i) {
				modelElement.selectedIndex = modelElement.length - 1;
			}
		}
	}
}

function handleJson(parsedNodes){
	var currModel = "";
	var makedd = document.getElementById('vehicle_make');
	var modeldd = document.getElementById('vehicle_model');

	//in IE makedd.selectedIndex is sometimes somewhere set to -1. this is a temporary hack,
	//until I figure out where and why.
	makedd.selectedIndex = (makedd.selectedIndex == -1)? 0 : makedd.selectedIndex;
	modeldd.selectedIndex = (modeldd.selectedIndex == -1)? 0 : modeldd.selectedIndex;

	var make_txt = makedd.options[ makedd.selectedIndex ].value;
	var model_txt = modeldd.options[ modeldd.selectedIndex ].value;
	var chk_boxes = document.getElementsByName('body_styles');
	//reset make list
	makedd.length = 1;
	var i,j,c;
	var objs = parsedNodes['objs'];
	var mks = objs[0];
	var fspage = objs[2];

	//if(window.ie){
	//	makeLen-=1;	
	//}
	if(mks){
		mks.make.each(function(mk, i){
			makedd.options[i+1] = new Option (mk.mname, mk.mid);

			if(makedd.options[i+1].value == make_txt && make_txt != '0'){
				makedd.selectedIndex = i+1;
			}else if(make_txt == '0' && this.selected == 1){
				makedd.selectedIndex = i+1;
			}

			_Make(mk.mid);
			var m = mk.model;
				m.each(function(mdl, j){
				_Model(mdl.modid, mdl.modname);
				if(mdl.selected == 1){
					currModel = mdl.modid;
				}
				});

		});
		refreshModels();
		preselectModel(currModel);
		//if(fspage.forsale_page[0].forsale_page == '1'){
			
			//updateResults(1);
		//}else{
			updateResults2(fspage.forsale_page[0].forsale_page);
		//}
	}else{
		refreshModels();
		//page_number=1;
		updateResults(1);
	}
	document.getElementById('vehicle_make').disabled = false;
  document.getElementById('vehicle_model').disabled = false;
}

function SwitchLabel(obj, lbl){
	$(obj).setStyle('background-image',"url(/images/" + lbl + ")");
}

function UpdateSearchDisplay(){
	var condition = "All Vehicles";
	var certified = "";
	var onspecial = "";
	var p = province_name != ""?" In " + province_name:"";
	if($('used_link').hasClass('menubtn_selected')){
		condition = "Used Vehicles";
	}
	if($('new_link').hasClass('menubtn_selected')){
		condition = "New Vehicles";
	}
	if($('certified_link').hasClass('menubtn_selected')){
		certified = "Certified ";
	}
	if($('specials_link').hasClass('menubtn_selected')){
		onspecial = " On Special";
	}
	$('search_display').innerHTML= certified + condition + onspecial + p;
}

function m_overSwitch(id){
	$(id).src = "/images/" + id +"-ovr.gif";
}

function m_outSwitch(id){
	$(id).src = "/images/" + id +".gif";
}

function RequestPassword(){
	if($('logon_email').value == ""){
		$('logon_err').innerHTML="Enter your email address in the User Name text box, then click on the Forgot Password button.";
		$('logon_err').setStyle('display','');
		$('logon_email').focus();
		return;	
	}else{
	var myAjax = new Request( {
		url:'/site/listing_manager/login',
		'data': {'logon_email': $('logon_email').value,'request':'yes'},
		onSuccess: function(ret){
			$('logon_err').innerHTML="Your request has been submitted.";
			$('logon_err').setStyle('display','');
			}
		}).send();
	}		
}

function logout(){
	var myAjax = new Request.HTML( {
		url:'/site/listing_manager/login',
		update:'mem_login'
		}).post({'logout': 'yes'});
}

function doSearch(sclass, year){
	$('class').value = sclass;
	$('year_max').value = year;
	$('search_form').submit();	
}
var selectorsAccordian;

function ShowCityList(val){
	if(val){
		var s=$('switch_city_link').getCoordinates();
		$('select_provinces_block').setStyles({left:s['left'], top: s['top']});
	}else{
		$('select_provinces_block').setStyles({left:'-3000px', top: '-3000px'});
	}
}

function ShowLocations(){
	$('switch_city_link').toggleClass('base_switch_up');
	$('switch_city_link').toggleClass('base_switch_down');
	if($('location_list').getStyle('visibility') == 'hidden'){
		var s=$('switch_city_link').getCoordinates();
		$('location_list').setStyles({visibility:'visible'});
		$('location_list').setStyles({left:s['left'], top: s['bottom']});
	}else{
		$('location_list').setStyles({left:'-3000px', top: '-3000px'});
		$('location_list').setStyles({visibility:'hidden'});
		//selectorsAccordian.display(0);
	}
}

function initLocation(){
	var display_name = '';
	if(my_params.province_name != '' && my_params.area_id == ''){
		display_name = my_params.province_name;
	}
	if(my_params.city != '' && my_params.city_name != ''){
		display_name = my_params.city_name;
	}
	if(my_params.area_id != ''){
		display_name = my_params.area + ' Area';
	}
	$('base_top_location').set('text',display_name);
}

function ValidateLogon(){
	var myAjax = new Request.HTML( {
		url:'/site/listing_manager/login',
		update:'mem_login'
		}).post({'logon_email': $('logon_email').value, 'logon_password': $('logon_password').value});
		$('logon_email').value="";
		$('logon_password').value="";
}

function ToggleLocation(loc){
	if(loc.getStyle('display') == 'none'){
		loc.setStyle('display','block');
	}else{
		loc.setStyle('display','none');
	}
}
var provinces_loaded = new Array();
function ToggleProvince(pr_id){
	var loc = $('province_'+pr_id);
	if(loc.getStyle('display') == 'none'){
		loc.setStyle('display','block');
		if(!provinces_loaded.contains(pr_id)){
			var regionRequest = new Request.JSON({
				url:'/site/regions_json',
				async: false,
				onComplete: function(regions){
					regions.each(function(region){
						var li = new Element('li',{
						'class': 'fly'
						});
						var a = new Element('a',{
							href: '#',
							rel: region.id,
							text: region.name + ' Area',
							title: region.name + ' Area',
							'class': 'region_drop',
							events: {
								click: function(e) {
									e.stop();
									var rname = this.title.replace(' Area','') 
									ToggleRegion(this.rel, rname);
								},
								mouseenter: function() {
									
								}
							}
						});
						a.inject(li);
						
						var ul = new Element('ul',{
							'class': 'region',
							id:	'region_' + region.id
						});
						var tli = new Element('li',{
							'class': 'fly'
						});
						var ta = new Element('a',{
							href: '#',
							rel: region.id,
							text: 'All of ' + region.name + ' Area',
							title: region.name,
							'class': 'region_drop',
							events: {
								click: function(e) {
									e.stop();
									SetLocation(this.rel, this.title, 'area');
									HideLocations();
								},
								mouseenter: function() {
									
								}
							}
						});
						ta.inject(tli);
						tli.inject(ul);
						ul.inject(li);
						li.inject(loc);
					});
					provinces_loaded.push(pr_id);
				}
			}).post({province: pr_id});
		}
	}else{
		loc.setStyle('display','none');
	}
}

var regions_loaded = new Array();
function ToggleRegion(r_id, rname){
	var loc = $('region_'+r_id);
	if(loc.getStyle('display') == 'none'){
		loc.setStyle('display','block');
		if(!regions_loaded.contains(r_id)){
			var cityRequest = new Request.JSON({
				url:'/site/cities_json',
				async: false,
				onComplete: function(cities){
					
					var tli = new Element('li',{
						'class': 'fly',
						events: {
							click: function(e) {
								e.stop();
								SetLocation(r_id ,  rname , 'area');
								HideLocations();
							},
							mouseenter: function() {
								
							}
						}
					});
					cities.each(function(city){
						var li = new Element('li',{
						'class': 'fly'
						});
						var a = new Element('a',{
							href: '#',
							rel: city.cid,
							text: city.cname,
							title: city.cname,
							'class': 'city_drop',
							events: {
								click: function(e) {
									e.stop();
									SetLocation(this.rel, this.title, 'city');
									HideLocations();
								},
								mouseenter: function() {
									
								}
							}
						});
						a.inject(li);
						li.inject(loc);
					});
					regions_loaded.push(r_id);
				}
			}).post({area: r_id});
		}
	}else{
		loc.setStyle('display','none');
	}
}

function HideLocations(){
	$$('.province').setStyle('display','none');
	$$('.region').setStyle('display','none');
}

function LoadCities(){
	var myAjax = new Request.HTML( {
		url:'/site/city_list.pl',
		'update': 'pmenu'
		}).post({});
}