function init_2D()
{
  if(document.getElementById)
  {
    var x=document.getElementById('portcolchar').getElementsByTagName('IMG');
    var y=document.getElementById('portcolillus').getElementsByTagName('IMG');
    var z=document.getElementById('portcolsketch').getElementsByTagName('IMG');
  }
  else if(document.all)
  {
    var x=document.all['portcolchar'].all.tags('IMG');
    var y=document.all['portcolillus'].all.tags('IMG');
    var z=document.all['portcolsketch'].all.tags('IMG');
  }
  else return;
  
  var preloads_cs = new Object();
  var preloads_is = new Object();
  var preloads_ss = new Object();
  var preloads_cm = new Object();
  var preloads_im = new Object();
  var preloads_sm = new Object();
  var preloads_ct = new Array();
  var preloads_it = new Array();
  var preloads_st = new Array();
  
  preloads_ct['ConA']="Character Concept for the Aromaquist, Pencil on Paper";
  preloads_ct['SA']="Aromaquist Character, Ink on Paper";
  preloads_ct['ConMN']="Character Concept for Mr. Noble, Pencil on Paper";
  preloads_ct['SMN']="Mr. Noble Character, Ink on Paper";
  preloads_ct['NQ']="Quinton the Urban Ninja, Ink on Paper";

  preloads_it['CNQ']="Quinton the Urban Ninja, Pencil on Paper Colored in Adobe Photoshop";  
  preloads_it['B']="Sleeping in Socks, Pencil on Paper Colored in Adobe Photoshop";
  preloads_it['Bob']="Cyber Ferry Bob, Marker on Paper";
  preloads_it['Kiss']="Kissing, Pencil on Paper Colored in Adobe Photoshop";
  preloads_it['Back']="Woman's Back, Pencil and Chalk on Paper";
  preloads_it['Cap']="Man with Braids, Pencil on Paper";
  preloads_it['Sasha']="Man with Horns, Pencil on Paper";
  preloads_it['Woman']="Woman Reclining, Pencil and Chalk on Paper";
  
  preloads_st['Dance']="Gestural Pose One Minute";
  preloads_st['MR3']="Gestural Pose 45 Seconds, Pencil on Paper with Adobe Photoshop Filter";
  preloads_st['MS2']="Gestural Pose 45 Seconds, Pencil on Paper with Adobe Photoshop Filter";
  preloads_st['MS3']="Gestural Pose 45 Seconds, Pencil on Paper with Adobe Photoshop Filter";
  preloads_st['MST2']="Gestural Pose 45 Seconds, Pencil on Paper with Adobe Photoshop Filter";
  preloads_st['PS3']="Gestural Pose 45 Seconds, Pencil on Paper with Adobe Photoshop Filter";
  preloads_st['PT3']="Gestural Pose 45 Seconds, Pencil on Paper with Adobe Photoshop Filter";
  preloads_st['WS2']="Gestural Pose 45 Seconds, Pencil on Paper with Adobe Photoshop Filter";

  var i = 0;
 
  for(i=0; i<x.length; i++)
  {
    preloads_cs['n'+x[i].id] = new Image;
    preloads_cs['n'+x[i].id].src = 'icon/2d_char/Icon' + x[i].id + '.gif';
    preloads_cs['o'+x[i].id] = new Image;
    preloads_cs['o'+x[i].id].src = 'icon/2d_char/Icon' + x[i].id + '_RO.gif';
    preloads_cm[x[i].id] = new Image;
    preloads_cm[x[i].id].src = 'images/2d_char/' + x[i].id + 'Image.gif';
    
    x[i].onmouseover = function()
    {
      this.src=preloads_cs['o'+this.id].src;
      document.getElementById('midpic').src=preloads_cm[this.id].src;
      document.getElementById('midpicinfo').innerHTML=preloads_ct[this.id];
    }
    x[i].onmouseout = function()
    {
      this.src=preloads_cs['n'+this.id].src;
      document.getElementById('midpic').src='images/defaultmed.png';
      document.getElementById('midpicinfo').innerHTML='';
    }
  }
  
  for(i=0; i<y.length; i++)
  {
    preloads_is['n'+y[i].id] = new Image;
    preloads_is['n'+y[i].id].src = 'icon/2d_illus/Icon' + y[i].id + '.jpg';
    preloads_is['o'+y[i].id] = new Image;
    preloads_is['o'+y[i].id].src = 'icon/2d_illus/Icon' + y[i].id + '_RO.jpg';
    preloads_im[y[i].id] = new Image;
    preloads_im[y[i].id].src = 'images/2d_illus/' + y[i].id + 'Image.jpg';
    
    y[i].onmouseover = function()
    {
      this.src=preloads_is['o'+this.id].src;
      document.getElementById('midpic').src=preloads_im[this.id].src;
      document.getElementById('midpicinfo').innerHTML=preloads_it[this.id];
    }
    y[i].onmouseout = function()
    {
      this.src=preloads_is['n'+this.id].src;
      document.getElementById('midpic').src='images/defaultmed.png';
      document.getElementById('midpicinfo').innerHTML='';
    }
  }

  for(i=0; i<z.length; i++)
  {
    preloads_ss['n'+z[i].id] = new Image;
    preloads_ss['n'+z[i].id].src = 'icon/2d_sketch/Icon' + z[i].id + '.png';
    preloads_ss['o'+z[i].id] = new Image;
    preloads_ss['o'+z[i].id].src = 'icon/2d_sketch/Icon' + z[i].id + '_RO.png';
    preloads_sm[z[i].id] = new Image;
    preloads_sm[z[i].id].src = 'images/2d_sketch/' + z[i].id + 'Image.gif';
    
    z[i].onmouseover = function()
    {
      this.src=preloads_ss['o'+this.id].src;
      document.getElementById('midpic').src=preloads_sm[this.id].src;
      document.getElementById('midpicinfo').innerHTML=preloads_st[this.id];
    }
    z[i].onmouseout = function()
    {
      this.src=preloads_ss['n'+this.id].src;
      document.getElementById('midpic').src='images/defaultmed.png';
      document.getElementById('midpicinfo').innerHTML='';
    }
  }
}

function init_3D()
{
  if(document.getElementById)
  {
    var x=document.getElementById('portcolchina').getElementsByTagName('IMG');
    var y=document.getElementById('portcolgummi').getElementsByTagName('IMG');
    var z=document.getElementById('portcolstory').getElementsByTagName('IMG');
  }
  else if(document.all)
  {
    var x=document.all['portcolchina'].all.tags('IMG');
    var y=document.all['portcolgummi'].all.tags('IMG');
    var z=document.all['portcolstory'].all.tags('IMG');
  }
  else return;
  
  var preloads_cs = new Object();
  var preloads_gs = new Object();
  var preloads_ss = new Object();
  var preloads_cm = new Object();
  var preloads_gm = new Object();
  var preloads_sm = new Object();
  var preloads_ct = new Array();
  var preloads_gt = new Array();
  var preloads_st = new Array();
  
  preloads_ct['J']="City Across the River, Discreet 3D Studio Max";
  preloads_ct['WD']="Courtyard Under Water, Discreet 3D Studio Max";
  preloads_ct['WN']="Courtyard Under Water, Discreet 3D Studio Max";

  preloads_gt['Still01']="Maya Animation Still Frame";  
  preloads_gt['Still02']="Maya Animation Still Frame";  
  preloads_gt['Still03']="Maya Animation Still Frame";  
  preloads_gt['Still04']="Maya Animation Still Frame";  
  
  preloads_st['G01']="Pencil on Paper, Gummy Storyboard";
  preloads_st['G02']="Pencil on Paper, Gummy Storyboard";
  preloads_st['G03']="Pencil on Paper, Gummy Storyboard";
  preloads_st['G04']="Pencil on Paper, Gummy Storyboard";

  var i = 0;
 
  for(i=0; i<x.length; i++)
  {
    preloads_cs['n'+x[i].id] = new Image;
    preloads_cs['n'+x[i].id].src = 'icon/3d_china/Icon' + x[i].id + '.jpg';
    preloads_cs['o'+x[i].id] = new Image;
    preloads_cs['o'+x[i].id].src = 'icon/3d_china/Icon' + x[i].id + '_RO.jpg';
    preloads_cm[x[i].id] = new Image;
    preloads_cm[x[i].id].src = 'images/3d_china/' + x[i].id + 'Image.jpg';
    
    x[i].onmouseover = function()
    {
      this.src=preloads_cs['o'+this.id].src;
      document.getElementById('midpic').src=preloads_cm[this.id].src;
      document.getElementById('midpicinfo').innerHTML=preloads_ct[this.id];
    }
    x[i].onmouseout = function()
    {
      this.src=preloads_cs['n'+this.id].src;
      document.getElementById('midpic').src='images/defaultmed.png';
      document.getElementById('midpicinfo').innerHTML='';
    }
  }
  

  for(i=0; i<y.length; i++)
  {
    preloads_gs['n'+y[i].id] = new Image;
    preloads_gs['n'+y[i].id].src = 'icon/3d_still/Icon' + y[i].id + '.jpg';
    preloads_gs['o'+y[i].id] = new Image;
    preloads_gs['o'+y[i].id].src = 'icon/3d_still/Icon' + y[i].id + '_RO.jpg';
    preloads_gm[y[i].id] = new Image;
    preloads_gm[y[i].id].src = 'images/3d_still/' + y[i].id + 'Image.jpg';
    
    y[i].onmouseover = function()
    {
      this.src=preloads_gs['o'+this.id].src;
      document.getElementById('midpic').src=preloads_gm[this.id].src;
      document.getElementById('midpicinfo').innerHTML=preloads_gt[this.id];
    }
    y[i].onmouseout = function()
    {
      this.src=preloads_gs['n'+this.id].src;
      document.getElementById('midpic').src='images/defaultmed.png';
      document.getElementById('midpicinfo').innerHTML='';
    }
  }

  for(i=0; i<z.length; i++)
  {
    preloads_ss['n'+z[i].id] = new Image;
    preloads_ss['n'+z[i].id].src = 'icon/3d_story/Icon' + z[i].id + '.jpg';
    preloads_ss['o'+z[i].id] = new Image;
    preloads_ss['o'+z[i].id].src = 'icon/3d_story/Icon' + z[i].id + '_RO.jpg';
    preloads_sm[z[i].id] = new Image;
    preloads_sm[z[i].id].src = 'images/3d_story/' + z[i].id + 'Image.jpg';
    
    z[i].onmouseover = function()
    {
      this.src=preloads_ss['o'+this.id].src;
      document.getElementById('midpic').src=preloads_sm[this.id].src;
      document.getElementById('midpicinfo').innerHTML=preloads_st[this.id];
    }
    z[i].onmouseout = function()
    {
      this.src=preloads_ss['n'+this.id].src;
      document.getElementById('midpic').src='images/defaultmed.png';
      document.getElementById('midpicinfo').innerHTML='';
    }
  }
}


function toggle(element,onoff)
{
  var x = document.getElementById(element);
  if(onoff == "on")
  { x.style.visibility = "visible"; }
  else
  { x.style.visibility = "hidden"; }
}

function getObj(name)
{
  this.obj = document.getElementById(name);
  this.style = document.getElementById(name).style;
}

function setLyr(obj,lyr,on)
{
  var newX = findPosX(obj);
  var newY = findPosY(obj);
  var x = new getObj(lyr);

  newX += 3;
  newY += 25;
  x.style.left = newX + 'px';
  x.style.top = newY + 'px';
  
  if(on)
  { x.style.visibility = 'visible'; }
  else
  { x.style.visibility = 'hidden'; }
}

function findPosX(obj)
{
  var cur = 0;
  if(obj.offsetParent)
  {
    while(obj.offsetParent)
    {
      cur += obj.offsetLeft;
      obj = obj.offsetParent;
    }
  }
  else if(obj.x)
  {
    cur += obj.x;
  }
  return cur;
}

function findPosY(obj)
{
  var cur = 0;
  if(obj.offsetParent)
  {
    while(obj.offsetParent)
    {
      cur += obj.offsetTop;
      obj = obj.offsetParent;
    }
  }
  else if(obj.y)
  {
    cur += obj.y;
  }
  return cur;
}