var transitionSpeed = 600;
var transitionTimeOut = 10000;
var changeElements = [{name:'blue-sky',color:'#a2cccc'},{name:'white-agate',color:'#6b6967'},
                     {name:'osage',color:'#00989a'},{name:'modern-tribal',color:'#6d5740'},
                     {name:'exotic-skins',color:'#c31f25'},{name:'turquoise-blue',color:'#067dbf'},
                     {name:'natural-horn',color:'#816239'}];
var currentSlideIdx = 0;
var showIsRunning = true;

jQuery(document).ready(function($){
	$('#collection-desc').css('background-color', changeElements[0].color);
	var $slideShow = $('#collection-img').cycle({fx:'fade',
		speed:transitionSpeed,
		timeout:transitionTimeOut,
		before:beforeFunc});
	
	function viewNextCollection()
	{
		gotoSlide((currentSlideIdx+1));
	}
	
	$('#nextLink').click(function(){
		var idx = (currentSlideIdx == changeElements.length-1) ? 0 : currentSlideIdx+1;
		$slideShow.cycle('pause');
		$slideShow.cycle(idx);
	});
	
	$('#thumbar').children().each(function(i){
		this.idx = i;
		
	}).click(function(i){
		$slideShow.cycle('pause');
		$slideShow.cycle(this.idx);
		});
});

function beforeFunc(curr, next, opts, flag) {
	currentSlideIdx = opts.currSlide;
	var currEl = curr.toString().split('\/');
	var nextEl = next.toString().split('\/');
	currEl = currEl[currEl.length-1];
	nextEl = nextEl[nextEl.length-1];
	for(var i = 0; i < changeElements.length; i++) {
		if(changeElements[i].name != nextEl) continue;
		var nextSlideIdx = i;
		break;
	}
	// var nextSlideIdx = currentSlideIdx == changeElements.length-1 ? 0 : currentSlideIdx+1;
	var currDesc = jQuery('#collection-desc-' + currEl);
	var nextDesc = jQuery('#collection-desc-' + nextEl);
	
	var speed = transitionSpeed - 350;
	
	if(!currDesc.is(":visible")) {
		currDesc.fadeIn(speed);
	} else {
		jQuery('#collection-desc').animate({backgroundColor: changeElements[nextSlideIdx].color }, 500);
		currDesc.fadeOut(speed, function(){
				nextDesc.fadeIn(speed);
			}
		);
	}
	currentSlideIdx = nextSlideIdx;
	//alert('currentSlideIdx: ' + currentSlideIdx);
}