$(function() 
{
	//$.preloadImages('../images/feature-photo-01.jpg', '../images/feature-photo-02.jpg', '../images/feature-photo-03.jpg', '../images/feature-photo-04.jpg', '../images/feature-photo-05.jpg', '../images/feature-photo-06.jpg', '../images/feature-photo-07.jpg');
		
	$('#TabBox').after('<div id="ToggleButton" class="Playing"></div>');
	start();
	$('#ToggleButton').click(function () 
	{ 
		PauseResume(); 
	});
});

var i = 0;
var pause = true;
var interval;

function start()
{
	interval = setInterval('ToggleImage()', 4000);
}
	
function ToggleImage()
{
	if (i <= 1)
	{
		$('#TabBox').children('div:eq(' + i + ')').fadeOut('slow');
		i++;
		$('#TabBox').children('div:eq(' + i + ')').fadeIn('slow');
	}
	else
	{
		$('#TabBox').children('div:eq(' + i + ')').fadeOut('slow');
		$('#TabBox').children('div:eq(' + 0 + ')').fadeIn('slow');
		i = 0;
	}						

}

function PauseResume() 
{
  if(pause) 
  {
  	$('#ToggleButton').removeClass('Playing').addClass('Paused');
    clearInterval(interval);
    pause = false;
  } 
  else 
  {
  	$('#ToggleButton').removeClass('Paused').addClass('Playing');
    interval = setInterval('ToggleImage()',4000);
    pause = true;
  }
}

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}