function changesub(id) {
  var subid = 'bands_' + id;
  var lastsubid = 'bands_' + lastsub;
  var selected = 'face_' + id;
  var lastselected = 'face_' + lastsub;

  document.getElementById(lastsubid).style.display = 'none';
  document.getElementById(subid).style.display = 'block';
  document.getElementById(selected).className = 'selecteditem';
  document.getElementById(lastselected).className = 'deselecteditem';

  newpic = pics[id][0];
  changepic(newpic);

  lastsub = id;
}

function changepic(id) {
  var picid = 'watch_' + id;
  var lastpicid = 'watch_' + lastpic;
  var selected = 'strap_' + id;
  var lastselected = 'strap_' + lastpic;

  document.getElementById(lastpicid).style.display = 'none';
  document.getElementById(picid).style.display = 'block';
  document.getElementById(selected).className = 'selecteditem';
  document.getElementById(lastselected).className = 'deselecteditem';

  itemreq = 'title_watch_' + id;
  document.getElementById('itemreq').innerHTML = document.getElementById(itemreq).value;

  lastpic = id;
}

function showgroup(id) {
  var lastgroupname = 'maincol_' + lastgroup;
  var groupname = 'maincol_' + id;
  var lastselected = 'coll_' + lastgroup;
  var selected = 'coll_' + id;

  document.getElementById(lastgroupname).style.display = 'none';
  document.getElementById(groupname).style.display = 'block';
  document.getElementById(selected).className = 'selecteditem2';
  document.getElementById(lastselected).className = 'deselecteditem2';

  var sub = subs[id];

  changesub(sub);

  lastgroup = id;

}

function initpicker(sub,pic,grp) {

  var showgroup = 'maincol_' + grp;
  var selectedgroup = 'coll_' + grp;
  var showpic = 'watch_' + pic;
  var selectedpic = 'strap_' + pic;
  var showsub = 'bands_' + sub;
  var selectedsub = 'face_' + sub;

  document.getElementById(showsub).style.display = 'block';
  document.getElementById(selectedsub).className = 'selecteditem';
  document.getElementById(showpic).style.display = 'block';
  document.getElementById(selectedpic).className = 'selecteditem';
  document.getElementById(showgroup).style.display = 'block';
  document.getElementById(selectedgroup).className = 'selecteditem2';

  itemreq = 'title_watch_' + pic;
  document.getElementById('itemreq').innerHTML = document.getElementById(itemreq).value;

  lastsub = sub;
  lastpic = pic;
  lastgroup = grp;
}


// Copyright 2001, Aaron Boodman
// This code is public domain. Please use it for good, not evil.
/*
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
	document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
	window.attachEvent("onload", fnLoadPngs);
}

function fnLoadPngs() {
	var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
	var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);

	for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {
		if (itsAllGood && img.src.match(/\.png$/i) != null) {
			var src = img.src;
			var div = document.createElement("DIV");
			div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizing='scale')"
			div.style.width = img.width + "px";
			div.style.height = img.height + "px";
			div.style.position = img.style.position;
			div.style.marginLeft = img.style.marginLeft;
			div.style.marginTop = img.style.marginTop;
			div.style.zIndex = img.style.zIndex;
			div.style.borderLeft = '1px solid white';
			img.replaceNode(div);
		}
		img.style.visibility = "visible";
	}
}
*/