// An interesting point, but IE reloads a background image every
// time the div is resized, so to avoid that, make all the slider
// components images (not divs) and resize the stretchy ones - that
// won't hurt because they're all size 1px wide ot high, so they get
// "stretched" as backgrounds anyway.
// the advantage is that we can now preload the skin images and just
// flip them on request - just like rollovers.

// set up the image name arrays for the skins

skinNames = ['dznr','rustic','spacecadet'];
skinImgs = ['cu','vu','vd','hl','hr','tp','bt','lf','rt','tl','tr','bl','br','vl','vr','ht','hb'];
skinArray = new Array();

// preload the skin images
for (y=0; y<skinImgs.length; y++) {
  skinArray[y] = new Array(skinNames.length);
  for (x=0; x<skinNames.length; x++) {
    skinArray[y][x] = new Image;
    skinArray[y][x].src = './skins/' + skinNames[x] + '/' + skinImgs[y] + '.gif';
  }
}
function skinIt(skinNum) {
  for (z=0; z<skinImgs.length; z++) {
    document.images[sliderObject[z].ID].src = skinArray[z][skinNum].src;
  }
  skinSelection=skinNum;
  // now flip the contents frame skin if we aren't initializing
 if (!(currSelection == 5)) {mainframe.skinIt(skinSelection);}
}

function skinMenu(state) {
  winObject[3].DHTML.top = ctop - 25;
  winObject[3].DHTML.left = cleft - 25;
  winObject[3].DHTML.visibility = (state==1) ? 'visible':'hidden';
}