function ShowPreloader(img_src){
	var left = document.body.clientWidth/2;
	var top = document.body.clientHeight;
	var offset = window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop;
	var scroll = document.getElementById('main').offsetHeight;
	
	var bg_screenshot = document.getElementById('bg_screenshot');
	bg_screenshot.style.display = 'block'; 
	bg_screenshot = document.getElementById('bg_screenshot');
	bg_screenshot.style.position = 'absolute';
	bg_screenshot.style.top = '0px';
	bg_screenshot.style.left = '0px';
	bg_screenshot.style.width = left*2;
	bg_screenshot.style.height = (scroll + 313);
	bg_screenshot.style.background = '#9ea8b1';
	bg_screenshot.style.opacity = '0.4';
	bg_screenshot.style.filter = 'alpha(opacity=40)';
	
	var prel = document.getElementById('preloader');
	prel.style.position = 'absolute';
	prel.style.top = ((top/2 + offset)-100) + 'px';
	prel.style.left = (left - 130) + 'px';
	prel.style.display = 'block';
	

	var inner;
    inner  = '<div class="f_tt"></div>';
    inner += '<div class="f_r"><div class="f_rr"></div>';
    inner += '<div class="f_b"><div class="f_bb"><div></div></div>';
    inner += '<div class="f_l"><div class="f_ll"><div></div></div>';
    inner += '<div class="f_c">';
	inner += '<img src="' + img_src + '" id="screenshot" onload="ShowScreenshot();">';
    inner += '</div>';
    inner += '</div>';
    inner += '</div>';
    inner += '</div>';
	
	var framed = document.getElementById('framed');
	framed.innerHTML = inner;
	framed.style.position = 'absolute';
	framed.style.top = '100px';
	framed.style.left = '100px';
}

function ShowScreenshot() {

	var framed = document.getElementById('framed');
	framed.style.position = 'absolute';
	framed.style.top = '-10000px';
	framed.style.left = '-10000px';
	framed.style.display = 'block';
	
	var divclose = document.getElementById('close');
	divclose.style.position = 'absolute';
	divclose.style.height = '39px';
	divclose.style.top = '-10000px';
	divclose.style.left = '-10000px';
	divclose.innerHTML = '<img src="/images/layout/product-page/close.gif" align=left  alt="Close this window" onclick="HideScreenshot();">&nbsp;<a href="javascript: HideScreenshot();">Close this window</a>';	
	
	var imgWidth = document.getElementById('screenshot').width;
	var imgHeight = document.getElementById('screenshot').height;
	var dWidth = document.body.clientWidth;
	var dHeight = document.body.clientHeight;
	var offset = window.pageYOffset||document.body.scrollTop||document.documentElement.scrollTop;
	var fTop;
	var fLeft;
	
	fLeft = (dWidth - imgWidth)/2;
	if(imgHeight + 30 > dHeight){
		fTop = 0;
	}
	else{
		fTop = (dHeight - imgHeight)/2 - 50;
	}
	
	
	document.getElementById('preloader').style.display = 'none';
	// show close div
	if(navigator.appName == 'Microsoft Internet Explorer')
		addCloseW = 17;
	else
		addCloseW = 10;
	divclose.style.width = imgWidth + addCloseW;
	divclose.style.top = fTop + offset + 16;
	divclose.style.left = fLeft + 15;
	document.getElementById('close').style.display = 'block';
	
	// show main screenshot div
	framed.style.clip = 'rect(0 ' + dWidth + ' 0 0)';
	framed.style.top = fTop + offset;
	framed.style.left = fLeft;
	
	// HIDE Select control
	if(document.getElementById('sort') && navigator.appName == 'Microsoft Internet Explorer'){
		document.getElementById('sort').style.display = 'none';
		document.getElementById('spansort').style.display = 'none';
	}
	// Restore the screenshot window
	RestoreScreenWindow(imgHeight + 100);
}


var screenshotY2 = 50;
function RestoreScreenWindow(height){
	step = 30;
	if (screenshotY2 < height) {
		screenshotY2 += step;
		clip = '0 ' + document.body.offsetWidth + ' ' + screenshotY2 + ' 0';
		eval('document.getElementById(\'framed\').style.clip = "rect(' + clip + ')"');
		setTimeout("RestoreScreenWindow(" + height + ")", 30);
	}
	else{
		screenshotY2 = 50;
	}
}


function HideScreenshot(){
	document.getElementById('framed').style.display = 'none';
	document.getElementById('close').style.display = 'none';
	document.getElementById('bg_screenshot').style.display = 'none';
	
	// SHOW Select control
	if(document.getElementById('sort') && navigator.appName == 'Microsoft Internet Explorer'){
		document.getElementById('sort').style.display = 'inline';
		document.getElementById('spansort').style.display = 'inline';
	}
}