var maxnum, num;

function scrollingCars (models, pages, direction) {
	var length = getElementsByClassName(document, models).length;
	if (direction > 0) {
		num++;
	} else {
		num--;
	}
	if (num < 1) {
		num = 0;
	} 
	if (num >= maxnum) {
		num = maxnum-1;
	}
	
	var start = num * 4;

	for (var i=0; i<length; i++) {
		if ((i >= start) && (i < start+4)) {
			getElementsByClassName(document, models)[i].style.display = 'block';
		} else {
			getElementsByClassName(document, models)[i].style.display = 'none';
			
		}
	}
	getElementsByClassName(document, pages)[0].innerHTML =  (num+1) + ' of ' + maxnum;
}

function loadCars(models, pages) {
	var length = getElementsByClassName(document, models).length;
	var overnum = length%4;
	maxnum = Math.floor(length/4) + 1;
	for (var i=4; i<length; i++) {
		getElementsByClassName(document, models)[i].style.display = 'none';
	}
	getElementsByClassName(document, pages)[0].innerHTML =  '1 of ' + maxnum;
	num = 0;
}

if (window.addEventListener) window.addEventListener('load', function() {loadCars('car', 'pages');}, true);
if (window.attachEvent) window.attachEvent('onload', function() {loadCars('car', 'pages');});