var showID = "gallery-show-id";
var newImageID = "new-image";
var classImg = "gallery-images-show";
var cursorMargin = 15;
var movLink = "gallery-movie-icon";
var movDirL = "view-movies-link";

$(document).ready(function(){
	docHeight = $(document.body).height();
	docWidth = $(document.body).width();
	
	$(document.body).append('<div id="' + showID + '"></div>');
	$("." + classImg).mousemove(function(e) {
		$(this).css("background-image").replace(/url\((.*)\)/,"$1");
		src = RegExp.$1.replace(/\"/, "");
				
		var showIDObj = $("#" + showID);
		var newImgObj = $("#" + newImageID);
		if(!newImgObj || newImgObj.attr('src') != src) {
			newImgObj.remove();
			showIDObj.html("");
			showIDObj.append('<img src="' + src + '" id="' + newImageID + '" />');
			showIDObj.show();
		}
		
		imageHeight = $("#" + newImageID).attr("height");
		imageWidth = $("#" + newImageID).attr("width"); 
		
		marginTop = e.pageY + cursorMargin;
		marginLeft = e.pageX + cursorMargin;
		
		if((imageHeight + marginTop) >= docHeight - (cursorMargin * 2)) marginTop = e.pageY - imageHeight;
		if((imageWidth + marginLeft) >= docWidth - 5) marginLeft = e.pageX - imageWidth - 10;
		
		showIDObj.css({
				left : marginLeft + 'px', 
				top : marginTop + 'px'
		});			
	});
		
	$("." + classImg).mouseout(function() {
		$("#" + showID).hide();
		$("#" + newImageID).remove();
		$("#" + showID).html("");
	});
	
	$("." + movLink).click(function(e) {
		link = $(this);
		parentLink = link.parent();
		pos = parentLink.position();
		divObj = $("#links-" + link.attr('name'));
		
		if(divObj.css('display') == "block") {
			divObj.hide();
			link.css('background-position', '0 0');
			return false;
		}
		
		$("div[id*='links-movie']").hide();
		$("." + movLink).css('background-position', '0 0');
			
		posLeft = pos.left + parentLink.width() + 52;	
		posTop	= pos.top + parentLink.height() - 23;		
		divObj.css({
				left : posLeft + 'px', 
				top	: posTop + 'px'	
		});
		link.css('background-position', '-20px 0');
		divObj.show('fast');
		return false;
	});
	
	$("." + movDirL).click(function(){
		$("div[id*='links-movie']").hide();
		$("." + movLink).css('background-position', '0 0');
	});
});