//expanding divs

function ContentToggle(stuff) {
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( stuff );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[stuff];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[stuff];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}

function ContentHide(stuff) {
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( stuff );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[stuff];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[stuff];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'none':'none';
  vis.display = (vis.display==''||vis.display=='none')?'none':'none';
}
	

//equal column heights
function equalHeight(group) {
	tallest = 0;
	group.each(function() {
		thisHeight = $(this).height();
		if(thisHeight > tallest) {
			tallest = thisHeight;
		}
	});
	group.height(tallest);
}
$(document).ready(function() {
	equalHeight($(".column"));
});

// apply inline-box only for mozilla  validation of literature request form
if( jQuery.browser.mozilla ) {
	// do when DOM is ready
	$( function() {
		// search form, hide it, search labels to modify, filter classes nocmx and error
		$( 'form.cmxform' ).hide().find( 'p>label:not(.nocmx):not(.error)' ).each( function() {
			var $this = $(this);
			var labelContent = $this.html();
			var labelWidth = document.defaultView.getComputedStyle( this, '' ).getPropertyValue( 'width' );
			// create block element with width of label
			var labelSpan = $("<span>")
				.css("display", "block")
				.width(labelWidth)
				.html(labelContent);
			// change display to mozilla specific inline-box
			$this.css("display", "-moz-inline-box")
				// remove children
				.empty()
				// add span element
				.append(labelSpan);
		// show form again
		}).end().show();
	});
};