$(function () {
	
/*
	$('body').append('<div id="loader">Loading...</div>');
	$('body').css({
		overflow: 'hidden',
		position: 'fixed',
		width: $(window).width() + 'px'
	});
	
	$(window).load(function () {
		$('#loader').fadeOut();
	});*/

	
	
	var leftX = 0,
		regions = {
			'region1': ['.truck1', '.truck2', '.truck3'],
			'region2': ['.truck4', '.truck5'],
			'region3': ['#city', '.bridge'],
			'region4': ['.truck6', '.truck7', '.truck8'],
			'region5': ['.truck9', '.truck10', '.truck11']
		};
	
	var expose_region = function (region) {
		for (i in regions) {
			for (x in regions[i]) {
				if (i === region) {
					$(regions[i][x]).removeClass('unload');
				} else {
					//$(regions[i][x]).addClass('unload');
				}
			}
		}
	};
	
	var switcher = function () {
		leftX = $(window).scrollLeft();
		
		if (leftX > 0 && leftX < 4353) {
			expose_region('region1');
		}
		
		
		if (leftX > 4353 && leftX < 11037) {
			expose_region('region2');
		}
		
		if (leftX > 9828 && leftX < 11037) {
			expose_region('region3');
		}
		
	};
	
	/*
	switcher();
	
	$(window).scroll(function () {
		switcher();
	});
	*/

});