var round_corners = function(){

 var str = '<span class="corner TL"></span><span class="corner TR"></span><span class="corner BL"></span><span class="corner BR"></span>';
	$('.cornerBox').addClass("boxc").prepend(str);

};

$(document).ready( function(){
round_corners();
$(".submitbutton").click(function() {
}).makeLink();
});


$.fn.makeLink= function() {
  return this.each(function() {
    var el = $(this);
    var spanTL = $("<span />").addClass("corner").addClass("TL");
    var spanTR = $("<span />").addClass("corner").addClass("TR");
    var spanBL = $("<span />").addClass("corner").addClass("BL");
    var spanBR = $("<span />").addClass("corner").addClass("BR");
    var spanInner = $("<span />").addClass("cornerBoxInner").html(el.val());
		var clone = el.clone(true);
		var form = el.closest("form");
    var link = $("<a />", {
      href:"#"
    })
		.addClass("cornerBox")
    .click(function() {
      clone.trigger("click");
			if(form.length) {
				form.submit();
			}
      //el.trigger("click");
      return false;
    }).append(spanTL)
    .append(spanTR)
    .append(spanBL)
    .append(spanBR)
    .append(spanInner);

		link.insertAfter(el);
    el.remove();
    //el.css("display","none");

  });
};
