var DHTML = (document.getElementById || document.all || document.layers);

function objExists(name) {
  if ((document.getElementById) && (document.getElementById(name))) {
	return true;
  } else if ((document.all) && (document.all[name])) {
	return true;
  } else if ((document.layers) && (document.layers[name])) {
	return true;
  } else
  	return false;
}


function getObj(name) {
  if (document.getElementById) {
  		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
  } else if (document.all) {
		this.obj = document.all[name];
		this.style = document.all[name].style;
  } else if (document.layers) {
   		this.obj = document.layers[name];
   		this.style = document.layers[name];
  }
}

function switchImage(whichid) {
	if (!DHTML) return;
	imagesrc = document.images[whichid].src;
	if (imagesrc.indexOf("Open")!=-1) {
		document.images[whichid].src = imagePath + "roundButtonClosed.gif";
	} else {
		document.images[whichid].src = imagePath + "roundButtonOpen.gif";
	}
	updateToggleAll();
}

function hidestyle(whichid, justhide) {
if (!DHTML) return;
mainobject = new getObj(whichid);
//lineobject = new getObj(whichid + '_line');
	if (mainobject.style.display=='none' && justhide!=1){
		mainobject.style.display='';
		//lineobject.style.display='';
	} else {
		mainobject.style.display='none';
		//lineobject.style.display='none';
	}
}

function hideTable() {
  innovative_detail.style.display='none';
  complementary_detail.style.display='none';
  recommended_detail.style.display='none';
  dimensions_detail.style.display='none';
}

function hideAll() {	

	var trs = document.getElementsByTagName('tr');
	for (var i=0,len=trs.length;i<len;i++){
		if (trs[i].className=='detrow') {
			trs[i].style.display='none';
		}
	}
	
}

function updateToggleAll() {
	toggleText = new getObj("toggleAllText");
	toggleImg = new getObj("toggleAllImg");
	
	if (anyOpen()) {
		toggleText.obj.innerHTML = "Hide all";
		toggleImg.obj.src = imagePath + "arrowup.gif";
	} else {
		toggleText.obj.innerHTML = "Show all";
		toggleImg.obj.src = imagePath + "arrowdown.gif";
	}
}

function toggleAll(evt) {
	if (!DHTML) return;
	if (evt==null && window.event) evt=event;
	if (anyOpen()) {
		closeAllImages();
		hideAll(evt);
	} else {
		objectnamearray = new Array("popular", "care", "complementary", "recommended", "innovative", "dimensions");
		for (var i=0; i<objectnamearray.length; i++){
				if (objExists(objectnamearray[i]+'_detail')) {
					hidestyle(objectnamearray[i]+"_detail");
					switchImage(objectnamearray[i] + "_image");
				}
		}
	}
	updateToggleAll();
}

function anyOpen() {
	if (!DHTML) return;

	objectnamearray = new Array("popular", "care", "complementary", "recommended", "innovative", "dimensions");
	for (var i=0; i<objectnamearray.length; i++){
		if (objExists(objectnamearray[i]+'_detail')) {
			imageID = objectnamearray[i] + "_image";
			imagesrc = document.images[imageID].src;
			if (imagesrc.indexOf("Open")!=-1) 
				return true;
		}
	}
	return false;
}

function closeAllImages() {
	if (!DHTML) return;

	objectnamearray = new Array("popular", "care", "complementary", "recommended", "innovative", "dimensions");
	for (var i=0; i<objectnamearray.length; i++){
		if (objExists(objectnamearray[i]+"_detail")) {
			imageID = objectnamearray[i] + "_image";
			imagesrc = document.images[imageID].src;
			if (imagesrc.indexOf("Open")!=-1) 
				document.images[imageID].src = imagePath + "roundButtonClosed.gif";
		}
	}
}