// 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=['sites/Images/arr.gif', 'sites/Images/arr1.gif', 'sites/Images/arr2.gif', 'sites/Images/arrow.gif', 'sites/Images/diakonie.gif', 'sites/Images/diakonie_gross.gif', 'sites/Images/disytec.jpg', 'sites/Images/dummy.gif', 'sites/Images/dummyschwarz.gif', 'sites/Images/dummy_grau.gif', 'sites/Images/dummy_ws.gif', 'sites/Images/haken.gif', 'sites/Images/img01.jpg', 'sites/Images/img02.jpg', 'sites/Images/img03.jpg', 'sites/Images/img04.jpg', 'sites/Images/img05.jpg', 'sites/Images/img06.jpg', 'sites/Images/img07.jpg', 'sites/Images/import.gif', 'sites/Images/line.gif', 'sites/Images/logo.gif', 'sites/Images/logo.jpg', 'sites/Images/portal.png', 'sites/Images/search.gif', 'sites/Images/spacer.gif', 'sites/Images/start.jpg', 'sites/Images/stellenangebote.png', 'sites/Images/title.gif', 'sites/Images/voip.jpg', 'sites/Images/voip_usb.jpg', 'sites/Images/buttons/abbrechen.gif', 'sites/Images/buttons/addnew.gif', 'sites/Images/buttons/anlegen.gif', 'sites/Images/buttons/anzeigen.gif', 'sites/Images/buttons/bearbeiten.gif', 'sites/Images/buttons/cancel.gif', 'sites/Images/buttons/dateiloeschen.gif', 'sites/Images/buttons/delete.gif', 'sites/Images/buttons/durchsuchen.gif', 'sites/Images/buttons/edit.gif', 'sites/Images/buttons/eintragen.gif', 'sites/Images/buttons/loeschen.gif', 'sites/Images/buttons/ok.gif', 'sites/Images/buttons/save.gif', 'sites/Images/buttons/senden.gif', 'sites/Images/buttons/upload.gif'];

var yposition     = 220;                   // POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
var loadedcolor   = '#AAAAAA' ;           // PROGRESS BAR COLOR
var unloadedcolor = 'lightgrey';          // BGCOLOR OF UNLOADED AREA
var barheight     = 10;                   // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 20)
var barwidth      = 180;                  // WIDTH OF THE BAR IN PIXELS
var bordercolor   = 'black';              // COLOR OF THE BORDER
var intSize       = '164';
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();
//alert("Images loaded successfully");
document.location.href = 'sites/menu/default.asp?ID=1';
}

//*****************************************************//
//**********  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);
        }
}