// Progressbar - Version 2.5
// Author: Brian Gosselin of http://scriptasylum.com
// PUT THE NAMES OF ALL YOUR IMAGES THAT NEED TO BE "CACHED" IN THE "imagenames" ARRAY.
// DONT FORGET THE COMMA BETWEEN EACH ENTRY, OR THE TICK MARKS AROUND EACH NAME.
// WHEN ALL THE IMAGES ARE DONE LOADING, THE "imagesdone" VARIABLE IS SET TO "TRUE"

var imagenames=['Images/bg.gif', 'Images/bg2.gif', 'Images/contact_01.gif', 'Images/contact_02.gif', 'Images/contact_us_bottom.gif', 'Images/contact_us_bottom2.gif', 'Images/contact_us_bottom_bg.gif', 'Images/contact_us_top.gif', 'Images/content_02.gif', 'Images/content_06.gif', 'Images/content_07.gif', 'Images/content_08.jpg', 'Images/content_09.gif', 'Images/content_10.jpg', 'Images/content_11.jpg', 'Images/content_12.gif', 'Images/content_13.jpg', 'Images/content_14.gif', 'Images/content_15.jpg', 'Images/content_16.gif', 'Images/content_17.jpg', 'Images/content_18.jpg', 'Images/content_19.gif', 'Images/content_20.gif', 'Images/content_22.gif', 'Images/content_bottom.gif', 'Images/content_top.gif', 'Images/home_01.gif', 'Images/home_02.gif', 'Images/home_03.gif', 'Images/home_06.gif', 'Images/home_bg_left.gif', 'Images/home_bg_right.gif', 'Images/home_bottom.gif', 'Images/home_bottom_color.gif', 'Images/home_contant01.gif', 'Images/home_contant02.gif', 'Images/home_left.gif', 'Images/home_main - Copy.jpg', 'Images/home_main.jpg', 'Images/home_main_old.jpg', 'Images/home_main_old2.jpg', 'Images/home_map.gif', 'Images/home_product01.gif', 'Images/home_product02.gif', 'Images/home_top.gif', 'Images/home_top_colour.gif', 'Images/logo.gif', 'Images/product_01.gif', 'Images/product_02.gif', 'Images/spacer.gif'];

var yposition     = 50;                   // POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var loadedcolor   = '#CCCCCC' ;           // PROGRESS BAR COLOR
var unloadedcolor = 'white';          // BGCOLOR OF UNLOADED AREA
var barheight     = 15;                   // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 20)
var barwidth      = 400;                  // WIDTH OF THE BAR IN PIXELS  
var bordercolor   = 'black';              // COLOR OF THE BORDER
var intSize       = '358';
var cookieName    = 'preload1';

// THE FUNCTION BELOW CONTAINS THE ACTION(S) TAKEN ONCE IMAGES ARE DONE LOADING.
// IF NO ACTION IS DESIRED, TAKE EVERYTHING OUT FROM BETWEEN THE CURLY BRACES ({})
// BUT LEAVE THE FUNCTION NAME AND CURLY BRACES IN PLACE.
// PRESENTLY, IT IS SET TO DO NOTHING, BUT CAN BE CHANGED EASILY.
// TO CAUSE A REDIRECT, INSERT THE FOLLOWING LINE IN IT: document.location.href="http://redirect_page.html";

var action=function()
{
setCookie();
document.location.href="home.htm";
}

//*****************************************************//
//**********  DO NOT EDIT BEYOND THIS POINT  **********//
//*****************************************************//
 
var NS4        = (document.layers) ? true : false;
var IE4        = (document.all) ? true : false;
var NS6        = (document.getElementById&&!document.all) ? true: false;
var imagesdone = false;
var blocksize  = barwidth/(imagenames.length);
barheight      = Math.max(barheight,20);
var loaded     = 0;
var perouter   = null;
var perdone    = null;
var images     = new Array();
var txt        =(NS4) ? '<layer name="perouter" bgcolor="'+bordercolor+'" visibility="hide" height="'+barheight+'" width="'+barwidth+'">' : '<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'; width:'+barwidth+'px; height:'+barheight+'px;">';
txt+='<table cellpadding="0" cellspacing="1" border="0"><tr><td width="'+barwidth+'" height="'+barheight+'" valign="center">';
if(NS4)txt+='<ilayer width="100%" height="100%"><layer width="100%" height="100%" bgcolor="'+unloadedcolor+'" top="0" left="0">';
txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+unloadedcolor+'"><center><font color="'+loadedcolor+'" size="1" face="sans-serif">Loading Images. ' + intSize + ' kb.</font></center></td></tr></table>';
if(NS4) txt+='</layer>';
txt+=(NS4)? '<layer name="perdone" width="100%" height="'+barheight+'" bgcolor="'+loadedcolor+'" top="0" left="0">' : '<div id="perdone" style="position:absolute; top:1px; left:1px; width:'+barwidth+'px; height:'+barheight+'px; background-color:'+loadedcolor+'; z-index:100">';
txt+='<table cellpadding="0" cellspacing="0" border="0" width="'+barwidth+'" height="'+(barheight)+'"><tr><td valign="center" bgcolor="'+loadedcolor+'"><center><font color="'+unloadedcolor+'" size="1" face="sans-serif">Loading Images. ' + intSize + ' kb.</font></center></td></tr></table>';
txt+=(NS4)? '</layer></ilayer>' : '</div>';
txt+='</td></tr></table>';
txt+=(NS4)?'</layer>' : '</div>';
document.write(txt);

function loadimages(){
//THE FOLLOWING SEVERAL LINES BYPASSES AN IE BUG WHICH CAUSES THE BAR TO STAY "UNLOADED" WHEN USER
//RETURNS TO THE PAGE.
var alreadydone=false;
for(n=0;n<imagenames.length;n++){
	images[n]=new Image();
	images[n].src=imagenames[n];
		if(images[n].complete)alreadydone=alreadydone||true;
		}
		if(!alreadydone){
			if(NS4){
				perouter=document.perouter;
				perdone=document.perouter.document.layers[0].document.perdone;
			}
			if(NS6){
				perouter=document.getElementById('perouter');
				perdone=document.getElementById('perdone');
			}
			if(IE4){
				perouter=document.all['perouter'];
				perdone=document.all['perdone'];
			}
				cliplayer(perdone,0,0,barheight,0);
				if(!imagesdone)window.onresize=function(){
				setTimeout('setouterpos()' ,200);
			}
				setouterpos();
				(NS4)? perouter.visibility="show" : perouter.style.visibility="visible";
				for(n=0;n<imagenames.length;n++)images[n].onload=dispbars;
			}
		}

function setouterpos(){
var ww=(IE4)? document.body.clientWidth : window.innerWidth;
var x=(ww-barwidth)/2;
	if(NS4){
		perouter.moveTo(x,yposition);
	}
	if(IE4||NS6){
		perouter.style.left=x+'px';
		perouter.style.top=yposition+'px';
	}
}

function dispbars(){
	loaded++;
	cliplayer(perdone, 0, blocksize*loaded, barheight, 0);
	if(loaded>=imagenames.length)setTimeout('hideperouter()', 800);
}

function hideperouter(){
	(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
	imagesdone=true;
	action();
}

function cliplayer(layer, ct, cr, cb, cl){
	if(NS4){
		layer.clip.left=cl;
		layer.clip.top=ct;
		layer.clip.right=cr;
		layer.clip.bottom=cb;
	}
	if(IE4||NS6)layer.style.clip='rect('+ct+' '+cr+' '+cb+' '+cl+')';
}

function getCookie(name) {
var search = name + "="
var returnvalue = "";
	if (document.cookie.length > 0) {
		offset = document.cookie.indexOf(search)
			if (offset != -1) { 
				offset += search.length
				end = document.cookie.indexOf(";", offset);

			if (end == -1) end = document.cookie.length;
			returnvalue=unescape(document.cookie.substring(offset, end))
			}
		}
	return returnvalue;
} 

function setCookie(){
	document.cookie = cookieName + "=true";
}

// Change this cookie name/value for each page
// e.g. you might have 4 pages with preloaders (all loading different sets of images)
// then the cookie name will have to be unique.

window.onload=function(){
	if (getCookie(cookieName) == "true") {
		action();
	}
	else {
		setTimeout('loadimages()',400);
	}
}