function toggleElement( elementId, attributes, show ) {
	var hideElement = function() {
		var el = this.getEl();
		el.style.visibility = 'hidden';
		el.style.display = 'none';
	}
	var showElement = function(o, obj) {
		var el = this.getEl();
		el.style.visibility = 'visible';
		el.style.display = 'block';
	}

	var anim = new YAHOO.util.Anim(elementId, attributes);
	if (show) {
		anim.onStart.subscribe(showElement);
	} else {
		anim.onComplete.subscribe(hideElement);
	}
	anim.duration = 0.2;
	anim.animate();
}

function hideElementFade( elementId ) {
	var e = document.getElementById(elementId);

	var attributes = {
		opacity: {to: 0}
	};
	toggleElement( elementId, attributes, false );
}

function showElementFade( elementId ) {
	var e = document.getElementById(elementId);
	e.style.opacity = 0;
	var attributes = {
		opacity: {to: 1}
	};
	toggleElement( elementId, attributes, true );
}

var showImage = function(o) {
	var holder = YAHOO.util.Dom.get('overlayHolder');
	holder.style.display = 'block';
	holder.innerHTML = o.responseText;

	var smallImg = YAHOO.util.Dom.get('blogimage_' + o.argument);
	YAHOO.util.Dom.setY(holder, YAHOO.util.Dom.getY(smallImg));
	YAHOO.util.Dom.setX(holder, YAHOO.util.Dom.getX(smallImg) + smallImg.clientWidth - holder.clientWidth + 2);

	showElementFade('overlayHolder');
}

function loadImage( img ) {
	var request = YAHOO.util.Connect.asyncRequest('GET', '/blog/image/' + img, {success:showImage, argument: [img]});
}