$(document).ready(function() {
	
	var $itemsSlide = $('.items').cycle({ 
	    fx:      'fade', 
	    speed:   300, 
	    timeout: 0 
	});

	var previousItem;
	var currentItem;
	
	$('#source-list-items').children().each(function(i) {
														
		if ($(this).hasClass("source-list-current-item")) {
			currentItem = this;
		}
		
		$(this).hover(function() {
						if (this != currentItem) {
							$(this).addClass("source-list-hover-item");
							$(this).css("cursor", "pointer");
						}
					  },
					  function() {
					  	$(this).removeClass("source-list-hover-item");
					  	$(this).css("cursor", "default");
					  });

		$(this).click(function() {
			if (this != currentItem) {
				
				$itemsSlide.cycle(i);
				
				var item = $('#source-list-items').children()[i-1];
				
				$(currentItem).removeClass("source-list-current-item");
				$(currentItem).addClass("source-list-item");
				
				$(previousItem).removeClass("source-list-item-no-separator");
				$(previousItem).addClass("source-list-item");

				$(item).removeClass("source-list-item");
				$(item).addClass("source-list-item-no-separator");

				$(this).removeClass("source-list-item");
				$(this).addClass("source-list-current-item");
				
				currentItem = this;
				previousItem = item;
			}	
		});
	});
});