Event.observe(window, 'load', function() {
	$('overlay').setOpacity(1);
});


/////////////////////////////
// Begin Preloader Scripts //
/////////////////////////////

if (document.images) {
	var dots = new Array();
	dots[0] = new Image(1,1);
	dots[0].src = "/images/grey.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size);
	dots[1] = new Image(1,1);
	dots[1].src = "/images/darkgrey.gif" // color of bar as preloading progresses (same note as above);
	var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0;
	var loaded = new Array(),i,covered,timerID;
	var leftOverWidth = lengthOfPreloadBar%coverage;
}


function loadImages() {
	for (i = 0; i < yourImages.length; i++) {
		preImages[i] = new Image();
		preImages[i].src = yourImages[i];
//		alert(preImages[i].complete);
	}
	for (i = 0; i < preImages.length; i++) {
		loaded[i] = false;
	}
	checkPreload();
}
function checkPreload() {
	if (currCount == preImages.length) {
		$('preloader_wrapper').hide();
		$('loadingcircle').style.margin='0 0 41px 0';
		moveLoadingCircleDown();
		checkLoad();
		return;
	}
	for (i = 0; i <= preImages.length; i++) {
		if (loaded[i] == false && preImages[i].complete) {
			loaded[i] = true;
			eval("document.img" + currCount + ".src=dots[1].src");
			currCount++;
		}
	}
	timerID = setTimeout("checkPreload()",10);
}

function checkLoad()
{
	if (!bodyloaded)
	{
		setTimeout("checkLoad()",1000);
	}else{
		// Start the show!
		hideOverlay();
	}
}

function bodyLoaded()
{
	bodyloaded = true;
}

function moveLoadingCircleDown()
{
	topmargin = $('loadingcircle').style.margin;
	topmargin = parseInt(topmargin.substring(0,2));
	if (topmargin < 20)
	{
		topmargin++;
		topmargin++;
		$('loadingcircle').style.margin=topmargin+'px 0 '+(41 - parseInt(topmargin))+'px 0';
	}
	window.setTimeout("moveLoadingCircleDown()", 10);
}
///////////////////////////
// End Preloader Scripts //
///////////////////////////



///////////////////////////
// Begin Overlay Scripts //
///////////////////////////

var escapeOverlay = {
	fx: function(e) 
	{
		// To make script compatable with both MSIE and Firefox
		var kC  = (window.event) ? event.keyCode : e.keyCode;
		var Esc = (window.event) ? 27 : e.DOM_VK_ESCAPE;
		
		// If keypressed is escape and the new entry field is empty
		if(kC==Esc)
			closeLoadingBox();
	}
}

// Save in cache (to be able to stopObserving() it), see Prototype API docs for more info:
// http://www.prototypejs.org/api/event
escapeOverlay.bfx = escapeOverlay.fx.bindAsEventListener(escapeOverlay);

function fadeOut()
{
	opac = $('overlay').getOpacity();
	if (opac > .1)
	{
		opac=opac-.2;
		$('overlay').setOpacity(opac);
		
		window.setTimeout("fadeOut()",10);
	}else{
		$('overlay').hide();
	}
}

// showLoadingBox shows the overlay and loadingBox box
function showLoadingBox()
{
    	// Show the overlay (disables rest of page)
	showOverlay();
}
 
// Shows the overlay and starts the ESCAPE event listener
function showOverlay()
{
	$('overlay').show();
	$('container').hide();
	$('loadingBox').show();
	$('overlay').show();
	
	Event.observe(document, 'keypress', escapeOverlay.bfx );
}

// Hides the overlay and stops the ESCAPE event listener
function hideOverlay()
{
	$('loadingBox').hide();
	$('container').show();
	fadeOut();
	
	Event.stopObserving(document, 'keypress', escapeOverlay.bfx );
}

// Closes the loadingBox
function closeLoadingBox()
{
	hideOverlay();
	
	// Hide loadingBox
	$('loadingBox').hide();
}

/////////////////////////
// End Overlay Scripts //
/////////////////////////