// JavaScript Document

// http://dillerdesign.com/experiment/DD_roundies/
// -----------------------------------------------
// DD_roundies.addRule().
// addRule can take up to three arguments:
// *(REQUIRED) A text string representing a CSS selector
// *(REQUIRED) A text string representing a border radius or radii (anywhere from 1 to 4, separated by commas)
// *(OPTIONAL) Indicate whether you want to make roundies just in IE (set false), or attempt to make roundies in "all" browsers (set true).
//
//Specifically regarding the second argument in the addRule(), values for the topleft, topright, bottomright, and bottomleft are implied, in that order.
//This is modeled after how CSS border-width is implied (where one value sets all, two values sets the top/bottom and right/left, etc):
//    * '10px' sets all corner radii to 10px.
//    * '10px 5px' sets the top-left and bottom-right corner radii to 10px, and the other corners to 5px.
//    * '10px 5px 3px' sets the top-left to 10px, the top-right to 5px, the bottom-right to 3px, and the bottom-left to 5px.
//    * '10px 5px 3px 0' sets the top-left to 10px, the top-right to 5px, the bottom-right to 3px, and the bottom-left to 0px.

DD_roundies.addRule('.rounded-5px', '5px', true);
DD_roundies.addRule('.rounded-10px', '10px', true);
DD_roundies.addRule('.rounded-20px', '20px', true);
DD_roundies.addRule('.rounded-top-5px', '5px 5px 0 0', true);
DD_roundies.addRule('.rounded-bottom-20px', '0 0 20px 20px', true);
DD_roundies.addRule('.rounded-bottom-30px', '0 0 30px 30px', true);
DD_roundies.addRule('.rounded-right-20px', '0 20px 20px 0', true);
DD_roundies.addRule('.rounded-tr-bl-10px', '0 10px 0 10px', true);
DD_roundies.addRule('.rounded-tr-bl-15px', '0 15px 0 15px', true);
DD_roundies.addRule('.rounded-tl-tr-br-bl-15px', '15px 15px 0px 15px', true);