function preLoadImages(){
	image1 = new Image();
	image1.src = "/graphics/purchase-button-red-arrow-d.gif";	
}
addLoadEvent(preLoadImages);


function selectWorks()

{
	
	
	var objArrow = $('redarrow');
	objArrow.setAttribute('src', '/graphics/purchase-button-red-arrow-d.gif');
	
	var objBody = $('HorizontalScroller');
	
	
	// create overlay div and hardcode some functional styles (aesthetic styles are in CSS file)
	/*if (document.getElementById("overlay") == null){
		var objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','overlay');
		objOverlay.onclick = function () {hideSelectWorks(); return false;}
		objOverlay.style.display = 'block';
		objOverlay.style.position = 'absolute';
		objOverlay.style.top = '0';
		objOverlay.style.left = '0';
		objOverlay.style.zIndex = '10';
		objOverlay.style.width = '100%';
		objOverlay.style.height = '100%';
		objBody.insertBefore(objOverlay, objBody.firstChild);
	}*/
	
	
	//var obj = $('WorkList');
	Effect.Appear('WorkList', { duration: 0.5 });
	
	//obj.style.display = 'block';
	//obj.style.zIndex = '100';	
}

function hideSelectWorks()
{
	//var objOverlay = document.getElementById("overlay");
	//objOverlay.style.display = 'none';	
	Effect.Fade('WorkList', { duration: 0.5 });
	
	

}