// JavaScript Document

$(document).ready(

	function()
	{
		// Set slideshow properties
		$('#slideshow').attr('loopSwitch', 1);
		$('#slideshow').attr('loopCounterMax', $('#description li').size() );

		// Pre-record the description buttons position numbers
		$('#description li').each( function(i){ $(this).attr('position',i); } );

		$('#description a').click(
			function ()
			{
				switchSlide(
					{
						switchType: 'manual',
						loopSwitch: 0,
						position: $(this).parent().attr('position')
					}
				);
			}
		);// end-click


		if ( $('#slideshow').attr('loopSwitch') == 1 )
			setTimeout( function () { switchSlide( { switchType : 'auto' } ); }, 6000	);
	}//end-function


);//end-onready

function switchSlide( properties )
{
	// Override loopswitch
	if ( typeof(properties['loopSwitch']) != 'undefined' )
	{
		$('#slideshow').attr('loopSwitch', properties['loopSwitch']);
	}

	// Exit if loop switch is OFF and an auto switch invocation takes place
	if ( $('#slideshow').attr('loopSwitch') == 0 && properties['switchType'] == 'auto' )
		return;


	var prevPosition = $('#description li.current').attr('position');



	var currPosition =
		$('#slideshow').attr('loopSwitch') == 1 ?
			( prevPosition + 1 ) % $('#slideshow').attr('loopCounterMax')
			:
			properties['position'];

	if ( currPosition != prevPosition )
	{
		$('#description li.current').removeClass('current');
		$('#screenshot li:eq('+prevPosition+')').fadeOut();

		$('#description li:eq('+currPosition+')').addClass('current');
		$('#screenshot li:eq('+currPosition+')').fadeIn('fast');
	}

	if ( properties['switchType'] == 'manual' )
	{
		clearTimeout( $('#slideshow').attr('resumeAutoTimer') );
		$('#slideshow').attr('resumeAutoTimer', setTimeout( function () { switchSlide( { loopSwitch: 1, switchType : 'auto' } ); }, 8000 ) );
	}

	if ( $('#slideshow').attr('loopSwitch') == 1 )
		setTimeout( function () { switchSlide( { switchType : 'auto' } ); }, 6000 );

	return false;

}//end-function-click