$(function() {
			$('div.hoverbox').hover(function(){
				$(this).find('img').css("display","none");
			}, function(){
				$(this).find('img').css("display","block");
			});
		});
				
$(document).ready(function() {

	$("a.box").fancybox({
     'cyclic': true,
     'overlayOpacity': 0.8,
     'overlayColor': '#000',
     'margin':0,
     'padding':0,
     'changeFade':250,
     'titlePosition': 'inside',
     'titleFormat': function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="description">' + title + '</span><span id="controls">' + (currentIndex + 1) +'/'+ currentArray.length + ' &nbsp; <a class="dx" href="javascript:;" onclick="$.fancybox.next();">next</a>&nbsp;<a class="sx" href="javascript:;" onclick="$.fancybox.prev();">prev</a></span>';}     
	});
	
});