var indexPos = 0;
var totalSlide;
var autoSlide;
var autoSlide_timeout = 6000;

function slideInfo(showInfo) {
	$('.info').stop(true,true);
	if(showInfo){
		$('.info').animate({
			bottom: 0
		},200);
	} else {
		$('.info').animate({
			bottom: -42
		},200);
	}
}

function updateSlideshow(){
	var distance = 0;
	for(var i=0;i<indexPos;i++){
		distance += $('.slideshow ul li').eq(i).width();
	}
	$('.slideshow ul').animate({
		left: -1*distance
	},400);
	
	$(".bwWrapper").addClass('fadeOut');
	$('.thumb li:eq('+indexPos+') a.bwWrapper').addClass('on').removeClass('fadeOut').fadeTo(200,1);
	$('.bwWrapper.fadeOut').fadeTo(0,0.5).removeClass('fadeOut');
	
	/*
	$('.slideshowimage').fadeOut(300,function(){
		$('.slideshowimage li').hide();
		$('.slideshowimage li').eq(indexPos).show();
		$('.slideshowimage').fadeIn(250);
	});
	*/
	$('.projectinfo').fadeOut(200,function(){
		$('.projectinfo .caption').html($('.slideshowimage li:eq('+indexPos+') img').attr('data-caption'));
		$('.projectinfo').fadeIn(200);
	});
}

function startAutoSlide(){
	if(indexPos < totalSlide) {
		indexPos++;
	} else {
		indexPos = 0;
	}
	updateSlideshow();
	autoSlide = setTimeout("startAutoSlide()",autoSlide_timeout);
}

$(document).ready(function(){
	totalSlide = $('.slideshowimage li').length-1;

	$(".bwWrapper").fadeTo(0,0.5);
	
	$(".bwWrapper").hover(function(){
		$(this).fadeTo(200,1);
	},function(){
		if(!$(this).hasClass('on')){
			$(this).fadeTo(200,0.5);
		}
	});
	
	$('.slideshow').hover(function(){
		slideInfo(true);
	},function(){
		slideInfo(false);
	});
	
	$('.projectinfo .caption').html($('.slideshowimage li:eq('+indexPos+') img').attr('data-caption'));
	
	if($('.slideshowimage li').size() < 2){
		$('.slideshow .control').remove();	
	}
	
	updateSlideshow();
	
});
	
$(window).load(function(){
	$('.control a').click(function(){
		clearTimeout(autoSlide);
		
		if($(this).hasClass('prev')){
			if(indexPos > 0){
				indexPos--;
			} else {
				indexPos = totalSlide;
			}
		} else {
			if(indexPos < totalSlide){
				indexPos++;
			} else {
				indexPos = 0;
			}
		}
		updateSlideshow();
	});
	
	$('.thumb li').click(function(){
		clearTimeout(autoSlide);
		if($(this).index() !== indexPos){
			indexPos = $(this).index();
			updateSlideshow();
		}
		return false;
	});
	
	autoSlide = setTimeout("startAutoSlide()",autoSlide_timeout);
});