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

function getObjNN4(obj,name)
{
	var x = obj.layers;
	var foundLayer;
	for (var i=0;i<x.length;i++)
	{
		if (x[i].id == name)
		 	foundLayer = x[i];
		else if (x[i].layers.length)
			var tmp = getObjNN4(x[i],name);
		if (tmp) foundLayer = tmp;
	}
	return foundLayer;
}

function changeParentObj(name, strChange) {
    var x = new getParentObj(name);
  
    // the HTML element is accessed using the .obj property
    // styles of the HTML element are accessed using the .style property, 
    //  as it is used when accessing styles with document.all and document.getElementById
    //  so it was left out of this function, and needs to be specified as part of strChange 
    var y = (strChange.indexOf('style') == -1) ? 'obj.' : '';
    if (document.layers) {
      strChange.replace('/style/','');
    }
    eval('x.' + y + strChange);
}

function hideFaqs() {
  changeParentObj('internetFAQ1', "style.display = 'none'");
  changeParentObj('internetFAQ2', "style.display = 'none'");
  changeParentObj('internetFAQ3', "style.display = 'none'");
  changeParentObj('internetFAQ4', "style.display = 'none'");
  changeParentObj('internetFAQ5', "style.display = 'none'");
  changeParentObj('telephonyFAQ1', "style.display = 'none'");
  changeParentObj('telephonyFAQ2', "style.display = 'none'");
  changeParentObj('telephonyFAQ3', "style.display = 'none'");
  changeParentObj('telephonyFAQ4', "style.display = 'none'");
  changeParentObj('telephonyFAQ5', "style.display = 'none'");
  changeParentObj('talkBroadbandFAQ1', "style.display = 'none'");
  changeParentObj('talkBroadbandFAQ2', "style.display = 'none'");
  changeParentObj('talkBroadbandFAQ3', "style.display = 'none'");
  changeParentObj('talkBroadbandFAQ4', "style.display = 'none'");
  changeParentObj('talkBroadbandFAQ5', "style.display = 'none'");
}

function faqDisplay(faqId) {
  var faq = new getParentObj(faqId);
  if (faq.style.display == 'none') { 
    faq.style.display = 'block';
  } else faq.style.display = 'none';
}

function changeSelectCategory(selectId) {
  var selectBox = document.getElementById(selectId);

  switch (selectBox[selectBox.selectedIndex].value) {
    // Departmental enquiry types
    case 'telephony':
      parent.document.getElementById('telephonyFAQs').style.display = 'block';    
      parent.document.getElementById('internetFAQs').style.display = 'none';
	  parent.document.getElementById('talkBroadbandFAQs').style.display = 'none'; 
      break;
    case 'internet':
      parent.document.getElementById('telephonyFAQs').style.display = 'none';    
      parent.document.getElementById('internetFAQs').style.display = 'block';
	  parent.document.getElementById('talkBroadbandFAQs').style.display = 'none'; 
      break;
	case 'talkBroadband':
      parent.document.getElementById('telephonyFAQs').style.display = 'none';    
      parent.document.getElementById('internetFAQs').style.display = 'none';
	  parent.document.getElementById('talkBroadbandFAQs').style.display = 'block'; 
      break;
    case '':
      parent.document.getElementById('telephonyFAQs').style.display = 'none';    
      parent.document.getElementById('internetFAQs').style.display = 'none';
	  parent.document.getElementById('talkBroadbandFAQs').style.display = 'none'; 
      break;
  }
}