/*************************************************************************************
handler for the portraits page
Requirement(s):
- /js/lib/jquery-1.4.2.min.js
************************************************************************************/

var portraits = {
	init: function(){
		var $portraitsCarousel = $('#portraitsCarousel');
		$portraitsCarousel.css({
			'display':'block',
			'visibility':'hidden'
		});
		$portraitsCarousel.jcarousel({
			initCallback: portraits.initCarouselButtons,
			buttonNextHTML: '<div class="rollover"><img src="/imgs/portraits/carousel-right-off.png" width="21" height="27" alt=""/><div class="fadeOver"><img src="/imgs/portraits/carousel-right-on.png" width="21" height="27" id="portraitsNextButton" alt=""/></div></div>',
			buttonPrevHTML: '<div class="rollover"><img src="/imgs/portraits/carousel-left-off.png" width="21" height="27" alt=""/><div class="fadeOver"><img src="/imgs/portraits/carousel-left-on.png" width="21" height="27" id="portraitsPrevButton" alt=""/></div></div>'
		});		
		$portraitsCarousel.css({
			'visibility':'visible'
		});
		$('#portraitsCarousel a').lightBox({
			fixedNavigation:true,
			imageLoading: '/imgs/global/lightbox/lightbox-ico-loading.gif',
			imageBtnClose: '/imgs/global/lightbox/lightbox-btn-close.gif',
			imageBtnPrev: '/imgs/global/lightbox/lightbox-btn-prev.gif',
			imageBtnNext: '/imgs/global/lightbox/lightbox-btn-next.gif',
		});
		rollover.init();
	},
	
	/* need this for Chrome for some reason */
	initCarouselButtons: function(carousel){
		$('#portraitsNextButton').bind('click', function(){
			carousel.next();	
			return false;
		});
		$('#portraitsPrevButton').bind('click', function(){
			carousel.prev();
			return false;
		});
	}
}