/*
 * Copyright (c) 2008 Massimiliano Balestrieri
 * released under the GNU General Public License (GPL2)
 *
 */
$(document).ready(function(){
    var add = jQuery('<a href="#">ADD BOX</a>').click(function(){
            var count = jQuery(".box").length + 1;
            var id_div = "div" + count;
            jQuery("#playground").append("<h1>"+ id_div +"</h1><div id=\""+id_div+"\" class=\"box\"></div>");
            jQuery("#" + id_div).resizable({ transparent: true});
    });
    var add5 = jQuery('<a href="#">ADD 5 BOX</a>').click(function(){
        var count = jQuery(".box").length + 1;
        for(var x = 0;x < 5;x++){
            var id_div = "div" + (count + x); 
            jQuery("#playground").append("<h1>"+ id_div +"</h1><div id=\""+ id_div +"\" class=\"box\"></div>");
            jQuery("#" + id_div).resizable({ transparent: true});
        }
    });
    jQuery("#top").append(add , "&nbsp; | ");
    jQuery("#top").append(add5 , "&nbsp; | ");
});