sfHover = function() {
        var sfEls = document.getElementById("mainul").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
function initCurve() {
	settings = {
          tl: { radius: 20 },
          tr: { radius: 20 },
          bl: { radius: 20 },
          br: { radius: 20 },
          antiAlias: true,
          autoPad: true,
          validTags: ["div"]
      }
      settings2 = {
          tl: { radius: 5 },
          tr: { radius: 5 },
          bl: { radius: 5 },
          br: { radius: 5 },
          antiAlias: true,
          autoPad: true,
          validTags: ["div"]
      }
      settings3 = {
          tl: { radius: 3 },
          tr: { radius: 3 },
          bl: { radius: 3 },
          br: { radius: 3 },
          antiAlias: true,
          autoPad: true,
       	  validTags: ["div"]
      	}
      	var myBoxObject = new curvyCorners(settings, "curvedbox");
      	var myTitleObject = new curvyCorners(settings3, "smalltitle");
      	var myLeftMenuObject = new curvyCorners(settings2, "leftmenu");
	    myBoxObject.applyCornersToAll();
      	myTitleObject.applyCornersToAll();
      	myLeftMenuObject.applyCornersToAll();

}
if(document.createElement) window.onload = initCurve;
if (window.attachEvent) window.attachEvent("onload", sfHover);