function Is() {
  agent      = navigator.userAgent.toLowerCase();
  this.major = parseInt(navigator.appVersion);
  this.minor = parseFloat(navigator.appVersion);
  this.ns    = ((agent.indexOf('mozilla')   != -1) &&
               (agent.indexOf('spoofer')    == -1) &&
               (agent.indexOf('compatible') == -1) &&
               (agent.indexOf('opera')      == -1) &&
               (agent.indexOf('webtv')      == -1) &&
               (agent.indexOf('hotjava')    == -1));
  this.ns2   = (this.ns && (this.major      ==  2));
  this.ns3   = (this.ns && (this.major      ==  3));
  this.ns4   = (this.ns && (this.major      ==  4));
  this.ns6   = (this.ns && (this.major      >=  5));

  this.ie    = ((agent.indexOf("msie")      != -1) &&
               (agent.indexOf("opera")      == -1));
  this.ie4   = (this.ie && (this.major      ==  4) &&
               (agent.indexOf("msie 4")     != -1));
  this.ie5   = (this.ie && (this.major      ==  4) &&
               (agent.indexOf("msie 5.")    != -1) &&
               (agent.indexOf("msie 5.5")   == -1) &&
               (agent.indexOf("mac")        == -1));
  this.iem5  = (this.ie && (this.major      ==  4) &&
               (agent.indexOf("msie 5.")    != -1) &&
               (agent.indexOf("mac")        != -1));
  this.ie55  = (this.ie && (this.major      ==  4) &&
               (agent.indexOf("msie 5.5")   != -1));
  this.ie6   = (this.ie && (this.major      ==  4) &&
               (agent.indexOf("msie 6.")    != -1));

  this.nsx   = (this.ns4 || this.ns6);
  this.iex   = (this.ie4 || this.ie5  || this.iem5 || this.ie55 || this.ie6);
  this.dom   = (this.ie5 || this.iem5 || this.ie55 || this.ie6  || this.ns6);
}

var is = new Is();

if(is.ns4) {
  doc = "document[";
  sty = "]";
  htm = "].document"
} else if(is.ie4) {
  doc = "document.all[";
  sty = "].style";
  htm = "].document";
} else if(is.dom) {
  doc = "document.getElementById(";
  sty = ").style";
  htm = ")";
}

var count = 0;

function preLoad() {
  LogoImg = new Image();
  LogoImg.onload = loadCheck;
  LogoImg.src = "Images/Logo1.jpg";

  IdealImg = new Image();
  IdealImg.onload = loadCheck;
  IdealImg.src = "Images/IdealC.jpg";

}

function loadCheck() {
  count++;
  if(count == 2) {
    arraySetup();
  }
}

function arraySetup() {
  available_width  = (is.iex) ? document.body.clientWidth  : innerWidth;
  available_height = (is.iex) ? document.body.clientHeight : innerHeight;

  doleLyr = eval(doc + '"dole"' + sty);
  var sirina = 1100;
  if (res800) sirina = 780;
  if (res1024) sirina = 950;
  var visina = 100;
  if (res800) visina = 10;
  if (res1024) visina = 120;
  doleLyr.width = sirina;
  doleLyr.height = visina;
  doleLyr.left = (available_width - sirina) / 2;
  doleLyr.top = available_height - visina;
  doleLyr.visibility  = "visible";
  layerSetup();
}

function layerSetup() {
 
  LogoObj = eval(doc + '"LogoLayer"' + sty);
  LogoObj.left = -parseInt(LogoObj.width);
  LogoObj.top = 10;

  IdealObj = eval(doc + '"IdealLayer"' + sty);
  IdealObj.left = available_width;
  IdealObj.top = parseInt(LogoObj.height)+30;

  LogoObj.visibility = "visible";
  IdealObj.visibility = "visible";
  
  if (available_width > parseInt(LogoObj.width)) {
  	x1Stop = (available_width - parseInt(LogoObj.width)) / 2;
  } else {
  	x1Stop = 0;
  }
  if (available_width > parseInt(IdealObj.width)) {
  	x2Stop = (available_width - parseInt(IdealObj.width)) / 2;
  } else {
  	x2Stop = 0;
  }
  animateLayers();
}

function animateLayers() {
  var x1_pos = parseInt(LogoObj.left);
  var x2_pos = parseInt(IdealObj.left);
  var moveLogo = false;
  var moveIdeal = false;
  if (x1_pos < x1Stop) moveLogo = true;
  if (x2_pos > x2Stop) moveIdeal = true;
  if (moveLogo) {
    LogoObj.left = x1_pos + 2;
  }
  if (moveIdeal) {
    IdealObj.left = x2_pos - 2;
  }
  if (moveLogo || moveIdeal) {
    setTimeout("animateLayers()", 0);
  }
}
