var portfolioSection;
var testimonialFlipped = false;

var digitalIndex = 0;

$(function(){
	// Set current portfolio section
	portfolioSection = $('#portfolio-'+$('#portfolio').attr('rel'));
	
	// Add portfolio selection event handling
	$('#portfolio nav a').click(function(){
		// Save current scroll position
		$('.portfolio-frame', portfolioSection).data('scrollLeft', $('.portfolio-frame', portfolioSection).scrollLeft());

		// Find new portfolio section
		portfolioSection = $('#'+$(this).attr("rel"));		
		
		// Switch selected portfolio selection
		$('.portfolio-section').hide();
		portfolioSection.show();

		// Restore scroll position
		$('.portfolio-frame', portfolioSection).scrollLeft($('.portfolio-frame', portfolioSection).data('scrollLeft'));
		
		// Switch highlighted portfolio navigation link
		$('#portfolio nav a').removeClass('selected');
		$(this).addClass('selected');
		
		// Stop page jump
		return false;
	});
	
	// Add portfolio navigation event handling
	$('.portfolio-nav').click(function(){
		// Send navigation event	
		$('.portfolio-frame', portfolioSection).trigger($(this).attr('rel'));
		
		if (portfolioSection.attr('id') == "portfolio-digital") {
			if ($(this).attr('rel') == "prev") {
				if (digitalIndex > 0) digitalIndex--;
			} else if ($(this).attr('rel') == "next") {
				digitalIndex++;
			}
		}
		
		// Stop page jump
		return false;
	});
	
	$('#portfolio-digital-overlay').click(function(){
		var href = $($('#portfolio-digital-content .portfolio-item a')[digitalIndex]).attr('href');
		if (href) {
			window.open(href, 'digital-link');
		}
	});
	
	// Add testimonial event handling
	$('#testimonial').click(function(){
		if (testimonialFlipped) {
			$('#testimonial').revertFlip();
			
			testimonialFlipped = false;
		} else {
			$('#testimonial').flip({
				direction: 'tb',
				content: $('#testimonial-flip').html()
			});
			
			testimonialFlipped = true;
		}
	});
});

$(window).load(function(){
	// Set content wrap dimensions
	$('.portfolio-content').each(function(){
		var width = 0;
		
		$('.portfolio-item', this).each(function() { width += $(this).width(); });
		
		$(this).css('width', width+'px');
		$(this).css('height', 'auto');
	});
	
	// Fade-in portfolio content
	$('.portfolio-content').fadeIn('slow', function(){
		// Initialize scrolling
		$('.portfolio-frame').serialScroll({
			items: '.portfolio-item',
			
			axis: 'x',
			cycle: true,
			duration: 500
		});
		
		// Fade-in portfolio navigation
		$('.portfolio-nav').fadeIn('slow');
	});
});