$(document).ready(function() {
		$(window).load(function() {
			$("#bigLoader").hide();
			$("#container").show();
		});
	});

function zoomIn(imgUrl) {
		$('#clipregion').hide();
		$('#footer').hide();
		$('.multiPage').hide();
		$('#container').append($('<div id="loader" class="loading"></div>'));
		var img = new Image();
	  	$(img).load(function () {
      		$(this).css('display', 'none');
      		$('#loader').removeClass('loading').append(this);
      		$(this).fadeIn();
    		}).error(function () {
			}).attr({
				'src': imgUrl, 
				'class': 'zoomOutCursor'
				});
	}
	
function zoomOut() {
		$('#clipregion').show();
		$('#footer').show();
		$('.multiPage').show();
		$('#loader').remove();
	}
	
function loadingImgLink(imgUrl, linkUrl, fadeSpeed) {
		$('#container').append($('<div id="loader" class="loading"></div>'));
		$('#loader').append($('<a id="imgLink"></a>'));
		$('#imgLink').attr('href', linkUrl);
		var img = new Image();
  		$(img).load(function () {
   			$(this).css('display', 'none');
   			$('#loader').removeClass('loading');
			$('#imgLink').append(this);
    		$(this).fadeIn(fadeSpeed);
    		}).error(function () {
			}).attr('src', imgUrl);		
	}
	
function checkButtons() {
		if($('ul > li',$('#clipregion')).size()-$.clipregion.getIdx()<=1) 
			goInactive("#next");
		else goActive("#next");
		if ($.clipregion.getIdx()<=0)
			goInactive("#previous");	
		else goActive("#previous");
}
	
function goInactive(navId) {
		$(navId).removeClass('footerNavActive');
		$(navId).addClass('footerNavInactive');			
}

function goActive(navId) {
		$(navId).addClass('footerNavActive');
		$(navId).removeClass('footerNavInactive');			
}
	
/* for graphic material with multiple pages. 
IMPORTANT: class showing number of pages must be last in the array of classes. */
function checkMulti() {
	$('.multiPage').remove();
	var imgId = "#graphic"+($.clipregion.getIdx()+1);
	if ($(imgId).is('.multi')) {
		var classArray = $(imgId).attr('class').split(' ');
		var lastIndex = classArray.length - 1;
		var className = classArray[lastIndex];
		var classPattern = /^[0-9]+of[0-9]+$/;
		if(classPattern.test(className)) {
			var ofIndex = className.indexOf('of');
			$('#container').append('<div class="multiPage">'+className.substring(0,ofIndex)+' / '+className.substring(ofIndex+2)+'</div>');
		}
	}
}