var fadeclick = function(){
	var thisObj = this;
	var containerSelector = 'div#fadeclick-container'; var listSelector = 'div#fadeclick-container > ul.project-img-list-large'; var listItemsSelector = 'div#fadeclick-container > ul.project-img-list-large > li';
	var fadeDuration = 1000;
	var height;var aantal;var current = 0;var t;var z = 100;var busy = false;
	this.init = function(){
		height = $(listItemsSelector).outerHeight();
		aantal = $(listItemsSelector).size();
		$('.project-img-list li').click(function(){ thisObj.showSelect($(this).index('.project-img-list li')); });
		$('.project-img-list li:eq(0)').addClass('active');
		$(containerSelector).css({height: height+'px', overflow:'hidden'});
		$(listItemsSelector).not(listItemsSelector+':eq(0)').hide();

	}
	this.show = function(number){
		if(!busy){
			busy = true;
			$(listItemsSelector+':eq('+(current)+')').css('z-index', 1+z);
			$(listItemsSelector+':eq('+(number)+')').css('z-index', 2+z);
			if(number > current) $(listItemsSelector+':eq('+number+')').css('top', '-'+height+'px');
			else $(listItemsSelector+':eq('+current+')').css('top', '-'+height+'px');
			$(listItemsSelector+':eq('+number+')').fadeIn(fadeDuration, function(){
				$(listItemsSelector).not(listItemsSelector+':eq('+number+')').hide();
				$(listItemsSelector).css('top', '0px');
				busy = false;
			});
			$('.project-img-list li.active').removeClass('active');
			$('.project-img-list li:not(.devider):eq('+number+')').addClass('active');
			current = number;
		}
	}
	this.showSelect = function(number){
		if(number !=  current){
			clearInterval(t);
			if(busy) setTimeout(function(){ thisObj.showSelect(number); }, fadeDuration+10); else this.show(number);
		}
	}
	this.init();
}
$(document).ready(function(){
	var largelist = $('<ul class="project-img-list-large"></ul>').insertAfter('ul.project-img-list');
	$(largelist).wrap('<div id="fadeclick-container"></div>');
	$('ul.project-img-list li>a').wrap('<li>').parent().appendTo(largelist);
	var fade = new fadeclick();
});