$(document).ready(function() {
	
	var updateNav = {
		growLink: function(item,instance,actionOptions){
			var lastItem;
			var update;
			if(actionOptions.auto){		
				item = instance.navLinkSelector.eq(actionOptions.nextSlideIndex);
				lastItem = instance.navLinkSelector.filter('#on');	
				lastItem.removeAttr('id');
				instance.updateNav.shrinkLink(lastItem);
				item.attr('id','on');	
				instance.updateNav.scrollNav(item,instance,actionOptions);
			}
			item.find('span img').stop(true,false).css({top: 12, left: 15, width: 117, height: 213, 'margin-top': 0}).animate({width: 155,height: 281, left: "0px", top: "0px"},150,"swing",
				function(){
					$(this).css({'margin-top':'-123px'})
					.parents('a').css({'background-position':'-323px 83px','font-weight': 900, 'text-decoration': 'none'});
				}
			)			
		},	
		shrinkLink: function(item){
			item.css({'background-position':'-168px 83px', 'font-weight': 'normal', 'text-decoration':'underline'})
			.find('span img').stop(true,false).css({'margin-top': 0})
			.animate({width: 117,height: 213, left: "15px", top: "12px"},300,"swing",function(){$(this).removeAttr('style')});
		},
		scrollNav: function(item,instance,actionOptions){
			if (!instance.updateNav.scrollerInitialized){
				instance.updateNav.viewer = instance.navLinkSelector.parents('.projectorNavViewer');
				instance.updateNav.itemWidth = (instance.navLinkSelector.eq(1).outerWidth());
				instance.updateNav.scrollerInitialized = true;
			}		
			var whereTo; 
			if (actionOptions.nextSlideIndex <= 2){whereTo = 0}
			else {whereTo = ((actionOptions.nextSlideIndex)*(instance.updateNav.itemWidth)-255)}		
			instance.updateNav.viewer.animate({scrollLeft: whereTo},300,"swing");
		},
		scrollerInitialized: false,
		viewerWidth: 600,
		viewer:'',
		itemWidth: 155					
	}
	
	

	new projector('#PB',{postClickDelay: 15000, delay: 12000, slideValue: 662, orientation: 'lateral', circular: true, navLinkSelector: $('.projectorNav a'), updateNav: updateNav});

	$('#PB .projectorNav a').hover(function(){updateNav.growLink($(this).not('#on'),'',{auto: false})},function(){updateNav.shrinkLink($(this).not('#on'))});
	
});//end doc ready stuff