// runs preloader
xsPreloader();



// adds stylesheet
function xsAddCSS(stylesheet, media)
{

  if (typeof(media) == 'undefined') media = 'screen';

  var css = document.createElement('link');
  css.type = 'text/css';
  css.rel = 'stylesheet';
  css.href = '/x-is/layout/css/miscs/' + stylesheet + '.css';
  css.media = media;
  document.getElementsByTagName('head')[0].appendChild(css);

}



// fades page in
function xsFadePage()
{

  var page = document.getElementById('page');

  if (xsOpacity(page) == 100) {

    var input = document.getElementById('iUsername');
    if (input != null) input.focus();

  } else {

    window.setTimeout(xsFadePage, 100);

  }

}



// fades preloader out
function xsFadePreloader()
{

  var preloader = document.getElementById('preloader');

  if (xsOpacity(preloader) == 0) {

    preloader.style.display = 'none';

    var links = document.getElementsByTagName('link');
    links[links.length - 1].disabled = true;

    var page = document.getElementById('page');

    xsSetOpacity(page, 0);
    xsFadeIn(page.id, 25);
    xsFadePage();

  } else {

    window.setTimeout(xsFadePreloader, 100);

  }

}



// makes page vertically align
function xsVerticalAlignment(object)
{

  // checks browser
  var browser = navigator.appName;
  var NS = browser == 'Netscape' ? true : false;
  NS = !document.all || window.opera ? true : false;
  var FF = navigator.userAgent.indexOf('Firefox') != -1 ? true : false;

  // set inner dimensions
  var innerHeight = NS ? window.innerHeight : document.documentElement.clientHeight;

  // set vertically alignment
  if (object.offsetHeight < innerHeight) {

    var margin = Math.round((innerHeight - 390) / 2);
    object.style.marginTop = margin + 'px';

  }

}



// runs scrips
function xsShowPage()
{

  var page = document.getElementById('page');

  if (page != null) {

    xsVerticalAlignment(page);

    xsHidePreloader();

  } else {

    window.setTimeout(xsShowPage, 100);

  }

}



// runs script after body is loaded
window.onload = xsShowPage;