// ================== Main Feature Loading  ==========================
// Set variables
var currentFeature = 1;
var featureActive = 0;
var rotateInterval = 7000;
var delayTimer = 0;
var nextFeature = 1;
var prevFeature = 0;
var numFeatures = $(".feature_banner").length;

function delayFeatureTimer(){
	delayTimer = 1;
}

function changeFeature(feature_id){
	if(feature_id != currentFeature){
		prevFeature = currentFeature;
		currentFeature = feature_id;
		$("#feature_image_"+currentFeature).show();
		$("#feature_image_"+prevFeature).hide();
		$('.feature_btn').removeClass('on');
		$('#'+feature_id).addClass('on');
	}
}

function rotateFeatureBox(){
	if(delayTimer == 0){
		nextFeature++;
		if(nextFeature>numFeatures){
				nextFeature = 1;
		}
		changeFeature(nextFeature);
	} else {
		delayTimer = 0;
	}
	setTimeout ("rotateFeatureBox()", rotateInterval);
}

function gotoFeature(feature_id){
	changeFeature(feature_id);
	delayTimer = 0;
	delayFeatureTimer();
}

$(function(){
	var featureCounter = 0;
	$(".feature_banner").each(function(){
		var bannerId = $(this).attr('id').replace(/[a-zA-Z_]+/,'');
		$('#'+bannerId).attr('href',$('a',this).attr('href'));
	});
	$('.feature_btn').hover(function(){
		changeFeature($(this).attr('id'));
	});
	setTimeout ("rotateFeatureBox()", rotateInterval);
});