// JavaScript Document

function block(thing)
{

	if (document.layers)
	{
		current = (document.layers[thing].display == 'none') ? 'inline' : 'none';
		document.layers[thing].display = current;
	}
	else if (document.all)
	{
		current = (document.all[thing].style.display == 'none') ? 'inline' : 'none';
		document.all[thing].style.display = current;
	}
	else if (document.getElementById)
	{
		vista = (document.getElementById(thing).style.display == 'none') ? 'inline' : 'none';
		document.getElementById(thing).style.display = vista;
	}
}

function setup_blocking_for(imageID)
{
	document.write('<div class="history-image" style="z-index: ' + i +';">');
	document.write('<div class="history-thumb" style="background: url(../images/renovation/' + imageID + '_thumb.jpg);">');   
		//onmouseover="block(\'_' + imageID + '_mag\');" onmouseout="block(\'_' + imageID + '_mag\');" onclick="block(\'_' + imageID + '\');" onblur="block(\'_' + imageID + '\');">');
	//document.write('<img src="../images/renovation/mag_glass.png" height="20" width="20" id="_' + imageID + '_mag" style="display:none; position: absolute; bottom: 0px; right: 0px;"/>');
	document.write('</div>');
	
	//document.write('<div id="_' + imageID + '" style="background: url(../images/renovation/' + imageID + '.jpg) 3px 3px no-repeat #FFFFFF; display: none; position: absolute; top: -1px; left: -1px; z-index: ' + i + '; border: 1px solid #CCCCCC;" onmouseover="block(\'_' + imageID + '_hide\');" onmouseout="block(\'_' + imageID + '_hide\');" onclick="block(\'_' + imageID + '\');">');
	//document.write('<img src="../images/renovation/' + imageID + '.jpg" style="margin: 3px;"/>');
	//document.write('<img src="../images/renovation/click_to_hide.png" height="17" width="120" id="_' + imageID + '_hide" style="display:none; position: absolute; bottom: 3px; right: 3px;"/>');

	//document.write('</div>');
	document.write('</div>');
	i--;
	j++;
}