/**
 * This script finds each DOM element with a classname containing "script-only", 
 * and sets its inline style "display" to empty string "".  This assumes that the inline 
 * "display" style attribute is set to "none" initially.
 *
 * The purpose of this is to allow for the hiding of elements which only offer functionality 
 * when JavaScript is enabled on the user's browser
 */

document.observe( "dom:loaded", function()
{
	$$( '.script-only' ).each( function( el )
	{
		el.setStyle( { display: "" } );
	});
});

/**
 * This script finds each DOM element with a classname containing "script-hide", 
 * and sets its inline style "display" to "none".  This allows elements which are 
 * intended to be displayed via a script to appear visible by default if JavaScript
 * happens to be disabled.  This way functionality is not limited for those without JavaScript.
 */


document.observe( "dom:loaded", function()
{
	$$( '.script-hide' ).each( function( el )
	{
		el.setStyle( { display: "none" } );
	});
});