// 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("images/start.jpg", "images/illu.jpg", "images/logo.jpg", "images/vonhey_contact.jpg", "images/vonhey_stores.jpg", "images/press/maxi00.jpg", "images/press/maxi00_thumb.jpg", "images/press/maxi00_zoom.jpg", "images/press/maxi01.jpg", "images/press/maxi01_thumb.jpg", "images/press/maxi01_zoom.jpg", "images/press/welt00-zoom.jpg", "images/press/welt00.jpg", "images/press/welt00-thumb.jpg", "images/press/welt01-zoom.jpg", "images/press/welt01.jpg", "images/press/welt01-thumb.jpg", "images/collection/amy_brown.jpg", "images/collection/coco_white.jpg", "images/collection/peaches_white.jpg", "images/collection/elodie_electric_blue.jpg", "images/collection/elodie_pink.jpg", "images/collection/elodie_green.jpg", "images/collection/hannah_gold.jpg", "images/collection/valerie_black.jpg", "images/collection/skully3000_white.jpg", "images/collection/skully3000_pink.jpg", "images/collection/skully_red.jpg", "images/collection/skully_black.jpg", "images/collection/midas_moss.jpg", "images/collection/midas_caramel.jpg", "images/collection/midas_russian_green.jpg", "images/collection/holly_rose.jpg", "images/collection/holly_plum.jpg", "images/collection/ella_coral.jpg", "images/collection/ella_caramel.jpg", "images/collection/eliza_mauve.jpg", "images/collection/eliza_avocado.jpg", "images/collection/diane_pink.jpg", "images/collection/diane_teal.jpg", "images/collection/shanti_black.jpg", "images/collection/shanti_orange.jpg", "images/collection/yves_plum.jpg", "images/collection/yves_pink.jpg", "images/collection/amy_avocado.jpg", "images/collection/amy_cranberry.jpg", "images/collection/ella_light_blue.jpg", "images/collection/ella_mauve.jpg","images/collection/ella_navy.jpg", "images/collection/ella_beige.jpg", "images/collection/juli_black.jpg", "images/collection/sandy_gold.jpg", "images/collection/bliss_red.jpg", "images/collection/bliss_black.jpg", "images/collection/eliza_olive.jpg", "images/collection/yves_violet.jpg", "images/collection/frida_ruby.jpg", "images/collection/holly_violet.jpg", "images/collection/karl_black.jpg", "images/collection/midas_grey.jpg", "images/collection/midas_violet.jpg", "images/collection/midas_turquoise.jpg", "images/collection/nina_black.jpg", "images/collection/chloe_white.jpg", "images/collection/anouck_coral.jpg", "images/collection/celine_gold.jpg", "images/collection/diane_beige.jpg", "images/collection/diane_lemon.jpg", "images/collection/diane_shocking_pink.jpg", "images/collection/dreamer_light_blue.jpg", "images/collection/eliza_beige.jpg", "images/collection/ella_green.jpg", "images/collection/ella_jade.jpg", "images/collection/ella_moss.jpg", "images/collection/ella_orange.jpg", "images/collection/ella_pink.jpg", "images/collection/ella_rose.jpg", "images/collection/ella_violet.jpg", "images/collection/hearty_yellow.jpg", "images/collection/kristina_grey.jpg", "images/collection/midas_electric_blue.jpg", "images/collection/midas_mango.jpg", "images/collection/moony_gold.jpg", "images/collection/phoebe_gold.jpg", "images/collection/salsa_gold.jpg", "images/collection/stella_seafoam.jpg", "images/collection/take_multicoloured.jpg", "images/collection/trinity_gold.jpg", "images/collection/wilma_turquoise.jpg", "images/collection/yves_pool.jpg");

var yposition		= 5;		//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		= 148;		// WIDTH OF THE BAR IN PIXELS  
var bordercolor		= 'gray';	// 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"width="150">' : '<div id="perouter" style="position:absolute; visibility:hidden; background-color:black; width:150px;">';
txt+='<table cellpadding="0" cellspacing="1" border="0" width="150"><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);

var checkPRE 	= getCookie("COLPRE");

function loadimages(){
	if (checkPRE != 1){	
		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);}
			
		document.cookie = "COLPRE=1; expires="+cookie_verfall(1, 2);
		}
	}
	
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+')';
}
//window.onload=loadimages;
	
	
	
	
function cookie_verfall(tage, stunden) { 
  var jetzt = new Date(); 
  var zeit = jetzt.getTime(); 
  var zukunft = zeit + (((tage * 24) + stunden) * 3600 * 1000);
  jetzt.setTime(zukunft); 
  var haltbarkeit = jetzt.toUTCString(); 
  return haltbarkeit; 
}

function getCookie(name){
   var i=0  //Suchposition im Cookie
   var suche = name+"="
   while (i<document.cookie.length){
      if (document.cookie.substring(i, i+suche.length)==suche){
         var ende = document.cookie.indexOf(";", i+suche.length)
         ende = (ende>-1) ? ende : document.cookie.length
         var cook = document.cookie.substring(i+suche.length, ende)
         return unescape(cook)
      }
      i++
   }
   return null
}