$(document).ready(function() {

    $(".roll").each(function() {
        rollsrc = $(this).attr("src");
        rollON = rollsrc.replace(/.png$/ig, "_hover.png");
        $("<img>").attr("src", rollON);
    });
    $(".roll").mouseover(function() {
        imgsrc = $(this).attr("src");
        matches = imgsrc.match(/_hover/);
        if (!matches) {
            imgsrcON = imgsrc.replace(/.png$/ig, "_hover.png");
            $(this).attr("src", imgsrcON);
        }
    });
    $(".roll").mouseout(function() {
        $(this).attr("src", imgsrc);
    });

	/* This is basic - uses default settings */
	
	$("a.group").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	300, 
		'speedOut'		:	200, 	
		
	});
});