var screenW = 1024;
var screenH = 768;
var botH = 100;
var topH = 100;
var loadedCount = 0;
var imageArr = new Array();
var imageSrc = new Array();

function preloadImages() {
 for (i=0;i<imageSrc.length;i++) {
  imageArr[i] = new Image();
  imageArr[i].src = imageSrc[i];
  imageArr[i].nm = i;
  if (imageArr[i].complete)
   loadedPic(this.nm);
  else
   imageArr[i].onload = function() { loadedPic(this.nm); };
 }
}

function loadedPic(nm) {
 loadedCount++;
 if (loadedCount == imageSrc.length) {
  initSite();
 } else {
  tmpPerc = Math.round(loadedCount / imageSrc.length * 100);
  document.getElementById('percLoaded').innerHTML = tmpPerc;
  tmpL = Math.round(tmpPerc / 100 * (screenW - 300));
  document.getElementById('percSlider').style.left = tmpL + 'px';
 }
}

function initSite() {
 if (window.innerWidth) {
  screenW = window.innerWidth;
  screenH = window.innerHeight;
 } else if (document.body.offsetWidth) {
  screenW = document.body.offsetWidth;
  screenH = document.body.offsetHeight;
 }

 document.getElementById('tLogo').innerHTML = '<a href="gallery.php"><img src="images/logo.gif" border="0"></a>';
 document.getElementById('loaderBar').style.visibility = 'hidden';
 document.getElementById('percSlider').style.visibility = 'hidden';

 o = document.getElementById('footer');
 tmpTop = screenH - botH;
 o.style.top = tmpTop + 'px';
 o.width = screenW;
 o.style.visibility = 'visible';
}

function startPreload() {
 if (window.innerWidth) {
  screenW = window.innerWidth;
  screenH = window.innerHeight;
 } else if (document.body.offsetWidth) {
  screenW = document.body.offsetWidth;
  screenH = document.body.offsetHeight;
 }

 o = document.getElementById('percSlider');
 tmpTop = Math.round(document.getElementById('tLogo').offsetTop + 150);
 o.style.top = tmpTop + 'px';
 o.style.left = '10px';
 o.style.visibility = 'visible';

 o = document.getElementById('loaderBar');
 o.style.top = tmpTop + 'px';
 o.width = screenW;
 o.style.left = '0px';
 
 preloadImages();
}


function initContact() {
 if (window.innerWidth) {
  screenW = window.innerWidth;
  screenH = window.innerHeight;
 } else if (document.body.offsetWidth) {
  screenW = document.body.offsetWidth;
  screenH = document.body.offsetHeight;
 }


 if (document.getElementById('contentHolder')) {
  bodyH = document.getElementById('contentHolder').offsetHeight + 32;
  if (bodyH > screenH)
   screenH = bodyH;
 }

 o = document.getElementById('footer');
 tmpTop = screenH - botH;
 o.style.top = tmpTop + 'px';
 o.style.visibility = 'visible';
}
