var size = '33pct';
var color = 'gray';

// Move overlay near current position and show
function getOverlay(elem)
{
	dd.elements.overlay.moveTo(10, dd.getScrollY());
	dd.elements.overlay.show();
}

function hideOverlay(elem)
{
	dd.elements.overlay.hide();
}

function swapOverlay()
{
	dd.elements.overlay.swapImage("overlay-" + size + "-" + color + ".gif");
}

function setSize(s)
{
	size = s;
	swapOverlay();
}

function setColor(c)
{
	color = c;
	swapOverlay();
}

function writeOverlayButtons()
{
	document.writeln('<br />');
	document.writeln('<img class="btn" src="btn-get-overlay.png" onclick="getOverlay(this);" /><br />');
	document.writeln('<img class="btn" src="btn-hide-overlay.png" onclick="hideOverlay();" /><br />');
	document.writeln('<img class="btn" src="btn-black.png" onclick="setColor(\'black\');" />&nbsp;');
	document.writeln('<img class="btn" src="btn-gray.png" onclick="setColor(\'gray\');" />&nbsp;');
	document.writeln('<img class="btn" src="btn-white.png" onclick="setColor(\'white\');" />&nbsp;<br />');
	document.writeln('<img class="btn" src="btn-size50pct.png" onclick="setSize(\'50pct\');" />&nbsp;');
	document.writeln('<img class="btn" src="btn-size33pct.png" onclick="setSize(\'33pct\');" />&nbsp;');
	document.writeln('<img class="btn" src="btn-size16pct.png" onclick="setSize(\'16pct\');" />&nbsp;');
	document.writeln('<img class="btn" src="btn-size08pct.png" onclick="setSize(\'08pct\');" />&nbsp;');
}