window.addEvent('domready', function(){
	
	$('switch_city_link').addEvent('click', function(e){
		if($('location_list').getStyle('visibility') == 'hidden' && Browser.Engine.trident4){
			$('home_search_new').setStyle('visibility','hidden');
		}else{
			$('home_search_new').setStyle('visibility','visible');
		}
		ShowLocations();
		return false;
	});
	//LoadCities();
	initLocation();
	loadFeaturedVehicles(42);
});

var dealerslides = 7;	
var privateslides = 7;	
function loadFeaturedVehicles(cnt){
	var display_name = '';
	var city = "";
	var province = "";
	
	if(my_params.province_name != '' && my_params.province_name){
		display_name = my_params.province_name;
	}
	if(my_params.city_name != '' && my_params.city_name){
		display_name = my_params.city_name;
	}
	if(my_params.area_id != '' && my_params.area){
		display_name = my_params.area + ' Area';
	}
	
	var myDealer = new Request.HTML( {
		url:'/site/featured/featured_vehicles',
		update:$('dealer_specials_slide'),
		onComplete:function(resp){
															   // NUMBER OF SLIDES IN SLIDESHOW, CHANGE ACCORDINGLY
			var pos = 0;
			var offset = 714;												 // HOW MUCH TO SLIDE WITH EACH CLICK
			var currentslide = 1;											// CURRENT SLIDE IS THE FIRST SLIDE
			$('feat_dealer_text').set('text',"Recently Listed Dealer Vehicles in " + display_name );
			/* THUMBNAIL IMAGE SCROLL */
			var imgscroll = new Fx.Scroll('wrapperdealer', {
					offset: {'x': 0, 'y': 0},
					transition: Fx.Transitions.Cubic.easeOut  				// HOW THE SCROLLER SCROLLS
			}).toLeft();
			/* EVENTS - WHEN AN ARROW IS CLICKED THE THUMBNAILS SCROLL */
			$('dealer_specials_left_nav').addEvent('click', function(event) { event = new Event(event).stop();
				if(currentslide == 1) return;
				currentslide--;																	// CURRENT SLIDE IS ONE LESS
				pos += -(offset);															   // CHANGE SCROLL POSITION
				imgscroll.start(pos);														  // SCROLL TO NEW POSITION
			});
			$('dealer_specials_right_nav').addEvent('click', function(event) { event = new Event(event).stop();
				//if(currentslide >= slides) return;
				if(currentslide >= dealerslides){
					pos=-714;
					//offset-=714;
					currentslide=0;	
				}
				currentslide++;
				pos += offset;
				imgscroll.start(pos);
			});
		}
	}).post({
			vhcl_cnt:cnt,
			 city: my_params.city,
			 province: my_params.province,
			 area_id: my_params.area_id,
			 listing_type: 'dealer'
		});
		
		var myPrivate = new Request.HTML( {
		url:'/site/featured/featured_vehicles',
		update:$('private_specials_slide'),
		
		onComplete:function(resp){
															   // NUMBER OF SLIDES IN SLIDESHOW, CHANGE ACCORDINGLY
			var ppos = 0;
			var poffset = 714;												 // HOW MUCH TO SLIDE WITH EACH CLICK
			var currentpslide = 1;											// CURRENT SLIDE IS THE FIRST SLIDE
			$('feat_private_text').set('text',"Recently Listed Private Vehicles in " + display_name );
			/* THUMBNAIL IMAGE SCROLL */
			var pimgscroll = new Fx.Scroll('wrapperprivate', {
					offset: {'x': 0, 'y': 0},
					transition: Fx.Transitions.Cubic.easeOut  				// HOW THE SCROLLER SCROLLS
			}).toLeft();
			/* EVENTS - WHEN AN ARROW IS CLICKED THE THUMBNAILS SCROLL */
			$('private_specials_left_nav').addEvent('click', function(event) { event = new Event(event).stop();
				if(currentpslide == 1) return;
				currentpslide--;																	// CURRENT SLIDE IS ONE LESS
				ppos += -(poffset);															   // CHANGE SCROLL POSITION
				pimgscroll.start(ppos);														  // SCROLL TO NEW POSITION
			});
			$('private_specials_right_nav').addEvent('click', function(event) { event = new Event(event).stop();
				//if(currentpslide > privateslides) return;
				if(currentpslide >= privateslides){
					ppos=-714;
					//poffset-=714;
					currentpslide=0;	
				}
				//alert(poffset);
				currentpslide++;
				ppos += poffset;
				pimgscroll.start(ppos);
			});
		}
	}).post({
			vhcl_cnt:cnt,
			 city: my_params.city,
			 province: my_params.province,
			 area_id: my_params.area_id,
			 listing_type: 'private'
		});
}
var content_request = new Request.HTML({
	url:'/site/home_content',
	onSuccess: function(tree,el,resp){
		$('content_update').set('html',resp);
	}
});
var side_request = new Request.HTML({
	url:'/site/home_content',
	onSuccess: function(tree,el,resp){
		$('side_content').set('html',resp);
	}
});
function SetLocation(id, name, type){
	var display_name = name;
	
	if(type == 'area'){
		display_name += ' Area';
	}
	$('base_top_location').set('text',display_name);
	switch(type){
		case 'city':
			my_params.city=id;
			my_params.city_name = name;
			my_params.area = '';
			my_params.area_id = '';
			my_params.province = '';
			my_params.province_name = '';
			break;
		case 'province':
			my_params.province_name = name;
			my_params.province = id;
			my_params.area = '';
			my_params.area_id = '';
			my_params.city = '';
			my_params.city_name = '';
			break;
		case 'area':
			my_params.area = name;
			my_params.area_id = id;
			my_params.city = '';
			my_params.city_name = '';
			my_params.province = '';
			my_params.province_name = '';
			break;
	}
	
	loadFeaturedVehicles(42);
	ShowLocations();
	$('home_search_new').setStyle('visibility','visible');
	content_request.post({province: my_params.province, city: my_params.city, area_id:my_params.area_id, section: 'main'});
	side_request.post({province: my_params.province, city: my_params.city, area_id: my_params.area_id, section: 'side'});
}