var buttonClicked = 'next';
var allowPreviousPreloader = true;
var loadingContainer = null;

$(document).ready
(
	function()
	{
		preloadLoading();

		if($('#Next').attr('type') == 'image')
		{
			if(isLastStep)
			{
				var submitImgSrc = $('#Next').attr('src').replace('next', 'submit');			
				var submitImg = new Image();
				
				submitImg.onload = function()
				{
					$('#Next').attr('src', submitImgSrc);
				}			
				
				submitImg.src = submitImgSrc;
			}
			
			if(typeof(nextButton) != 'undefined')
			{
				$('#Next').attr('src', $('#Next').attr('src').replace(/next/, nextButton));
			}
		}
		
		if($('#Previous').size() > 0)
		{
			$('#Previous').click
			(
				function()
				{
					if(allowPreviousPreloader) buttonClicked = 'previous';
				}
			);
		}
		
		if($('#Next').size() > 0)
		{
			$('#Next').click
			(
				function()
				{
					buttonClicked = 'next';
				}
			);
		}
		
		if($('#Skip').size() > 0)
		{
			$('#Skip').click
			(
				function()
				{
					buttonClicked = 'skip';
				}
			);
		}

		$('form').submit
		(
			function()
			{
				showLoading();
			}
		);
	}
);

$(window).load
(
	function()
	{
		attachHovers('#Previous');
		attachHovers('#Next');
		attachHovers('#Skip');
	}
);

function attachHovers(selector)
{
	if($(selector).size() > 0)
	{
		var btn = $(selector);
		
		if(btn.attr('type') != 'image')
		{
			return false;
		}
		
		var btnSrc = btn.attr('src');
		
		btn.mouseover
		(
			function()
			{
				btn.attr('src', btnSrc.replace('.png', '-hover.png'));
			}
		);
		
		btn.mouseout
		(
			function()
			{
				btn.attr('src', btnSrc);
			}
		);
	}
}

function preloadLoading()
{
	loadingContainer = $('<div id="loading-container"></div>');
	$('body').append(loadingContainer.hide());
	
	if(typeof(document.ajaxLoader) == 'undefined')
	{
		document.ajaxLoader =
		{
			fileName:'ajax-loader',
			width:66,
			height:66
		};
	}
	
	if($.browser.msie)
	{
		$('#loading-container').flash
		(
			{
				wmode:'transparent',
				src:'/flash/' + getThemePath() + document.ajaxLoader.fileName + '.swf',
				width:document.ajaxLoader.width,
				height:document.ajaxLoader.height
			}
		);	
	}
	else
	{
		loadingContainer.append($('<img src="/images/' + getThemePath() + document.ajaxLoader.fileName + '.gif" width="' + document.ajaxLoader.width + '" height="' + document.ajaxLoader.height + '" />'));
	}
}

function showLoading()
{
	
	$('#navigation-' + buttonClicked).append(loadingContainer.show());
	
	$('#navigation-' + buttonClicked + ' input').hide();	
	$('#loading-container').show();
}

function getThemePath()
{
	var themePath = 'landing/multistep/';
	
	if(typeof(theme) != 'undefined')
	{
		themePath += 'themes/' + theme + '/';
	}

	return themePath;
}