/***********************************************************************

Author:     Arno Hoogma
URL:        http://www.4rn0.nl

***********************************************************************/


if (typeof window.jQuery != 'undefined') {
	
	var timer;
	var i = 0;
	
	$(function()
	{

		$('ul#slides').before('<div id="stage"><img src="images/bg.blank.gif"><p></p><span id="controls" class="paused"></span></div>');
		$('span#controls').toggle(pause, unpause);
		
		$('#stage img').fadeOut(100, function() {
			timer = window.setTimeout('changeSlides()', 1500);			
		});
		
		preloadImages();
		
	});

	/**
	 *
	 */
	function preloadImages()
	{
		
		$('ul#slides li a:first-child').each(function(i,n) {
			
			var preload = new Image();
		
			preload.onload = function() {
				this.onload = null;
			};
				
			preload.src = $(n).attr('href');
			
		});
		
	}
	
	/**
	 *
	 */
	function unpause()
	{
		
		$('span#controls').toggleClass('paused');
		changeSlides();
		
	}
		
	/**
	 *
	 */
	function pause()
	{
		
		$('span#controls').toggleClass('paused');
		window.clearTimeout(timer);
		
	}
	
	/**
	 *
	 */
	function changeSlides()
	{

		var preload = new Image();
				
		var src = $('ul#slides li:eq(' + i + ') a:first').attr('href');
		var url = $('ul#slides li:eq(' + i + ') a:eq(1)').attr('href');
		var txt = $('ul#slides li:eq(' + i + ') a:first').text();
		
		// $('#controls').fadeOut(1250);
		
		$('#stage img').fadeOut(1250, function() {
			$(this).attr('src', 'images/bg.blank.gif').removeClass('active').unbind('click');
		});
		
		$('#stage p').fadeOut(1000, function() {
			
			preload.onload = function() {
				
				$('#stage img').attr('src', src).fadeIn(500, function() {
						
					$(this).css('display', 'block');
					$('#stage').addClass('loading');
					$('embed').replaceWith('<img src="images/bg.blank.gif" style="height: 345px; width: 700px;">');
					
					if (url) {
						$(this).addClass('active').click(function() {
							document.location.href = url;
						});
					}
					
					window.setTimeout(function() { $('#stage p').text(txt).fadeIn(1000); }, 500);
					
					i = $('ul#slides li:eq(' + (i + 1) + ')').size() ? (i + 1) : 0;
					timer = window.setTimeout('changeSlides()', 5000);						

				});
				
				$('#controls').fadeIn(500);
				this.onload = null;
				
			};
			
			window.setTimeout(function() { preload.src = src; }, 500);
			
		});
		
	}

}