//preload screenshots
var ss_count = 4;
var ss_array = new Array(ss_count);
var ss_image_widths = new Array(ss_count);

// dir
var ss_dir = 'images/ss/';

function homeConst() {

	var curimg;

	// preload images
	for (var i=0; i<ss_count; i++) {
		curimg = i + 1;
		ss_array[i] = new Image();
		ss_array[i].src = ss_dir + 's' + curimg + '.gif';
	}

	// set widths (for centering purposes)
	ss_image_widths[0] = 521;
	ss_image_widths[1] = 427;
	ss_image_widths[2] = 307;
	ss_image_widths[3] = 365;

	// attach mouseovers

	attachScreenshotEvents();
}
function attachScreenshotEvents() {
	if (window.addEventListener) { // mozilla
		for (var i=0; i<ss_count; i++) {
			ge('thumb_'+i).setAttribute('offset',i);
			ge('thumb_'+i).addEventListener('mouseover', showScreenshot, false);
			ge('thumb_'+i).addEventListener('mouseout', hideScreenshot, false);
		}
	}
	else { // ie
		for (var i=0; i<ss_count; i++) {
			ge('thumb_'+i).setAttribute('offset',i);
			ge('thumb_'+i).attachEvent('onmouseover', showScreenshot);
			ge('thumb_'+i).attachEvent('onmouseout', hideScreenshot);
		}
	}
}

function showScreenshot(e) {

	var objPopup = ge('ss_box');
	var objImg = ge('ss_full');

	// get offset
	var imgOffset;
	e[e_moz] ? imgOffset = e[e_moz].getAttribute('offset') : imgOffset = e[e_ie]['offset'];


	// get image
	objImg.src = ss_array[imgOffset].src;

	// display image
	
	var xpos = getposOffset(ge('container_screenshots'), "left") + (Math.floor((480 - ss_image_widths[imgOffset]) / 2));
	var ypos = getposOffset(ge('container_screenshots'), "top") - 350;

	objPopup.style.left = xpos + "px";
	objPopup.style.top = ypos + "px";
	objPopup.style.display = "block";
}

function hideScreenshot() {
	var objPopup = ge('ss_box');
	objPopup.style.display = '';
}
function getposOffset(overlay, offsettype){
	var totaloffset = (offsettype == "left") ? overlay.offsetLeft : overlay.offsetTop;
	var parentEl = overlay.offsetParent;
	while (parentEl != null){
		totaloffset = (offsettype == "left") ? totaloffset + parentEl.offsetLeft : totaloffset + parentEl.offsetTop;
		parentEl = parentEl.offsetParent;
	}
	return totaloffset;
}