var imgs	= new Array();

function newImage(arg) {
	rslt = new Image();
	rslt.src = arg;
	return rslt;
}

function preloadImages() {
	imgs[0] = newImage("images/menu1a.gif");
	imgs[1] = newImage("images/menu1b.gif");
	imgs[2] = newImage("images/menu2a.gif");
	imgs[3] = newImage("images/menu2b.gif");
	imgs[4] = newImage("images/menu3a.gif");
	imgs[5] = newImage("images/menu3b.gif");
	imgs[6] = newImage("images/menu4a.gif");
	imgs[7] = newImage("images/menu4b.gif");
}

function setImage(id, which) {
	document.getElementById(id).src = imgs[which].src;
}

function setSelectedMenu(id,style) {
  var el;

  if (el = document.getElementById(id)) {
  	el.className = style;
  }
}

var collapse = new Image();
collapse.src = "/images/collapse.gif";
var expand = new Image();
expand.src = "/images/expand.gif";

function setArticle(image, id) {
       var el;
       if (el = document.getElementById(id)) {
       	if (image.src == expand.src) {
       		image.src = collapse.src;
       		el.style.display = '';
       	} else {
       		image.src = expand.src;
       		el.style.display = 'none';
       	}
       }
}

function showArticle(id,visible) {
	var title;
	var el;

	if (title = document.getElementById('title_' + id)) {
		title.innerHTML = '<img src="' + (visible ? collapse.src : expand.src)
			+ '" id="img_' + id + '" width="13" style="vertical-align:middle" onClick="javascript:'
			+ 'setArticle(this,' + "'art_" + id + "'" + ')" />&nbsp;<span onClick="' 
			+ "javascript:setArticle(document.getElementById('img_" + id + "'),'art_" + id + "')"
			+ '">' + title.innerHTML + '</span>';
       if (el = document.getElementById('art_' + id)) {
       	if (visible) {
       		el.style.display = '';
       	} else {
       		el.style.display = 'none';
	}
       }
       }
}