var fancyBoxOpts = {
    'titlePosition'  		: 'outside',
    'centerOnScroll' 		: true,
    'overlayOpacity' 		: 0.7,
    'overlayColor' 			: "#fff",
    'padding'				: 0,
    'transitionIn'			: 'elastic',
    'transitionOut'			: 'elastic',
    'zoomSpeedIn'			: 300,
    'zoomSpeedOut'			: 300,
    'zoomOpacity'			: true,
    'hideOnContentClick'	: false,
    'onComplete' 			: onChangeImageComplete
}

var scrollableOpts = {
	'keyboard' : false
}

// Wait till document is ready
$(document).ready(function () {

	$.preloadCssImages();

	// Initialize JQueryTools scrollable together with the navigator plugin
	$(".scrollable").scrollable(scrollableOpts).navigator();
	
	// Initialize FancyBox
    $("a[rel=genuine]").fancybox(fancyBoxOpts);
    $("a[rel=payscale]").fancybox(fancyBoxOpts);
});

// Change the scrollable nav if we page thru fancybox
function onChangeImageComplete(imgTag,index,var3) {
	var currentRelGroup = imgTag.attr("rel");
	var nav = $("#scrollable_" + currentRelGroup).eq(0).data("scrollable");
	nav.seekTo(index, 200);
}