// function switchDiv()
//  this function takes the id of a div
//  and calls the other functions required
//  to show that div
//
function switchDiv(div_id)
{
  var style_sheet = getStyleObject(div_id);
  if (style_sheet)
  {
    hideAll();
    changeObjectVisibility(div_id,"visible");
  }
  else 
  {
    alert("sorry, this only works in browsers that do Dynamic HTML");
  }
}

// function hideAll()
//  hides a bunch of divs
//
function hideAll()
{
   changeObjectVisibility("atr1","hidden");
   changeObjectVisibility("atr2","hidden");
   changeObjectVisibility("atr3","hidden");
}

// function getStyleObject(string) -> returns style object
//  given a string containing the id of an object
//  the function returns the stylesheet of that object
//  or false if it can't find a stylesheet.  Handles
//  cross-browser compatibility issues.
//
function getStyleObject(objectId) {
  // checkW3C DOM, then MSIE 4, then NN 4.
  //
  if(document.getElementById && document.getElementById(objectId)) {
        return document.getElementById(objectId).style;
   }
   else if (document.all && document.all(objectId)) {  
        return document.all(objectId).style;
   } 
   else if (document.layers && document.layers[objectId]) { 
        return document.layers[objectId];
   } else {
        return false;
   }
}

function changeObjectVisibility(objectId, newVisibility) {
    // first get a reference to the cross-browser style object 
    // and make sure the object exists
    var styleObject = getStyleObject(objectId);
    if(styleObject) {
        styleObject.visibility = newVisibility;
        return true;
    } else {
        // we couldn't find the object, so we can't change its visibility
        return false;
    }
}





//this one works ??

function toggleDiv(divid){
     if(document.getElementById(divid).style.display == 'none'){
       document.getElementById(divid).style.display = 'block';
     }else{
       document.getElementById(divid).style.display = 'none';
     }
   }
 
 function men(divid){
	document.getElementById('atr1').style.display = 'block';
    document.getElementById('atr2').style.display = 'none';
 document.getElementById('atr3').style.display = 'none';

 document.getElementById('attrib-2').name = 'id[2]';

document.getElementById('attrib-3').name = '';
 document.getElementById('attrib-4').name = '';

 
   }
 
  function women(divid){
	document.getElementById('atr2').style.display = 'block';
    document.getElementById('atr1').style.display = 'none';
 document.getElementById('atr3').style.display = 'none';
 
 document.getElementById('attrib-3').name = 'id[3]';
 
 document.getElementById('attrib-2').name = '';
 document.getElementById('attrib-4').name = '';
 
   }
 
  function childbaby(divid){
	  document.getElementById('atr1').style.display = 'block';
     document.getElementById('atr2').style.display = 'none';
 

document.getElementById('attrib-3').name = 'id[3]';
 document.getElementById('attrib-4').name = '';
   }
 
  function womenmen(divid){
	  document.getElementById('atr1').style.display = 'block';
     document.getElementById('atr2').style.display = 'none';
 

document.getElementById('attrib-2').name = 'id[2]';
 document.getElementById('attrib-5').name = '';
   }
 
function changeform(form,num){
	var selectBox = form;
selectBox.options[selectBox.selectedIndex].value;
selectBox.options[selectBox.selectedIndex].text;

if(form.selectedIndex == 0) {
	 document.getElementById('atr1').style.display = 'block';
    document.getElementById('atr2').style.display = 'none';


	document.getElementById('atr3').style.display = 'none';
 document.getElementById('attrib-2').name = 'id[2]';

document.getElementById('attrib-3').name = '';
 document.getElementById('attrib-4').name = '';
}
	
	if(form.selectedIndex == 1) {
	document.getElementById('atr2').style.display = 'block';
    document.getElementById('atr1').style.display = 'none';

 document.getElementById('atr3').style.display = 'none';
 
 document.getElementById('attrib-3').name = 'id[3]'; 
 
 document.getElementById('attrib-2').name = '';
 document.getElementById('attrib-4').name = '';
	}
	
	if(form.selectedIndex == 2) {
		 document.getElementById('atr3').style.display = 'block';
    document.getElementById('atr2').style.display = 'none';
 document.getElementById('atr1').style.display = 'none';
 
 document.getElementById('attrib-4').name = 'id[4]';
 document.getElementById('attrib-2').name = '';
 document.getElementById('attrib-3').name = '';
	}
}


function changeform2(form,num){
	
	//children & baby only 
	
	var selectBox = form;
selectBox.options[selectBox.selectedIndex].value;
selectBox.options[selectBox.selectedIndex].text;

if(form.selectedIndex == 0) {
	 document.getElementById('atr1').style.display = 'block';
     document.getElementById('atr2').style.display = 'none';
 

document.getElementById('attrib-3').name = 'id[3]';
 document.getElementById('attrib-4').name = '';
	
}
	if(form.selectedIndex == 1) {
 document.getElementById('atr2').style.display = 'block';
 document.getElementById('atr1').style.display = 'none';
 
 
 document.getElementById('attrib-3').name = ''; 
    document.getElementById('attrib-4').name = 'id[4]';
	}
	
	
}


function changeform3(form,num){
	
	//men & women only 
	
	var selectBox = form;
selectBox.options[selectBox.selectedIndex].value;
selectBox.options[selectBox.selectedIndex].text;
if(form.selectedIndex == 0) {
	 document.getElementById('atr1').style.display = 'block';
     document.getElementById('atr2').style.display = 'none';
document.getElementById('attrib-2').name = 'id[2]';
 document.getElementById('attrib-5').name = '';	
 
}if(form.selectedIndex == 1) {
 document.getElementById('atr2').style.display = 'block';
 document.getElementById('atr1').style.display = 'none';
 document.getElementById('attrib-2').name = ''; 
 document.getElementById('attrib-5').name = 'id[5]';}
}