var thumbs = new Array();
var thumbdivs = new Array();
function initVideos() {
	thumbs = document.getElementsByClassName('videotnimg');
	thumbdivs = document.getElementsByClassName('videotndiv');
	var leftoff = 0;
	var topoff = 0;

	for (var i = 0, j = 0; i < thumbs.length; i++, j++) {
		thumbs[i].onclick = doVideos;
		thumbs[i].image = document.getElementById(thumbs[i].id);
		thumbs[i].request = thumbs[i].name;

		thumbdivs[i].style.left = leftoff + 'px';
		thumbdivs[i].style.top = topoff + 'px';

		if (j == 2) {
			j = 0;
			topoff = topoff + thumbs[i].image.offsetHeight + 20;
			leftoff = 0;
		} else {
			leftoff = leftoff + thumbs[i].image.offsetWidth + 20;
		}
	}
}

function doVideos () {
	//document.getElementById('videoobject').style.visibility = 'hidden';
	makeRequest('/cgi-bin/oeye/video/video.html?mv_arg=' + this.request);
}

function makeRequest(url) {
	var http_request = false;

	if (window.XMLHttpRequest) { // Mozilla, Safari, ...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml');
		}
	} else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}

	if (!http_request) {
		alert('Trouble with XMLHTTP instance');
		return false;
	}

	http_request.onreadystatechange = function() { changeContents(http_request); };
	http_request.open('GET', url, true);
	http_request.send(null);
}

function changeContents(http_request) {
	try {
		if (http_request.readyState == 4) {
			if (http_request.status == 200) {
				var nextclient = document.getElementById('videoobject');
				nextclient.innerHTML = http_request.responseText;
				//nextclient.style.visibility = 'visible';
			} else {
				alert(http_request.status + ': Sorry, there was a problem with your request. Please try again.');
			}
		}
	}
	catch( e ) {
		alert('Caught Exception: ' + e.description);
	}
}