// JavaScript Document
/*
<div id="maincontent" onmouseover="showCaption()" onmouseout="hideCaption()">
        <img id="mainImage" src="'. BASEURL . $rs['gimgs'] .'/th-' . $SNmedia[0]['media_file'] .'" alt=""/>
        <div id="mediacaption" onmouseover="showCaption()" onmouseout="hideCaption()"><div id="mediatitle"></div><div id="captioncontent"></div>
	</div>
*/

function enableCaption()
{
	$("#maincontent, #mediacaption, #zoom").mouseover(function (event) {
											   showCaption();
											   });
	$("#maincontent, #mediacaption, #zoom").mouseout(function (event) {
											   hideCaption();
											   });

}

function disableCaption()
{
	$("#maincontent, #mediacaption, #zoom").unbind('mouseover');
	$("#maincontent, #mediacaption, #zoom").unbind('mouseout');
	hideCaption();
}

function captionInit()
{
	outerheight = $("#mediacaption").outerHeight() + 15;
	outerwidth = $("#mediacaption").outerWidth();
	imagewidth = $("#mainImage").outerWidth();
	
	horizPosition = imagewidth -outerwidth;
	$("#mediacaption").css("bottom", outerheight + "px");
	$("#mediacaption").css("left",horizPosition + "px");
}


function showCaption()
{
	captionInit();
	window.clearTimeout(captionTimeoutID);
	$("#mediacaption").fadeIn("slow");
}

function hideCaption()
{
	window.clearTimeout(captionTimeoutID);
	captionTimeoutID = window.setTimeout(captionTimeout, 1000);
}

function captionTimeout()
{
	$("#mediacaption").fadeOut("slow");
	window.clearTimeout(captionTimeoutID);
}