﻿addEvent(window, 'load', initCorners);

function initCorners() {
	var settings5r = {
	tl: { radius: 5 },
	tr: { radius: 5 },
	bl: { radius: 5 },
	br: { radius: 5 },
	antiAlias: true
	}
    
	var settingsB5r = {
	tl: { radius: 0 },
	tr: { radius: 0 },
	bl: { radius: 5 },
	br: { radius: 5 },
	antiAlias: true
	}
	    
	var settings10r = {
	tl: { radius: 10 },
	tr: { radius: 10 },
	bl: { radius: 10 },
	br: { radius: 10 },
	antiAlias: true
	}
	
	var settingsT10r = {
	tl: { radius: 10 },
	tr: { radius: 10 },
	bl: { radius: 0 },
	br: { radius: 0 },
	antiAlias: true
	}

    /*
    Usage:

    curvyCorners(settingsObj, selectorStr);
    curvyCorners(settingsObj, Obj1[, Obj2[, Obj3[, . . . [, ObjN]]]]);

    selectorStr ::= complexSelector [, complexSelector]...
    complexSelector ::= singleSelector[ singleSelector]
    singleSelector ::= idType | classType
    idType ::= #id
    classType ::= [tagName].className
    tagName ::= div|p|form|blockquote|frameset // others may work
    className : .name
    selector examples:
      #mydiv p.rounded
      #mypara
      .rounded
    */
curvyCorners(settings5r, ".r5");
curvyCorners(settingsB5r, ".br5");
curvyCorners(settings10r, ".r10");
curvyCorners(settingsT10r, ".tr10");
}
