// Progressbar - Version 2.7
// 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.
// RELEASE INFO:
// V 2.5 - INITIAL RELEASE (CHANGES BEFORE THIS VERSION UNKNOWN)
// V 2.6 - CHANGED THE action() FUNCTION SO HIDING THE BAR IS SELECTABLE.
// v 2.7 - ADDED FUNCTIONALITY TO CONTROL WHEN YOU CLICK THE PROGRESSBAR.

var imagenames=
[
  'templates/Inspiration/img/shared/hintergrund_small.jpg' ,
  'templates/Inspiration/img/logo.jpg' ,
  'templates/Inspiration/img/navi/13801_h.jpg' ,
  'templates/Inspiration/img/navi/13858_n.jpg' ,
  'templates/Inspiration/img/navi/13885_n.jpg' ,
  'templates/Inspiration/img/navi/13912_n.jpg' ,
  'templates/Inspiration/img/navi/13939_n.jpg' ,
  'templates/Inspiration/img/navi/13966_n.jpg' ,
  'templates/Inspiration/img/navi/14052_n.jpg' ,
  'templates/Inspiration/img/navi/13993_n.jpg' ,
  'templates/Inspiration/img/blind.gif' ,
  'img/home/submitter.gif' ,
  'templates/Inspiration/img/blind.gif' ,
  'templates/Inspiration/img/company_name.gif' ,
  'templates/Inspiration/img/blind.gif' ,
  'img/blacktune.jpg' ,
  'templates/Inspiration/img/blind.gif' ,
];

var loadedcolor='#D7D7D7';        // PROGRESS BAR COLOR
var unloadedcolor='#000000';      // BGCOLOR OF UNLOADED AREA
var barheight=16;                 // HEIGHT OF PROGRESS BAR IN PIXELS
var barwidth=300;                 // WIDTH OF THE BAR IN PIXELS
var bordercolor='#FFFFFF';        // COLOR OF THE BORDER
var textColor='#5f5f5f';             // COLOR OF TEXT IN LOADING BAR
var textSize='10px';              // SIZE OF TEXT IN LOADING BAR
var textFont='verdana,arial,helvetica,sans-serif';           // FONT FAMILY OF TEXT IN LOADING BAR
var loadonce=false;               // IF THIS VALUE IS true THE BAR WILL NOT DISPLAY IF THE USER
                                  // RETURNS TO THE PAGE, SET TO false TO HAVE THE BAR REAPPEAR IF
                                  // THE USER RETURNS TO THE PAGE.

// 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
// HIDE THE BAR, BUT CAN BE CHANGED EASILY. TO CAUSE A REDIRECT, INSERT THE FOLLOWING
// LINE IN BETWEEN THE CURLY BRACES:
// document.location.href="http://www.redirect_page.html";
// JUST CHANGE THE ACTUAL PAGE IT "POINTS" TO.

var action=function()
{
   document.location.href="13801.html";
}
//   hidebar();
//   alert('Images done loading...');

// THE FUNCTION BELOW CONTAINS THE ACTION(S) TO TAKE PLACE IF THE USER
// CLICKS THE PROGRESSBAR. THIS CAN BE USED TO CANCEL THE PROGRESSBAR.
// IF YOU WISH NOTHING TO HAPPEN, SIMPLY REMOVE EVERYTHING BETWEEN THE CURLY BRACES.
// NOTE: EVEN THOUGH THE BAR IS HIDDEN, THE IMAGES ARE STILL BEING PRELOADED, UNLESS
// YOU MADE THE SCRIPT REDIRECT TO A DIFFERENT PAGE.

var clickBar=function()
{
}
//   hidebar();
//   alert('Progressbar cancelled.');
//   document.location.href="13801.html";

//*****************************************************//
//********  NO NEED TO EDIT BEYOND THIS POINT  ********//
//*****************************************************//

var NS4 = (document.layers)? true : false;
var IE4 = (document.all)? true : false;
var blocksize=(barwidth-2)/(imagenames.length);
barheight=Math.max(barheight,4);
var loaded=0;
var perouter=null;
var perdone=null;
var images=new Array();
var st=0;
var hidethebar=false;
var txt='';

if(NS4)
{
   txt+='<table cellspacing=0 cellpadding=0 border=0><tr><td>';
   txt+='<ilayer name="perouter" visibility="hide" height="'+barheight+'" width="'+barwidth+'">';
   txt+='<layer width="'+barwidth+'" height="'+barheight+'" bgcolor="'+bordercolor+'" top="0" left="0"></layer>';
   txt+='<layer width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+unloadedcolor+'" top="1" left="1"></layer>';
   txt+='<layer name="perdone" width="'+(barwidth-2)+'" height="'+(barheight-2)+'" bgcolor="'+loadedcolor+'" top="1" left="1"></layer>';
   txt+='<layer width="'+(barwidth-2)+'" height="'+(barheight-2)+'" top="1" left="1">';
   txt+='<table cellpadding=0 cellspacing=0 border=0 width="'+(barwidth-2)+'" height="'+(barheight-2)+'"><tr><td align="center" valign="middle">';
   txt+='<span style="color:'+textColor+'; font-size:'+textSize+'; font-family:'+textFont+'">Loading the Black Home</span>';
   txt+='</td></tr></table>';
   txt+='</layer>';
   txt+='</ilayer>';
   txt+='</td></tr></table>';
}
else
{
   txt+='<div id="perouter" style="position:relative; visibility:hidden; background-color:'+bordercolor+'; width:'+barwidth+'px; height:'+barheight+'px;">';
   txt+='<div style="position:absolute; top:1px; left:1px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; background-color:'+unloadedcolor+'; font-size:1px;"></div>';
   txt+='<div id="perdone" style="position:absolute; top:1px; left:1px; width:0px; height:'+(barheight-2)+'px; background-color:'+loadedcolor+'; font-size:1px;"></div>';
   txt+='<div style="position:absolute; top:2px; left:1px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; color:'+textColor+'; font-size:'+textSize+'; font-family:'+textFont+'; text-align:center; cursor:default">Loading the Black Home</div>';
   txt+='</div>';
}

document.write(txt);

//THIS FUNCTION BY MIKE HALL OF BRAINJAR.COM
function findlayer(name,doc){
var i,layer;
for(i=0;i<doc.layers.length;i++){
layer=doc.layers[i];
if(layer.name==name)return layer;
if(layer.document.layers.length>0)
if((layer=findlayer(name,layer.document))!=null)
return layer;
}
return null;
}

function loadimages()
{
   perouter=(NS4)?findlayer('perouter',document):(IE4)?document.all['perouter']:document.getElementById('perouter');
   perdone=(NS4)?perouter.document.layers['perdone']:(IE4)?document.all['perdone']:document.getElementById('perdone');

   if(NS4)
      perouter.captureEvents(Event.MOUSEUP);

   perouter.onmouseup=function()
   {
      hidethebar=true;
      clearTimeout(st);
      clickBar();
   }

   clipEl(perdone,0,0,barheight-2,0);

   if(NS4)
      perouter.visibility="show";
   else
      perouter.style.visibility="visible";

   for(n=0;n<imagenames.length;n++)
   {
      images[n]=new Image();
      images[n].src=imagenames[n];

      if(images[n].complete)
      {
         dispbars();
      }
      images[n].onload=dispbars;
      images[n].onerror=dispbars;
   }
}


function dispbars()
{
   loaded++;

   if(loaded<=imagenames.length)
   {
      clipEl(perdone, 0, blocksize*loaded, barheight-2, 0);
   }

   if(loaded>=imagenames.length && !hidethebar)
   {
      st=setTimeout('action()', 800);
   }
}

function hidebar(){
if(NS4)perouter.visibility="hide";
else perouter.style.visibility="hidden";
}

function clipEl(el, ct, cr, cb, cl)
{
   if(NS4)
   {
      el.clip.left=cl;
      el.clip.top=ct;
      el.clip.right=cr;
      el.clip.bottom=cb;
   }
   else
   {
      el.style.width=cr+'px';
   }
}

//CREDIS TO DYNAMICDRIVE FOR THE FUNCTION BELOW
function get_cookie(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;
}

window.onload=function(){
var okPB=false;
if (loadonce){
if(get_cookie("progB")==""){
okPB=true;
document.cookie="progB=yes";
}}
else okPB=true;
if(okPB)setTimeout('loadimages()',300);
}