$(document).ready(function() {

/*$('.portfolio-image').each(function(i){
$(this).attr('imgheight', $(this).attr('height'));
$(this).attr('sclheight', $(this).attr('height'));
});*/

	function setupPortfolio() {
		$('.portfolio-slide').each(function(index) {
			$(this).css('top', (index * 410));
			$(this).addClass('active-slide');
			hidePortfolio();
		});
		
		startTimer();
	}
	
	function showPortfolio() {
		$('.active-slide .portfolio-details').stop().animate({width: '500', height: '410'}, {queue: false, duration: 500, easing: 'easeOutExpo'});
		$('.active-slide .details-info').stop().animate({width: '405', height: '410'}, {queue: false, duration: 500, easing: 'easeOutExpo'});
		$('.active-slide .info-title').stop().animate({width: '405'}, {queue: false, duration: 500, easing: 'easeOutExpo'});
		$('.active-slide .info-content').stop().animate({height: '235'}, {queue: false, duration: 500, easing: 'easeOutExpo'});
		$('.active-slide .portfolio-image').stop().animate({width: '507', height: '410', left: '0'}, {queue: false, duration: 500, easing: 'easeOutExpo'});
		$('.active-slide .info-read').stop().animate({right: '227', bottom: '20'}, {queue: false, duration: 400, specialEasing: {bottom: 'easeInExpo', right: 'easeOutExpo'}});
	}
	
	function hidePortfolio() {
		$('.active-slide .info-read').stop().animate({bottom: '65', right: '20'}, {queue: false, duration: 400, specialEasing: {bottom: 'easeOutExpo', right: 'easeInExpo'}});
		$('.active-slide .portfolio-details').stop().animate({width: '290', height: '410'}, {queue: false, duration: 500, easing: 'easeInExpo'});
		$('.active-slide .details-info').stop().animate({width: '195', height: '410'}, {queue: false, duration: 500, easing: 'easeInExpo'});
		$('.active-slide .info-title').stop().animate({width: '195'}, {queue: false, duration: 500, easing: 'easeInExpo'});
		$('.active-slide .info-title').stop().animate({width: '195'}, {queue: false, duration: 500, easing: 'easeInExpo'});
		$('.active-slide .info-content').stop().animate({height: '200'}, {queue: false, duration: 500, easing: 'easeOutExpo'});
		//$('.active-slide .portfolio-image').stop().animate({width: '760', height: $('.active-slide .portfolio-image').attr('imgheight'), left: '-25'}, {queue: false, duration: 500, easing: 'easeInExpo'});
		$('.active-slide .portfolio-image').stop().animate({width: '760', height: '650', left: '-25'}, {queue: false, duration: 500, easing: 'easeInExpo'});
		if ($('.active-slide').size() > 1) {
			$('.portfolio-slide').not(':first').removeClass('active-slide');
		}
	}
	
	function nextSlide() {
		$('.portfolio-slide:first').removeClass('active-slide');
		$('.portfolio-slide').each(function(index) {
			$(this).css('z-index', ($('.portfolio-slide').size() - index));
			$(this).stop().animate({'top': ((index - 1) * 410)}, {queue: false, duration: 500, easing: 'easeOutExpo'});
		});
		$('.portfolio-slide:first').insertAfter('.portfolio-slide:last');
		$('.portfolio-slide:first').addClass('active-slide');
		hidePortfolio();
	}
	
	function lastSlide() {
		$('.portfolio-slide:first').removeClass('active-slide');
		$('.portfolio-slide:last').addClass('active-slide');
		$('.portfolio-slide:last').insertBefore('.portfolio-slide:first');
		$('.active-slide').css('top', -410);
		$('.portfolio-slide').each(function(index) {
			$(this).css('z-index', ($('.portfolio-slide').size() + index));
			$(this).stop().animate({'top': ((index) * 410)}, {queue: false, duration: 500, easing: 'easeOutExpo'});
		});
		hidePortfolio();
	}
	
	function startTimer() {
		portfolioTimer = setInterval(nextSlide, 5000);
	}
	
	function stopTimer() {
		clearInterval(portfolioTimer);
	}
	
	$('#portfolio').mouseenter(function() {
		showPortfolio();
		stopTimer();
	});
	
	$('#portfolio').mouseleave(function() {
		hidePortfolio();
		startTimer();
	});
	
	$('#portfolio-next').click(function() {
		stopTimer();
		nextSlide();
		startTimer();
	});
	
	$('#portfolio-previous').click(function() {
		stopTimer();
		lastSlide();
		startTimer();
	});
	
	var portfolioTimer = null;
	
	setupPortfolio();
	
});