// THE FOLLOWING IS FOR THE MOVING PANELS

var w = 20;
var t;
var p = "q";
var x1 = 870;
var y = 450;
var q = 5;
var f = 0;
var g = 0;
var h = 40;
var v = 290;
var n = 0;
var o = 0;
var m = 0;

function changewidth(){
 if(x1>870&&f==0){f=1;return;}
 if(x1<0&&f==1){f=0;return;}
 if(f)q=-15;if(!f)q=15;x1=x1+q;
 e=document.getElementById('nav');
 e.style.width = x1 + 'px';
 t=setTimeout("changewidth();",0);
}

function changeheight(){
 if(y>500&&g==0){g=1;return;}
 if(y<0&&g==1){g=0;return;}
 if(g)q=-15;if(!g)q=15;y=y+q;
 e=document.getElementById("s");
 e.style.height = y + 'px';
  t=setTimeout("changeheight();",0);
}

function wipe(){window.status= " ";} //erase status bar or give it a desired message here (between quotes)

// THE FOLLOWING IS FOR FADE

function FadeIn(img_id, sec)
{
var o = this;
var el = document.getElementById(img_id);
this.s = el.style;
this.sname =
'undefined' != typeof this.s['filter'] ?
'filter' :
'undefined' != typeof this.s['opacity'] ?
'opacity' :
'undefined' != typeof this.s['MozOpacity'] ?
'MozOpacity' :
'undefined' != typeof this.s['KhtmlOpacity'] ?
'KhtmlOpacity' : '';
this.is = 0;
this.chk = (/filter/.test(this.sname));
this.end = this.chk ? 100 : .99;
this.inc = this.chk ? 1 : .01;
this.intv = Math.round((sec * 1000) / 900);
this.timer = null;
this.set_opac = function(v)
{
if (this.sname)
{
this.s[this.sname] = (this.chk) ?
'alpha(opacity=' + v + ')' : '' + v;
}
}
this.fade_in = function()
{
this.timer = window.setInterval(
function()
{
o.set_opac(o.is += o.inc);
if (o.is >= o.end)
window.clearInterval(o.timer);
}, this.intv);
}
}

window.onunload = function()
{
window.clearInterval(x.timer);
window.clearInterval(xx.timer)
window.clearInterval(xxx.timer)
window.onload = null;
}

window.onload = function()
{
x = new FadeIn('logo1', 3);
xx = new FadeIn('logo2', 4);
xxx = new FadeIn('logo3', 5);
xxxx = new FadeIn('logo4', 6);
xxxxx = new FadeIn('logo5', 7);
xxxxxx = new FadeIn('logo6', 8);
xxxxxxx = new FadeIn('logo7', 9);
xxxxxxxx = new FadeIn('logo8', 10);
xxxxxxxxx = new FadeIn('logo9', 11);
xxxxxxxxxx = new FadeIn('logo10', 12);
xxxxxxxxxxx = new FadeIn('logo11', 13);
xxxxxxxxxxxx = new FadeIn('logo12', 14);
xxxxxxxxxxxxx = new FadeIn('logo13', 15);
xxxxxxxxxxxxxx = new FadeIn('logo14', 16);
xxxxxxxxxxxxxxx = new FadeIn('logo15', 17);
xxxxxxxxxxxxxxxx = new FadeIn('logo16', 18);
xxxxxxxxxxxxxxxxx = new FadeIn('logo17', 19);
xxxxxxxxxxxxxxxxxx = new FadeIn('logo18', 20);
xxxxxxxxxxxxxxxxxxx = new FadeIn('logo19', 21);

x.fade_in();
setTimeout('x.fade_in()', 500);
setTimeout('xx.fade_in()', 650);
setTimeout('xxx.fade_in()', 800);
setTimeout('xxxx.fade_in()', 950);
setTimeout('xxxxx.fade_in()', 1100);
setTimeout('xxxxxx.fade_in()', 1250);
setTimeout('xxxxxxx.fade_in()', 1400);
setTimeout('xxxxxxxx.fade_in()', 1550);
setTimeout('xxxxxxxxx.fade_in()', 1700);
setTimeout('xxxxxxxxxx.fade_in()', 1850);
setTimeout('xxxxxxxxxxx.fade_in()', 2000);
setTimeout('xxxxxxxxxxxx.fade_in()', 2150);
setTimeout('xxxxxxxxxxxxx.fade_in()', 2300); <!-- This is where the background image begins --->
setTimeout('xxxxxxxxxxxxxx.fade_in()', 2400);
setTimeout('xxxxxxxxxxxxxxx.fade_in()', 2500);
setTimeout('xxxxxxxxxxxxxxxx.fade_in()', 2600);
setTimeout('xxxxxxxxxxxxxxxxx.fade_in()', 2700); <!-- This is where the background image ends --->
setTimeout('xxxxxxxxxxxxxxxxxx.fade_in()', 700);
setTimeout('xxxxxxxxxxxxxxxxxxx.fade_in()', 700);
}