// JavaScript Document
//spersonalizowane dla omp z wykorzystaniem gotowego pluginu

      // register a user defined plugin       
      $.registerLiquidCanvasPlugin({
        name: "mandala",
        paint: function(area) {
          var opts = this.opts;
          var ctx = area.ctx;
          var min = area.width > area.height ? area.height : area.width;
          var trans = min / 2;
          var rad = trans / 3;
          for (var i = 0; i < 10; ++i) {
            area.save();
            ctx.translate(area.width / 2, area.height / 2);
            ctx.rotate(i * 2*Math.PI / 10);
            ctx.translate(trans - rad, 0);
            area.width = 30;
            area.height = 30;
            this.action.paint(area);
            area.restore();
          }
        }
      });

      $(window).load(function() {

        $('.rounded').each(function() {
          var element = $(this);
          var example = '[border{color:#D3BEC3; width:2} gradient{from:#EFD4D9; to:#FFFFFF;}] => roundedRect{radius:10}';

          element.liquidCanvas(example);
        });		
				
        $('.roundedLong').each(function() {
          var element = $(this);
          var example = '[border{color:#D3BEC3; width:2} gradient{from:#EFD4D9; to:#FFFFFF;}] => roundedRect{radius:10}';

          element.liquidCanvas(example);
        });		
				
        $('.roundedGrey').each(function() {
          var element = $(this);
          var example = '[border{color:#D3BEC3; width:2} gradient{from:#dcdcdc; to:#dcdcdc;}] => roundedRect{radius:10}';

          element.liquidCanvas(example);
        });		
				
        $('.roundedNews').each(function() {
          var element = $(this);
          var example = '[border{color:#D3BEC3; width:2} gradient{from:#d28091; to:#FFFFFF;}] => roundedRect{radius:0}';

          element.liquidCanvas(example);
        });	
				
        $('.roundedLongRight').each(function() {
          var element = $(this);
          var example = '[border{color:#D3BEC3; width:2} gradient{from:#FFFFFF; to:#FFFFFF;}] => roundedRect{radius:10}';

          element.liquidCanvas(example);
        });					
				
      });