var overlay;

document.observe('dom:loaded', function() {
  overlay = new Overlay($('overlay'), $('overlay_tint'));
	
  if (strOverlayURL) {
  	showOverlay(strOverlayURL);
  }  
});

function addRollover(strElem) {
	var elementId = $(strElem);	
	
	$(elementId).observe('mouseover', function() {
		if ($(strElem+"_over")) {
		  $(strElem+"_over").setStyle({'display':'block'});
		  $(strElem+"_over").setStyle({cursor:"pointer"});
		}
		
  });
	
	$(elementId).observe('mouseout', function() {
		if ($(strElem+"_over")) {
		  $(strElem+"_over").setStyle({'display':'none'});
		}
  });
}

function showOverlay(strURL) {	
  var elem = $('overlay').down('.overlaypanel');
  elem.setOpacity(0);

	overlay.show();	

  var fadeEffect = new Effect.Opacity(elem, { from: 0, to: 1, duration: 1 });	
}	

function closeOverlay() {	
	overlay.hide();	
}