$(document).ready(function(){
	var imgID		= "content-gallery-img-big";
	var imgObj		= $("#" + imgID);
	var imgWidth	= imgObj.width();
	var imgHeight	= imgObj.height();
	var imgPos		= imgObj.position();
	//	
	var mvLink = "movies-link";
	var mvLinkObj = $("#" + mvLink);
	//
	var boxID = "movies-box-list";
	var boxObj = $("#" + boxID);
	//
	var closeID = "close-movies";
	var closeObj = $("#" + closeID);
	//
	var hiddenClass = "fade-in-out";
	var hiddenObj = $("." + hiddenClass);
	//
	var overlayID = "movies-overlay";
	var overlayObj = $("#" + overlayID); 
	var defOheight = overlayObj.height();
	
	try {
		$("#" + boxID + ",#" + overlayID).css({
			left : (imgPos.left + 5) + "px",
			top : (imgPos.top + 5) + "px",
			display : "block" 
		});
	} catch(e) {
		return false;
	}
	
	mvLinkObj.click(function(){
		showBox({
				pos : imgPos, 
				hObj : hiddenObj, 
				lObj : mvLinkObj, 
				bObj : boxObj,
				oObj : overlayObj
		});
		return false;
	});
	
	closeObj.click(function(){
		hideBox({
			hObj : hiddenObj,
			lObj : mvLinkObj,
			oObj : overlayObj,
			dHeight : defOheight
		});
		return false;
	});
	
	hiddenObj.click(function(){
		hideBox({
			hObj : hiddenObj,
			lObj : mvLinkObj,
			oObj : overlayObj,
			dHeight : defOheight
		});		
	});
});

function showBox(params) {			
	params.lObj.hide();
	params.bObj.show("slow", function(){
		params.hObj.fadeIn("slow");
		params.hObj.css("display" , "block");
	});
	params.oObj.height((params.bObj.height() + 2) + "px");
} 

function hideBox(params) {
	params.hObj.fadeOut("slow", function(){
		params.lObj.show();
		params.oObj.height(params.dHeight);
	});
}