$.noConflict();
jQuery(document).ready(function($) {
	set_first_slide();
	start_timer();

	// NEXT ITEM IN THE ROTATOR
	nextItem = function() {								
		// FIND THE SELECTED FEATURE
		var curFeature = $('#feature').find('.cur_feature');
		var nextFeature = curFeature.next();
		var curButton = $('#feature_navigation').find('.selected');

		// IF THERE IS NO NEXT, GO BACK TO THE FIRST SLIDE
		if (nextFeature.length == 0) {
			handle_old_features(curFeature, curButton);			// DESELECT THE CURRENT STUFF
			set_first_slide();
		} else {
			var nextButton = curButton.parent().next();			// FIND THE NEXT BUTTON
			handle_old_features(curFeature, curButton);			// DESELECT THE CURRENT STUFF
			pick_me(nextFeature, nextButton);					// SET THE NEW STUFF
		}
	}

	// DESELECT ALL THE OLD STUFF
	function handle_old_features(cur, button) {
		cur.removeClass('cur_feature').fadeOut();
		button.removeClass('selected');
	}

	// PICK A SLIDE
	function pick_me(cur, button) {
		//var curImage = cur.attr('rel');
		cur.addClass('cur_feature');
		// $('#feature').css('background', "url('" + curImage + "') center center no-repeat");
		button.find('img').addClass('selected');
		cur.fadeIn();
	}

	// INITIALIZE ROTATOR
	function set_first_slide() {
		pick_me($('.one_feature:first'), $("#feature_navigation a:first"));
	}

	// CLICK ON A BUTTON
	$('#feature_navigation > a').click(function(e) {
		e.preventDefault();
	
		// GET THE BUTTON I CLICKED ON
		var myButton = $(this);
	
		// FIND THE CORRESPONDING FEATURE
		var buttonID = myButton.find('img').attr('id').split("_");
		var myFeature = $('#feature_' + buttonID[1]);
	
		// HANDLE OLD ITEMS
		handle_old_features($('#feature').find('.cur_feature'), $('#feature_navigation').find('.selected'));
	
		pick_me(myFeature, myButton);
	
		// RESET THE TIMER
		clearInterval(myTimer);
		start_timer();
	});

	// START THE TIMER
	function start_timer() {
		myTimer = setInterval ( "nextItem()", 7500 );
	}
});