var PreloadImages	= Array();
PreloadImages['index']	= Array('../images/frontpage/1.jpg', '../images/frontpage/2.jpg', '../images/frontpage/3.jpg', '../images/frontpage/4.jpg', '../images/frontpage/5.jpg', '../images/frontpage/6.jpg');
PreloadImages['showroom']	= Array('../style/bg1.jpg');
PreloadImages['illoft']	= Array('../style/bg1.jpg');
PreloadImages['eastindiacarpets']	= Array('../style/bg1.jpg');
PreloadImages['showroom']	= Array('../style/bg1.jpg');
PreloadImages['interiordesign']	= Array('../style/bg2.jpg');
PreloadImages['turnkey']	= Array('../style/bg3.jpg');
PreloadImages['bowenisland']	= Array('../style/bg3.jpg');
PreloadImages['media']	= Array('../style/bg4.jpg');
PreloadImages['contact']	= Array('../style/bg5.jpg');
if (frontPageBgInterval == undefined)
{
	var frontPageBgInterval = false;
}
loadpage = function(url, queryString, nomenu)
{
	if (frontPageBgInterval != undefined)
	{
		clearInterval(frontPageBgInterval);
	}
	if (queryString == '' || queryString == undefined)
	{
		queryString	= 'jsload=true'
	}
	else
	{
		queryString	= queryString + '&jsload=true';
	}
	new Effect.Appear('blur', { afterFinish: function() {
		document.title = "TWR Designer Showroom";
		new Ajax.Updater('loadWrap', url + '.php', {
			parameters: queryString,
			evalScripts: true,
			onComplete: function() {
				$('main').hide();
				if (nomenu != true)
				{
					var currentMenu	= $$('.currentMenu');
					currentMenu.invoke('removeClassName', 'currentMenu');
					$(url + 'Menu').addClassName('currentMenu');
				}
				if (PreloadImages[url] == '' || PreloadImages[url] == undefined)
				{
					new Effect.Fade($('blur'));
				}
				else
				{
					for(i=0;i<PreloadImages[url].length;i++) {
						Preloader.add(PreloadImages[url][i])
					}
					var finishFunc = function() {
						new Effect.Fade('blur', { afterFinish: function() {
										new Effect.Appear('main', { duration: 0.7 });
									}
								});
					}
					Preloader.onFinish(finishFunc);
					Preloader.load();
				}
			},
			onFailure: function(){
				alert('Could not load page.');
				new Effect.Fade($('blur'));
			}
		});
	} });
	return false;
}

popup = function(url, queryString)
{
	if (queryString == '' || queryString == undefined)
	{
		queryString	= 'jsload=true&popup=true'
	}
	else
	{
		queryString	= queryString + '&jsload=true&popup=true';
	}
	new Effect.Appear('blur', { afterFinish: function() {

		new Ajax.Updater('popup', url + '.php', {
			parameters: queryString,
			evalScripts: true,
			onComplete: function() {
				new Effect.Appear('popup', { afterFinish: function() {
					new Effect.Fade($('blur'));
					}
				});
			},
			onFailure: function(){
				alert('Could not load page.');
				new Effect.Fade($('blur'));
			}
		});
	} });
	return false;
}

closepopup = function()
{
	new Effect.Fade($('popup'));
	$('popup').update('');
}

formSend = function(form, page)
{
	var fields = form.serialize();
	loadpage(page, fields);
	return false;
}

doneLoading	= function()
{
	if (PreloadImages[PageID] == '' || PreloadImages[PageID] == undefined)
	{
		for(i=0;i<PreloadImages[PageID].length;i++) {
			Preloader.add(PreloadImages[PageID][i])
			}
		var finishFunc = function() {
			$('main').hide();
			new Effect.Fade('blur', { afterFinish: function() {
				new Effect.Appear('main', { duration: 0.7 });
				}
			}
			);
		}
		Preloader.onFinish(finishFunc);
		Preloader.load();
	}
	else
	{
		$('main').hide();
		new Effect.Fade('blur', { afterFinish: function() {
			new Effect.Appear('main', { duration: 0.7 });
			}
		}
		);
	}
}

var frontPageBgCurrent = 1;
frontPageBg = function()
{
	new Effect.Fade('frontPageBg-'+frontPageBgCurrent, { afterFinish: function() {
			frontPageBgCurrent = frontPageBgCurrent + 1;
			if (frontPageBgCurrent == 7)
			{
				frontPageBgCurrent	= 1;
			}
			new Effect.Appear('frontPageBg-'+frontPageBgCurrent, { duration: 1.5 });
		}
	, duration: 1.5 });
}

Event.observe(window, 'load', doneLoading, false);