$(document).ready(function() {
	$('.js #primary').css('visibility','visible');
	


	$('.testimonial_link, .sustainable_wall_system .portfolio_link').addClass('ajax');
	
	$('a.ajax').live('click',function()
	{
		$clicked = $(this)
		$clicked .hasClass('testimonial_link') ? to_load = '.testimonial' : to_load = '#main_graphic';
		var load_me = $(this).attr('href');
		$('a.ajax').removeClass('current');
		$clicked .addClass("current");
		$('#secondary').load(load_me+" "+to_load, function()
		{
			if($clicked .hasClass('testimonial_link'))
			{
				var h = $(to_load).height();
				var y = (537 - h)/2;
				$(to_load).css(
					{
						'position'	: 	'relative',
						'top'		: 	y+'px',
						'visibility': 	'visible'
					})
			}
			$("a.fancybox").fancybox({
				'transitionIn'	:	'elastic',
				'transitionOut'	:	'elastic',
				'speedIn'		:	600, 
				'speedOut'		:	200, 
				'titlePosition' : 	'over'
			});
			
		});
		return false;
	});
	
	$('body.testimonial').each(function()
	{
		var load_me = window.location.pathname;

		
		
		$('a.ajax').removeClass('current');
		
		//get current the path
		var currentUrl = window.location.pathname;
		//set up the jquery object for the anchor on the page w/this currentUrl
		var currentLinkSelector = "a[href={url}]".replace("{url}", currentUrl);
		$('#primary '+ currentLinkSelector).addClass("current");
	
		$('#secondary').load(load_me+" .testimonial", function()
		{
			var h = $('#secondary .testimonial').height();
			var y = (537 - h)/2;
			$('#secondary .testimonial').css(
				{
					'position'	: 	'relative',
					'top'		: 	y+'px',
					'visibility': 	'visible'
				})
		});
		return false;
		
	});
	
	$('#primary').not('.project #primary, .individual-profile #primary').jScrollPane(
		{
			scrollbarWidth	: 	15, 
			dragMaxHeight	: 	7,
			showArrows		: 	true
		});
	$('.project #primary .text, .individual-profile #primary .text').jScrollPane(
		{
			scrollbarWidth	: 	25, 
			dragMaxHeight	: 	7,
			verticalGutter	: 	10,
			showArrows		: 	true
		});
	$('.project .jspVerticalBar')
		.closest('.jspScrollable')
		.css({
			'position' 	: 	'relative',
			'left'		: 	'-24px'
		})
	
	$('#portfolio_nav a').each(function()
		{
			$(this).title = '';
		});
	$('#portfolio_nav a').hover(function() {
		var str = $(this).text();
		$('#portfolio_nav .tool_tip').text(str);
	}, function() {
		$('#portfolio_nav .tool_tip').text('');
	});
});