// Progressbar - Version 2.0
// Author: Brian Gosselin of http://scriptasylum.com
// Featured on Dynamic Drive (http://www.dynamicdrive.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  = new Array();

imagenames[0]	= 'images/collection/47_Ella_mint.jpg';
imagenames[1]	= 'images/collection/47_Ella_plum.jpg';
imagenames[2]	= 'images/collection/47_Ella_orange.jpg';
imagenames[3]	= 'images/collection/47_Ella_black.jpg';
imagenames[4]	= 'images/collection/47_Ella_neon_chartreuse.jpg';
imagenames[5]	= 'images/collection/47_Ella_neon_azur.jpg';
imagenames[6]	= 'images/collection/47_Ella_electric_blue.jpg';
imagenames[7]	= 'images/collection/49_Boule_beige.jpg';
imagenames[8]	= 'images/collection/50_Circus_multicoloured.jpg';
imagenames[9]	= 'images/collection/51_Cosma_neon.jpg';
imagenames[10]	= 'images/collection/52_Daisy_coral.jpg';
imagenames[11]	= 'images/collection/53_India_neon_pink.jpg';
imagenames[12]	= 'images/collection/53_India_neon_yellow.jpg';
imagenames[13]	= 'images/collection/54_Lucky_green.jpg';
imagenames[14]	= 'images/collection/55_Luna_pink.jpg';
imagenames[15]	= 'images/collection/56_Mavie_gold.jpg';
imagenames[16]	= 'images/collection/57_Midas_red.jpg';
imagenames[17]	= 'images/collection/58_Mimi_gold.jpg';
imagenames[18]	= 'images/collection/59_Om_violet.jpg';
imagenames[19]	= 'images/collection/60_Samadhi_gold.jpg';
imagenames[20]	= 'images/collection/65_Willow_moss.jpg';
imagenames[21]	= 'images/collection/66_Shirin_gold.jpg';
imagenames[22]	= 'images/collection/69_Ella_turquoise.jpg';
imagenames[23]	= 'images/collection/69_Ella_pink.jpg';
imagenames[24]	= 'images/collection/69_Ella_beige.jpg';
imagenames[25]	= 'images/collection/69_Ella_ice_blue.jpg';
imagenames[26]	= 'images/collection/69_Ella_rose.jpg';
imagenames[27]	= 'images/collection/69_Ella_lemon.jpg';
imagenames[28]	= 'images/collection/70_Kate_black.jpg';
imagenames[29]	= 'images/collection/72_Sienna_beige.jpg';
imagenames[30]	= 'images/collection/73_Midas_wine.jpg';
imagenames[31]	= 'images/collection/74_Aimee_iris.jpg';
imagenames[32]	= 'images/collection/75_Stella_navy.jpg';
imagenames[33]	= 'images/collection/76_Ashley_turquoise.jpg';
imagenames[34]	= 'images/collection/77_Mariah_violet.jpg';
imagenames[35]	= 'images/collection/78_Sophia_gold.jpg';
imagenames[36]	= 'images/collection/79_Gipsy_pink.jpg';
imagenames[37]	= 'images/collection/80_Manon_rose.jpg';
imagenames[38]	= 'images/collection/81_Dreamer_grey.jpg';
imagenames[39]	= 'images/collection/82_India_yellow.jpg';
imagenames[40]	= 'images/collection/83_Liv_gold.jpg';
imagenames[41]	= 'images/collection/84_Rainbow_gold.jpg';
imagenames[42]	= 'images/collection/85_Drew_green.jpg';
imagenames[43]	= 'images/collection/86_Roxy_moss.jpg';
imagenames[44]	= 'images/collection/87_Diane_black.jpg';
imagenames[45]	= 'images/collection/88_Daisy_cream.jpg';
imagenames[46]	= 'images/collection/89_Hearty_ivory.jpg';
imagenames[47]	= 'images/collection/90_Tara_violet.jpg';
imagenames[48]	= 'images/collection/91_Ella_moss.jpg';
imagenames[49]	= 'images/collection/91_Ella_black.jpg';
imagenames[50]	= 'images/collection/91_Ella_grey.jpg';
imagenames[51]	= 'images/collection/91_Ella_navy.jpg';
imagenames[52]	= 'images/collection/91_Ella_iris.jpg';
imagenames[53]	= 'images/collection/91_Ella_red.jpg';
imagenames[54]	= 'images/collection/92_Willow_wine.jpg';
imagenames[55]	= 'images/collection/93_Janis_pink.jpg';
imagenames[56]	= 'images/collection/94_Kate_seafoam.jpg';
imagenames[57]	= 'images/collection/95_Lourdes_bloodred.jpg';
imagenames[58]	= 'images/collection/96_Om_orange.jpg';
imagenames[59]	= 'images/collection/97_India_violet.jpg';
imagenames[60]	= 'images/collection/98_Midas_beige.jpg';
imagenames[61]	= 'images/collection/99_Hearty_black.jpg';
imagenames[62]	= 'images/collection/100_Stella_ice_blue.jpg';
imagenames[63]	= 'images/collection/101_Stellina_mauve.jpg';
imagenames[64]	= 'images/collection/102_Olivia_peach.jpg';
imagenames[65]	= 'images/collection/103_Boule_ivory.jpg';
imagenames[66]	= 'images/collection/104_Midas_nude.jpg';
imagenames[67]	= 'images/collection/108_Elin_gold.jpg';
imagenames[68]	= 'images/press/maxi00_zoom.jpg';
imagenames[69]	= 'images/press/welt01-zoom.jpg';
imagenames[70]	= 'images/press/ls00_zoom.jpg';
imagenames[71]	= 'images/press/ls01_zoom.jpg';
imagenames[72]	= 'images/press/chica_zoom.jpg';
imagenames[73]	= 'images/press/gala_zoom.jpg';
imagenames[74]	= 'images/press/11life02.jpg';
imagenames[75]	= 'images/press/9zeit02.jpg';
imagenames[76]	= 'images/press/10instyle02.jpg';
imagenames[77]	= 'images/press/3501_inside.jpg';
imagenames[78]	= 'images/press/3400_inside.jpg';
imagenames[79]	= 'images/press/maxi00.jpg';
imagenames[80]	= 'images/press/welt00.jpg';
imagenames[81]	= 'images/press/ls00.jpg';
imagenames[82]	= 'images/press/ls01_thumb.jpg';
imagenames[83]	= 'images/press/chica.jpg';
imagenames[84]	= 'images/press/gala_thumb.jpg';
imagenames[85]	= 'images/press/11life01.jpg';
imagenames[86]	= 'images/press/9zeit01.jpg';
imagenames[87]	= 'images/press/10instyle01.jpg';
imagenames[88]	= 'images/press/3501_cover.jpg';
imagenames[89]	= 'images/press/3400_cover.jpg';
imagenames[90]	= 'images/circle_li.jpg';
imagenames[91]	= 'images/navi/down.jpg';
imagenames[92]	= 'images/navi/down_over.jpg';
imagenames[93]	= 'images/navi/middle.jpg';
imagenames[94]	= 'images/navi/up.jpg';
imagenames[95]	= 'images/navi/up_over.jpg';
imagenames[96]	= 'images/buttons/addBTN.jpg';
imagenames[97]	= 'images/buttons/addBTN_over.jpg';
imagenames[98]	= 'images/buttons/clearBTN.jpg';
imagenames[99]	= 'images/buttons/clearBTN_over.jpg';
imagenames[100]	= 'images/buttons/completeBTN.jpg';
imagenames[101]	= 'images/buttons/completeBTN_over.jpg';
imagenames[102]	= 'images/buttons/completeBTN01.jpg';
imagenames[103]	= 'images/buttons/completeBTN01_over.jpg';
imagenames[104]	= 'images/buttons/completeBTN02.jpg';
imagenames[105]	= 'images/buttons/completeBTN02_over.jpg';
imagenames[106]	= 'images/buttons/continueBTN.jpg';
imagenames[107]	= 'images/buttons/continueBTN_over.jpg';
imagenames[108]	= 'images/buttons/removeBTN.jpg';
imagenames[109]	= 'images/buttons/removeBTN_over.jpg';
imagenames[110]	= 'images/buttons/sendBTN.jpg';
imagenames[111]	= 'images/buttons/sendBTN_over.jpg';
imagenames[112]	= 'images/buttons/soldoutBTN.jpg';
imagenames[113]	= 'images/buttons/soldoutBTN_over.jpg';

var yposition=50; //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var loadedcolor='gray' ; // PROGRESS BAR COLOR
var unloadedcolor='white'; // BGCOLOR OF UNLOADED AREA
var barheight=15; // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
var barwidth=200; // WIDTH OF THE BAR IN PIXELS 
var bordercolor='white'; // COLOR OF THE BORDER

//DO NOT EDIT BEYOND THIS POINT 
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var imagesdone=false;
var blocksize=barwidth/(imagenames.length);
barheight=Math.max(barheight,25);
var loaded=0, perouter, perdone, images=new Array();
var txt=(NS4)?'<layer name="perouter" bgcolor="'+bordercolor+'" visibility="hide">' : '<div id="perouter" style="widt: 200px; position:absolute; visibility:hidden; background-color:'+bordercolor+'">';
txt+='<table cellpadding="0" cellspacing="1" border="0" width="200"><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...</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"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+loadedcolor+'"><center><font color="'+unloadedcolor+'" size="1" face="sans-serif">Loading Images...</font></center></td></tr></table>';
txt+=(NS4)? '</layer></ilayer>' : '</div>';
txt+='</td></tr></table>';
txt+=(NS4)?'</layer>' : '</div>';
document.write(txt);
function loadimages(){
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);
window.onresize=setouterpos;
setouterpos();
for(n=0;n<imagenames.length;n++){
images[n]=new Image();
images[n].src=imagenames[n];
setTimeout('checkload('+n+')' ,n*100);
}}
function setouterpos(){
var ww=(IE4)? document.body.clientWidth : window.innerWidth;
var x=(ww-barwidth)/2;
if(NS4){
perouter.moveTo(x,yposition);
perouter.visibility="show";
}
if(IE4||NS6){
perouter.style.left=x+'px';
perouter.style.top=yposition+'px';
perouter.style.visibility="visible";
}}
function dispbars(){
loaded++;
cliplayer(perdone, 0, blocksize*loaded, barheight, 0);
if(loaded>=imagenames.length)setTimeout('hideperouter()', 800);
}
function checkload(index){
(images[index].complete)? dispbars() : setTimeout('checkload('+index+')', 100);
}
function hideperouter(){
(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
imagesdone=true;
}
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+')';
}