// set global scope vars
var featured_category = null;

// jquery functions
$( document ).ready(
function()
{
	
	// set element count
	$( '.feature_img_wrapper' ).data( 'element_count', 0 );
	
	// set current and previous element trackers
	$( '.feature_img_wrapper' ).data( 'element_current', 0 );
	$( '.feature_img_wrapper' ).data( 'element_previous', 0 );
	
	
	$( '.feature_img_wrapper .feature_img' ).each(
	function ()
	{
		// increment element count
		var temp_element_count = ( $( '.feature_img_wrapper' ).data( 'element_count' ) * 1 ) + 1;
		$( '.feature_img_wrapper' ).data( 'element_count', temp_element_count );
		$(this).css('right', '-760');
		
	}
	);
	
	$( '.feature_img_wrapper .header_title' ).each(
	function ()
	{
		// increment element count
		$(this).css('opacity', 0);
		$( this ).css('display', 'none');
	}
	);
	
	// element selector behavior
	$( '.feature_img_wrapper .selector_container .selector_element' ).each(
	function ()
	{
		
		$( this ).click(
		function ()
		{
			
			// clear interval
			feature_main_auto_clear();
			
			// get element number
			var element_number = $( this ).attr( 'alt' );
			
			// call change
			change_home_feature_category( element_number );
			
		}
		);
		
	}
	);
	
	// play/pause behavior
	$( '.selector_toggle_element' ).data( 'state', true );
	$( '.selector_toggle_element' ).click(
	function ()
	{
		
		if ( $( this ).data( 'state' ) == true )
		{
			
			$( this ).addClass( 'selector_toggle_element_active' );
			
			$( this ).data( 'state', false );
			feature_main_auto_clear();
			
		} else
		{
			
			$( this ).removeClass( 'selector_toggle_element_active' );
			
			$( this ).data( 'state', true );
			feature_main_auto_set();
			
		}
		
	}
	);
	
	
	// set automatic feature change
	feature_main_auto_set();
	change_home_feature_category (1);
	
}
);

function change_home_feature_category ( sent_element )
{
	
	if ( sent_element != $( '.feature_img_wrapper' ).data( 'element_current') )
	{
		
		// set previous and current feature trackers
		$( '.feature_img_wrapper' ).data( 'element_previous', $( '.feature_img_wrapper' ).data( 'element_current') );
		$( '.feature_img_wrapper' ).data( 'element_current', sent_element );
		
		// set current element
		var current_element = '.feature_img_wrapper #feature_img_' + sent_element;
		var current_title = '.feature_img_wrapper #header_title_' + sent_element;
				
		// animate previous element
		var previous_element = '.feature_img_wrapper #feature_img_' + $( '.feature_img_wrapper' ).data( 'element_previous' );
		var previous_title = '.feature_img_wrapper #header_title_' + $( '.feature_img_wrapper' ).data( 'element_previous' );
		$( previous_element ).animate({'right': '760'}, 500);
		$( previous_title ).animate({'opacity': '0'}, 500, function() { $(this).css('display', 'none'); });
		
		// animate current element
		$( current_element ).css('right', '-760');
		$( current_element ).animate({'right': '0'},500);
		$( current_title ).css('display', 'block');
		$( current_title ).animate({'opacity': '1'},500);
		
		// set previous element selector style
		var previous_selector = '#selector_element_' + ( $( '.feature_img_wrapper' ).data( 'element_previous' ) );
		$( previous_selector ).removeClass( 'selector_element_active' );
		
		// set current element selector style
		var current_selector = '#selector_element_' + ( sent_element );
		$( current_selector ).addClass( 'selector_element_active' );
	
	}
	
}



/***********************************************/
// automatic rotation

var home_feature_main_interval;

function feature_main_auto_set ()
{
	
	feature_main_auto_clear();
	home_feature_main_interval = window.setInterval( feature_main_auto, 5000 );
	
	// set play/pause style
	$( '.selector_toggle_element' ).removeClass( 'selector_toggle_element_active' );
	$( '.selector_toggle_element' ).data( 'state', true );
	
}

function feature_main_auto_clear ()
{	
	clearInterval( home_feature_main_interval );
	
	// set play/pause style
	$( '.selector_toggle_element' ).addClass( 'selector_toggle_element_active' );
	$( '.selector_toggle_element' ).data( 'state', false );
	
}

function feature_main_auto ()
{
	
	// increment current feature
	var element_current_temp = ( $( '.feature_img_wrapper' ).data( 'element_current' ) * 1 ) + 1;
	
	if ( element_current_temp > $( '.feature_img_wrapper' ).data( 'element_count' ) )
		element_current_temp = 1
	
	// call item toggle
	change_home_feature_category( element_current_temp );
	
}