CHOICES = 36;

function style01() {

if (document.all) {
  docObj='document.all.';
  styleObj='.style';
} else if (document.getElementById) {
  docObj="document.getElementById('";
  styleObj="').style";
} else if (document.layers) {
  docObj='document.';
  stylObj='';
}

onedom=eval(docObj + "one" + styleObj);
twodom=eval(docObj + "two" + styleObj);
threedom=eval(docObj + "three" + styleObj);
topbannerdom=eval(docObj + "topbanner" + styleObj);

topbannerdom.width=document.getElementById('two').offsetWidth;

if ( document.getElementById('two').offsetHeight > document.getElementById('three').offsetHeight ) {
  h = document.getElementById('two').offsetHeight;
} else {
  h = document.getElementById('three').offsetHeight;
}

h = Math.floor( h / 100 ) + 1;
onedom.height = h * 100 + "px";
twodom.height = h * 100 + "px";
threedom.height = h * 100 + "px";



document.write( "<div style=\"position: absolute; left: 0px; top: 0px;\">" );

for ( i = 0; i < h; i++ ) {
  j = Math.floor( Math.random() * CHOICES ) + 1;
  document.write( "<img src=\"tempsiteimages/side/" + j + ".gif\" height=\"100\" width=\"100\" style=\"float: left; clear:both;\">" );
}

document.write( "</div>\n" );
}

/*------------------------------------------------------------------------------------*/

function style02() {

if (document.all) {
  docObj='document.all.';
  styleObj='.style';
} else if (document.getElementById) {
  docObj="document.getElementById('";
  styleObj="').style";
} else if (document.layers) {
  docObj='document.';
  stylObj='';
}

onedom=eval(docObj + "one" + styleObj);
twodom=eval(docObj + "two" + styleObj);
threedom=eval(docObj + "three" + styleObj);
topbannerdom=eval(docObj + "topbanner" + styleObj);
watchingtitledom=eval(docObj + "watchingtitle" + styleObj);
watchingcontentdom=eval(docObj + "watchingcontent" + styleObj);
linkstitledom=eval(docObj + "linkstitle" + styleObj);
linkscontentdom=eval(docObj + "linkscontent" + styleObj);
ximarchivestitledom=eval(docObj + "ximarchivestitle" + styleObj);
ximarchivescontentdom=eval(docObj + "ximarchivescontent" + styleObj);
emailscontentdom=eval(docObj + "emailscontent" + styleObj);
emailstitledom=eval(docObj + "emailstitle" + styleObj);

watchingoffset = document.getElementById('listeningtitle').offsetHeight + document.getElementById('listeningcontent').offsetHeight;

watchingtitledom.top = "-" + watchingoffset + "px";
watchingcontentdom.top = "-" + watchingoffset + "px";

watchingoffset -= 25;

linkstitledom.top = "-" + watchingoffset + "px";
linkscontentdom.top = "-" + watchingoffset + "px";
ximarchivestitledom.top = "-" + watchingoffset + "px";
ximarchivescontentdom.top = "-" + watchingoffset + "px";

watchingoffset += document.getElementById('linkstitle').offsetHeight + document.getElementById('linkscontent').offsetHeight;
watchingoffset += document.getElementById('ximarchivestitle').offsetHeight + document.getElementById('ximarchivescontent').offsetHeight;
watchingoffset += 25;

emailscontentdom.top = "-" + watchingoffset + "px";
emailstitledom.top = "-" + watchingoffset + "px";

threedomheight = document.getElementById('three').offsetHeight;
threedomheight -= document.getElementById('watchingcontent').offsetHeight + document.getElementById('emailscontent').offsetHeight;

threedom.height = threedomheight + "px";
onedom.height = document.body.offsetHeight + "px";

onewidth = document.getElementById('one').offsetWidth;
h = document.getElementById('one').offsetHeight;

h = Math.floor( h / 100 ) + 1;
onedom.height = h * 100 + "px";



mleft = Math.floor( onewidth / 2 );

document.write( "<div style=\"position: absolute; width: 100px; height: " + ( h * 100 ) + "px; left: 50%; margin-left: -" + mleft + "px; top: 0px; background-color: white; z-index: 3;\">");
for ( i = 0; i < h; i++ ) {
  j = Math.floor( Math.random() * CHOICES ) + 1;
  document.write( "<img src=\"tempsiteimages/side/" + j + ".gif\" height=\"100\" width=\"100\" style=\"float: left; clear:both;\">" );
}
document.write( "</div>\n" );

document.write( "<div style=\"position: absolute; width: 100px; height: " + ( h * 100 ) + "px; left: 50%; margin-left: " + ( mleft - 100 ) + "px; top: 0px; background-color: white; z-index: 3;\">");
for ( i = 0; i < h; i++ ) {
  j = Math.floor( Math.random() * CHOICES ) + 1;
  document.write( "<img src=\"tempsiteimages/side/" + j + ".gif\" height=\"100\" width=\"100\" style=\"float: left; clear:both;\">" );
}
document.write( "</div>\n" );

document.write( "<div style=\"position: absolute; width: 100px; height: " + ( h * 100 ) + "px; left: 50%; margin-left: -" + mleft + "px; top: 0px; background-image: url('tempsiteimages/02/side.gif'); background-repeat: repeat-y; background-position: top right; z-index: 4;\">&nbsp;</div>\n" );
document.write( "<div style=\"position: absolute; width: 100px; height: " + ( h * 100 ) + "px; left: 50%; margin-left: " + ( mleft - 100 ) + "px; top: 0px; background-image: url('tempsiteimages/02/rightside.gif'); background-repeat: repeat-y; z-index: 4;\">&nbsp;</div>\n" );
}

/*------------------------------------------------------------------------------------*/

function style03() {

if (document.all) {
  docObj='document.all.';
  styleObj='.style';
} else if (document.getElementById) {
  docObj="document.getElementById('";
  styleObj="').style";
} else if (document.layers) {
  docObj='document.';
  stylObj='';
}

onedom=eval(docObj + "one" + styleObj);
twodom=eval(docObj + "two" + styleObj);
threedom=eval(docObj + "three" + styleObj);
topbannerdom=eval(docObj + "topbanner" + styleObj);
watchingtitledom=eval(docObj + "watchingtitle" + styleObj);
watchingcontentdom=eval(docObj + "watchingcontent" + styleObj);
linkstitledom=eval(docObj + "linkstitle" + styleObj);
linkscontentdom=eval(docObj + "linkscontent" + styleObj);
ximarchivestitledom=eval(docObj + "ximarchivestitle" + styleObj);
ximarchivescontentdom=eval(docObj + "ximarchivescontent" + styleObj);
emailscontentdom=eval(docObj + "emailscontent" + styleObj);
emailstitledom=eval(docObj + "emailstitle" + styleObj);
rantagetitledom=eval(docObj + "rantagetitle" + styleObj);
contentdom=eval(docObj + "content" + styleObj);
leftbannerdom=eval(docObj + "leftbanner" + styleObj);
navcontentdom=eval(docObj + "navcontent" + styleObj);
listeningcontentdom=eval(docObj + "listeningcontent" + styleObj);

navcontentdom.left = document.getElementById('navtitle').offsetLeft + document.getElementById('navtitle').offsetWidth + "px";
navcontentdom.top = document.getElementById('navtitle').offsetTop + "px";

listeningcontentdom.left = document.getElementById('listeningtitle').offsetLeft + document.getElementById('listeningtitle').offsetWidth + "px";
listeningcontentdom.top = document.getElementById('listeningtitle').offsetTop + "px";

watchingcontentdom.left = document.getElementById('watchingtitle').offsetLeft + document.getElementById('watchingtitle').offsetWidth + "px";
watchingcontentdom.top = document.getElementById('watchingtitle').offsetTop + "px";

linkscontentdom.left = document.getElementById('linkstitle').offsetLeft + document.getElementById('linkstitle').offsetWidth + "px";
linkscontentdom.top = document.getElementById('linkstitle').offsetTop + "px";

ximarchivescontentdom.left = document.getElementById('ximarchivestitle').offsetLeft + document.getElementById('ximarchivestitle').offsetWidth + "px";
ximarchivescontentdom.top = document.getElementById('ximarchivestitle').offsetTop + "px";

emailscontentdom.left = document.getElementById('emailstitle').offsetLeft + document.getElementById('emailstitle').offsetWidth + "px";
emailscontentdom.top = document.getElementById('emailstitle').offsetTop + "px";

document.getElementById('navtitle').onmouseover = 
  function omo( e ) {
    hidemall();
    navcontentdom.height = "auto";
    navcontentdom.zIndex = 2;
    navcontentdom.visibility = "visible";
  }
;

document.getElementById('listeningtitle').onmouseover = 
  function omo( e ) {
    hidemall();
    listeningcontentdom.height = "auto";
    listeningcontentdom.zIndex = 2;
    listeningcontentdom.visibility = "visible";
  }
;

document.getElementById('watchingtitle').onmouseover = 
  function omo( e ) {
    hidemall();
    watchingcontentdom.height = "auto";
    watchingcontentdom.zIndex = 2;
    watchingcontentdom.visibility = "visible";
  }
;

document.getElementById('linkstitle').onmouseover = 
  function omo( e ) {
    hidemall();
    linkscontentdom.height = "auto";
    linkscontentdom.zIndex = 2;
    linkscontentdom.visibility = "visible";

  }
;

document.getElementById('ximarchivestitle').onmouseover = 
  function omo( e ) {
    hidemall();
    ximarchivescontentdom.height = "auto";
    ximarchivescontentdom.zIndex = 2;
    ximarchivescontentdom.visibility = "visible";
  }
;

document.getElementById('emailstitle').onmouseover = 
  function omo( e ) {
    hidemall();
    emailscontentdom.height = "auto";
    emailscontentdom.zIndex = 2;
    emailscontentdom.visibility = "visible";
  }
;

document.getElementById('two').onmouseover =
  function omo( e ) {
    hidemall();
  }
;
leftbannerdom.backgroundImage = "url('../tempsiteimages/side/" + ( Math.floor( Math.random() * CHOICES ) + 1 ) + ".gif')";
contentdom.top = document.getElementById('rantagetitle').offsetHeight + 20 + "px";
}

function hidemall() {
    navcontentdom.height = "0px";
    navcontentdom.zIndex = -1;
    navcontentdom.visibility = "hidden";

    listeningcontentdom.height = "0px";
    listeningcontentdom.zIndex = -1;
    listeningcontentdom.visibility = "hidden";

    watchingcontentdom.height = "0px";
    watchingcontentdom.zIndex = -1;
    watchingcontentdom.visibility = "hidden";

    linkscontentdom.height = "0px";
    linkscontentdom.zIndex = -1;
    linkscontentdom.visibility = "hidden";

    ximarchivescontentdom.height = "0px";
    ximarchivescontentdom.zIndex = -1;
    ximarchivescontentdom.visibility = "hidden";

    emailscontentdom.height = "0px";
    emailscontentdom.zIndex = -1;
    emailscontentdom.visibility = "hidden";
}