
/*

coded by Greg Doolittle
when you apply this function to an anchor, use syntax similar to this:
 
<h3>
	<a href="javascript:void(0)"  onclick="dsp(this)" class="dsphead">
		Shipping &amp; Handling
	</a>
</h3> 


*/


function toggle(switcher) {
	if(document.getElementById) {
	
		reappearing = switcher.parentNode.nextSibling;
		reappearing.style.display=reappearing.style.display==
			'block'?
			'none':
			'block'
		;
		alternating = switcher.parentNode.firstChild;
		alternating.style.backgroundImage=(
			alternating.style.backgroundImage==
	  		"url(http://www450.pair.com/web2/images/minus.gif)"?
	  		"url(http://www450.pair.com/web2/images/plus.gif)":
	  		"url(http://www450.pair.com/web2/images/minus.gif)")
		;
	}
}

/*

if dom is not supported, the hidden div's 
will be displayed.  note: this is not part 
of the function, so it gets run when the 
page is loaded.

*/

if(!document.getElementById) {
	document.write('<style type="text/css"><!--.' +
	'expandable ' + 
	'{display:block;}//--></style>');
}



function turnbuckle(id) {
	if(document.getElementById) {
		var turnbuckle = document.getElementById(id);
		if(turnbuckle.style.backgroundImage == "url(http://www450.pair.com/web2/images/minus.gif)") {
			turnbuckle.style.backgroundImage = "url(http://www450.pair.com/web2/images/plus.gif)"
		} else {
			turnbuckle.style.backgroundImage = "url(http://www450.pair.com/web2/images/minus.gif)"
		}
	}	
}



function showhide(id) {
	if(document.getElementById) {
		obj = document.getElementById(id);
		if(obj.style.display == "none") {
			obj.style.display = "";
		} else {
			obj.style.display = "none";
		}
	}
}