$(function() { 

	$titleAddition = 'Portfolio - ' + $('#project-main img').attr('alt');
	$('.page-header').text($titleAddition);

	var $thumbItem = $('#project-thumbs-list li'),
		$thumbListHt = $thumbItem.outerHeight(),
		$thumbsUp = $('#project-thumbs-nav-top'),
		$thumbsDown = $('#project-thumbs-nav-bottom');
		
	$thumbsDown.css('cursor', 'pointer').click(function(){
		var $this = $(this),
			$ul = $this.siblings('ul'),
			$lifirst = $this.siblings().find('li:first'),
			$prev = $this.siblings().find('li:eq(5)');
		
		$prev.css('opacity', 0);
		$lifirst.animate({
			opacity : 0
		}, 400, function(){
			$lifirst.animate({
				marginBottom : -$thumbListHt
			}, 400, function(){
				$prev.fadeTo(600, 1);
				$lifirst.appendTo($ul).css({'marginBottom' : 0, 'opacity' : 1});
			});
		});
	});
	
	$thumbsUp.css('cursor', 'pointer').click(function(){
		var $this = $(this),
			$ul = $this.siblings('ul'),
			$lifirst = $this.siblings().find('li:first'),
			$lilast = $this.siblings().find('li:last'),
			$prev = $this.siblings().find('li:eq(4)');
			
		$lilast.css('opacity', 0);
		$prev.animate({
			opacity : 0
		}, 400, function(){
			$lifirst.animate({
				marginTop : $thumbListHt
			}, 400, function(){
				$prev.fadeTo(400, 1);
				$lilast.prependTo($ul).fadeTo(600, 1);
				$lifirst.css({'marginTop' : 0});
			});
		});	
	});
	
	$('#project-thumbs-list li:first').addClass('active');
	$('div#project-info-content').css('opacity', 0.70).attr('height', '0px');
	$('#project-thumbs-list li').click(function(){
	
		var $pic = $('div#project-info-content'),
			$picHt = $pic.outerHeight(),
			$titleClient = $(this).find('div').html(),
			$projSuccess = ($(this).find('.success').text() != '') ? $(this).find('.success').html()+'</p>' : '', //not displayed if blank
			$projDesc = '<p>'+$(this).find('img').attr('title')+'</p>',
			$projInfo = $titleClient + $projDesc + $projSuccess,
			$imgAlt = $(this).find('h3').text(),
			$imgSrc = $(this).children('img').attr('src');
			$imgTitle = $(this).children('img').attr('title');
			$pageTitle = $(this).find('img').attr('alt');
		
		$('.page-header').text('Portfolio - ' + $pageTitle);
		if ($(this).is('.active')) {
			return false;
		} else {
			$pic.animate({marginBottom : -$picHt}, 250, function(){
				$pic.html($projInfo).animate({marginBottom : '0'}, 250, function(){
					$('#project-main').find('img').hide().attr({src : $imgSrc, alt : $imgAlt, title : ''}).fadeIn(800);
				});
			});
		}
		$(this).parent().children().removeClass('active');
		$(this).addClass('active');
		return false;
	});
	
	//$('#project-info-tab').addClass('show');
	$('#project-info-tab').click(function(){
		$('#project-info-content').slideToggle();
		$(this).toggleClass('show');
		return false;
	});
	
});