function getRealPosition(this_box) {

	if (typeof(window.getComputedStyle) != 'undefined') {
			css_left = window.getComputedStyle(document.getElementById(this_box),'left').left;

	} else {
			css_left = document.getElementById(this_box).currentStyle.left;
	}

	return parseInt(css_left);
}

function moveThumbnails(formobject_basename) {

	var increment = 1;
	var speed = 30;
	var wrap_position = 943;
	var restart_position = 0;

	var numboxes = 24;

	var boxes = new Array();

	for (i = 0; i < numboxes; i++) {

		index = 'show' + (i+1);

		boxes[i] = index;
	}


	var new_moveThumbnails = function() {

		for (var i = 0; i < boxes.length; i++) {

		   // Move box

		   var this_box = document.getElementById(boxes[i]);

		   if (this_box.style.left == '') {

		       // To grab the current CSS value of each boxes 'left' parameter
		       // you need to do it differently in IE and Firefox

		       if (typeof(window.getComputedStyle) != 'undefined') {

			   this_box.style.left = window.getComputedStyle(document.getElementById(this_box.id),'left').left;

		       } else {

			   this_box.style.left = this_box.currentStyle.left;
		       }

		   } else {

		       if (getRealPosition(this_box.id) > wrap_position) {

			   this_box.style.left = restart_position;

		       } else {

			   this_box.style.left = parseInt(this_box.style.left) + increment;
		       }

		   }

		}// endfor

		displayloop = setTimeout(new_moveThumbnails, speed);

	};// end "real" function

	new_moveThumbnails();
}


function thumbnailRollovers() {

	var num_thumbnails = 24;

	for (i = 0; i < num_thumbnails; i++) {

		this_box = 'show' + (i + 1);

		document.getElementById(this_box).onmouseover = rollOver;
		document.getElementById(this_box).onmouseout = rollOverReset;

	}

}

function rollOver() {

	filepath = this.firstChild.firstChild.src
	file_tokens = filepath.split('/');
	filename = file_tokens[file_tokens.length - 1];
	filename_root = filename.split('.');
	rollover_name = filename_root[0] + '_over.gif';
	this.firstChild.firstChild.src = '/images/show_thumbnails/' + rollover_name;
}

function rollOverReset() {

	filepath = this.firstChild.firstChild.src
	file_tokens = filepath.split('/');
	filename = file_tokens[file_tokens.length - 1];
	filename_root = filename.split('.');
	rollover_name = filename_root[0];
	base_filename = rollover_name.substring(0,(rollover_name.length - 5));
	this.firstChild.firstChild.src = '/images/show_thumbnails/' + base_filename + '.gif';
}

function scrollThumbnails() {

	thumbnailRollovers();
	moveThumbnails('show','');

}