///////////////////////////////////////////////////////////////////////////////////////

#define BUTTON_CIRCLE_STYLES(style_name, button_circle_normal, button_circle_press) \
   group { name: "elm/button/base/circle/"style_name; \
      images { \
         image: button_circle_normal COMP; \
         image: button_circle_press COMP; \
      } \
      parts { \
         part { name: "button_image"; \
            scale: 1; \
            description { state: "default" 0.0; \
               image.normal: button_circle_normal; \
               color: 255 255 255 255; \
            } \
            description { \
               state: "clicked" 0.0; \
               inherit: "default" 0.0; \
               image.normal: button_circle_press; \
            } \
            description { \
               state: "disabled" 0.0; \
               inherit: "default" 0.0; \
               color: 255 255 255 128; \
            } \
         } \
      } \
      programs { \
          program { name: "clicked"; \
            signal: "clicked"; \
            source: "*"; \
            action: STATE_SET "clicked" 0.0; \
            target: "button_image"; \
            } \
         program { name: "default"; \
            signal: "default"; \
            source: "*"; \
            action: STATE_SET "default" 0.0; \
            target: "button_image"; \
            } \
        } \
    }

collections
{
///////////////////////////////////////////////////////////////////////////////////////
BUTTON_CIRCLE_STYLES("button_white", "white.png", "white_pressed.png");
BUTTON_CIRCLE_STYLES("button_white_pressed", "white_pressed.png", "white.png");
BUTTON_CIRCLE_STYLES("button_black", "black.png", "black_pressed.png");
BUTTON_CIRCLE_STYLES("button_black_pressed", "black_pressed.png", "black.png");
///////////////////////////////////////////////////////////////////////////////////////
}