// JavaScript Document
<!-- hide

  var browserOK = false;
  var pics;

// -->


function changeColour(gString, reqMode, targetBag)
{
	if (targetBag == 1) {
		var bg = document.getElementById('bagcolour1');
		var hbg = document.getElementById('handlecolour1');
		var txtT = document.getElementById('lblTextColour1');
		var txtB = document.getElementById('lblBagColour1');
	} else {
		var bg = document.getElementById('bagcolour2');
		var hbg = document.getElementById('handlecolour2');
		var txtB = document.getElementById('lblBagColour2');
	}
	var reqColour = gString.slice(0, 7);
	var reqName = gString.slice(7);
	if (reqMode == 'bag') {
		bg.style.backgroundColor = reqColour;
		hbg.style.background = reqColour;	
		txtB.innerHTML = reqName;
	}
	else {
		bg.style.color = reqColour;
		txtT.innerHTML = reqName;	
	}
}
												
//check or uncheck all the checkboxes

// Function does a show/hide attribute for tables.
// The first argument is the id of an image tag which controls the showing and hiding.
// The 2nd argument is a table, row or column which is hidden or not.
// sType is either "table", "tr" or "td" - if blank, then something else 

function ShowHide(Hider, Hidee, sType)
{
    var objBtn = document.getElementById(Hider);
    var objItem= document.getElementById(Hidee);

    if (objBtn.title == 'Show')
    {
		if(navigator.appName == "Microsoft Internet Explorer"){
	        objItem.style.display = 'block';
		}
		else
    	{ 	
			switch (sType)
			{
				case "table":		
					objItem.style.display = 'table';
					break;
				case "tr":
					objItem.style.display = 'table-row';
					break;
				case "td":
					objItem.style.display = 'table-cell';
					break;
				default:
					objItem.style.display = 'inline';
					break;
			}
		}
        objBtn.title = 'Hide';
    }
    else
    {
        objItem.style.display = 'none';
        objBtn.title = 'Show';
    }
}