/*!
 * WorryFreeLabs Portfolio
 *
 * @category    WorryFreeLabs
 * @package     js
 * @copyright   Copyright (c) 2010 Worry Free Labs, LLC. (http://worryfreelabs.com/)
 * @author      Oleksandr Bernatskyi
 */
$(document).ready(function(){
	var $portfolio=$('#clientContent div.portfolio');
	if(!$portfolio.length){return false}
	var $projects=$('ul',$portfolio);
	var projectsNumber=$('li.project',$projects).length;
	var mainImgWidth=460;
	var mainImgHeight=250;
	var secondImgWidth=230;
	var secondImgHeight=119;
	var thirdImgWidth=230;
	var thirdImgHeight=119;
	var $projectsSlider=$projects.find('li:first').attr('id','projects-slider');
	var $sliderPattern=$('<div class="slider"></div>').css('position','relative');
	$('div.main',$projectsSlider).wrapInner(
		$sliderPattern.clone().css({
			top:0,
			left:0,
			width:mainImgWidth,
			height:mainImgHeight*projectsNumber
		})).css('position','relative');
	
	var $mainSlider=$('div.main div.slider',$projectsSlider);
	$('div.second',$projectsSlider).wrapInner($sliderPattern.clone().css({top:(-projectsNumber+1)*secondImgHeight,left:0,width:secondImgWidth,height:secondImgHeight*projectsNumber})).css('position','relative');
	var $secondSlider=$('div.second div.slider',$projectsSlider);
	$('div.third',$projectsSlider).wrapInner($sliderPattern.clone().css({top:0,left:0,width:thirdImgWidth*projectsNumber,height:thirdImgHeight})).css('position','relative');
	var $thirdSlider=$('div.third div.slider',$projectsSlider);
	
	$('li:not(:first)',$projects).each(function(){
		var $this=$(this);
		var $description=$('h3',$this);
		var projectTitle=$description.text();
		var projectCode=$description.attr('class');
		$('<img />').attr('src','images/'+projectCode+'1.jpg').attr('alt',projectTitle).attr('width',mainImgWidth).attr('height',mainImgHeight).appendTo($mainSlider);
		$('<img />').attr('src','images/'+projectCode+'2.jpg').attr('alt',projectTitle).attr('width',secondImgWidth).attr('height',secondImgHeight).prependTo($secondSlider);
		$('<img />').attr('src','images/'+projectCode+'3.jpg').attr('alt',projectTitle).attr('width',thirdImgWidth).attr('height',thirdImgHeight).appendTo($thirdSlider);
		$this.remove()
	});
	
	var animationDuration=1200;
	var rewindDuration=500;
	$('div.panel a',$portfolio).click(function(){
		if($mainSlider.is(':animated')||$secondSlider.is(':animated')||$thirdSlider.is(':animated')){
			return false
		}
		if(Math.abs(parseInt($mainSlider.css('top')))<mainImgHeight*projectsNumber-mainImgHeight){
			$mainSlider.animate({
				top:'-='+mainImgHeight},animationDuration);
				$secondSlider.animate({top:'+='+secondImgHeight},animationDuration);
				$thirdSlider.animate({left:'-='+thirdImgWidth},animationDuration)
			}else{
				$mainSlider.animate({top:0},rewindDuration);
				$secondSlider.animate({top:(-projectsNumber+1)*secondImgHeight},rewindDuration);
				$thirdSlider.animate({left:0},rewindDuration)
			}
			return false
		})
	});