$(document).ready(function(){
	var previews = jQuery('#content .preview-text .preview-caption');
	var switcher = jQuery('div.swicher');
	var btPrev = jQuery('a.link-prev');
	var btNext = jQuery('a.link-next');
	var duration = 500; // ms
	var index = 0;
	
	function showPreview(i) {
		if (i === index) return;   
		var next = previews.eq(i);
		var prev = previews.eq(index);
		prev.fadeOut(duration / 2, function(){
			prev.hide();
			next.fadeIn(duration / 2);  
		});
		index = i;  
	}
	
	btPrev.click(function(){  
		showPreview(index == 0 ? previews.length - 1 : index - 1);
	});
	btNext.click(function(){
		showPreview(index == previews.length - 1 ? 0 : index + 1);
	})
	
	$('#carousel').galleryScroll({
		btPrev: btPrev.selector,  
		btNext: btNext.selector,
		holderList: '.g1',
		scrollElParent: '> ul',
		scrollEl: '> li',
		slideNum: switcher.selector,
		duration : duration,
		circleSlide: true,
		// we'll need to bind after click because number links are created dynamically
		// and live is prevented with a 'return false'
		funcOnclick: function(){
			if (this.tagName && this.tagName.toUpperCase() == 'A') {
				showPreview(parseInt(jQuery(this).html()) - 1);
			}
		}
	});
	
	// show first preview
	previews.hide();
	previews.eq(0).show();
	
});