function hideLayer(layerid) {
  var layer;
  if (document.getElementById && ((layer = document.getElementById(layerid)) != null)) {
	//layer.style.position = "absolute";
   	//layer.style.visibility = "hidden";
   	layer.style.display = "none";
	hideImage(layerid);
  }
}

function showLayer(layerid) {
  var layer;
  if (document.getElementById && ((layer = document.getElementById(layerid)) != null)) {
	//layer.style.position = "relative";
	//layer.style.visibility = "visible";		 
	layer.style.display = "block";
	showImage(layerid);
  }
}

function hideImage(layerid){ 
    var imgref;
	if ((imgref = document.getElementById('img'+layerid)) != null ) {
		imgref.src = "images/design/plus.gif";
		imgref.title = "Show Details";
	}
}

function showImage(layerid){ 
    var imgref;
	if ((imgref = document.getElementById('img'+layerid)) != null ) {
		imgref.src = "images/design/minus.gif";
		imgref.title = "Hide Details";
	}
}


function ToggleDetails(layerName) {
	var layer;
	if (document.getElementById && ((layer = document.getElementById(layerName)) != null)) {
		if (layer.style.display == "block") {
			hideLayer(layerName);
		}else{
			showLayer(layerName);
		}
	}
}

function ShowAllDetails() {
 for (i=1;i <= NumRows; i++) {
  layerid = 'ShoppingCartContents' + i;
  showLayer(layerid);
 }
}

function HideAllDetails() {
 for (i=1;i <= NumRows; i++) {
  layerid = 'ShoppingCartContents' + i;
  hideLayer(layerid);
 }
}