[Popup] N-Beats styles updated and added with images.
authorPrince Kr Dubey <prince.dubey@samsung.com>
Tue, 15 Feb 2011 12:10:58 +0000 (17:40 +0530)
committerPrince Kr Dubey <prince.dubey@samsung.com>
Tue, 15 Feb 2011 12:10:58 +0000 (17:40 +0530)
Change-Id: Ic26e931c142bea53553083fb7094cce143165c1e

50 files changed:
themes/groups/button.edc
themes/groups/popup.edc
themes/images/nbeat-black/00_button_01_normal_dim.png [new file with mode: 0644]
themes/images/nbeat-black/00_button_01_normal_press.png [new file with mode: 0644]
themes/images/nbeat-black/00_popup_bottom.png [new file with mode: 0644]
themes/images/nbeat-black/00_popup_content.png [new file with mode: 0644]
themes/images/nbeat-black/00_popup_title_middle.png [new file with mode: 0644]
themes/images/nbeat-black/00_volume_00.png [new file with mode: 0644]
themes/images/nbeat-black/00_volume_15.png [new file with mode: 0644]
themes/images/nbeat-black/00_volume_icon_dim.png [new file with mode: 0644]
themes/images/nbeat-blue/00_button_01_normal_dim.png [new file with mode: 0644]
themes/images/nbeat-blue/00_button_01_normal_press.png [new file with mode: 0644]
themes/images/nbeat-blue/00_popup_bottom.png [new file with mode: 0644]
themes/images/nbeat-blue/00_popup_content.png [new file with mode: 0644]
themes/images/nbeat-blue/00_popup_title_middle.png [new file with mode: 0644]
themes/images/nbeat-blue/00_volume_00.png [new file with mode: 0644]
themes/images/nbeat-blue/00_volume_15.png [new file with mode: 0644]
themes/images/nbeat-blue/00_volume_icon_dim.png [new file with mode: 0644]
themes/images/nbeat-green/00_button_01_normal_dim.png [new file with mode: 0644]
themes/images/nbeat-green/00_button_01_normal_press.png [new file with mode: 0644]
themes/images/nbeat-green/00_popup_bottom.png [new file with mode: 0644]
themes/images/nbeat-green/00_popup_content.png [new file with mode: 0644]
themes/images/nbeat-green/00_popup_title_middle.png [new file with mode: 0644]
themes/images/nbeat-green/00_volume_00.png [new file with mode: 0644]
themes/images/nbeat-green/00_volume_15.png [new file with mode: 0644]
themes/images/nbeat-green/00_volume_icon_dim.png [new file with mode: 0644]
themes/images/nbeat-purple/00_button_01_normal_dim.png [new file with mode: 0644]
themes/images/nbeat-purple/00_button_01_normal_press.png [new file with mode: 0644]
themes/images/nbeat-purple/00_popup_bottom.png [new file with mode: 0644]
themes/images/nbeat-purple/00_popup_content.png [new file with mode: 0644]
themes/images/nbeat-purple/00_popup_title_middle.png [new file with mode: 0644]
themes/images/nbeat-purple/00_volume_00.png [new file with mode: 0644]
themes/images/nbeat-purple/00_volume_15.png [new file with mode: 0644]
themes/images/nbeat-purple/00_volume_icon_dim.png [new file with mode: 0644]
themes/images/nbeat/00_button_01_normal.png
themes/images/nbeat/00_button_01_normal_dim.png [new file with mode: 0644]
themes/images/nbeat/00_button_01_normal_press.png [new file with mode: 0644]
themes/images/nbeat/00_button_popup_dim.png
themes/images/nbeat/00_button_popup_normal.png
themes/images/nbeat/00_button_popup_press.png
themes/images/nbeat/00_popup_bg.png
themes/images/nbeat/00_popup_bottom.png [new file with mode: 0644]
themes/images/nbeat/00_popup_bottom_bg.png
themes/images/nbeat/00_popup_content.png [new file with mode: 0644]
themes/images/nbeat/00_popup_title_bg.png
themes/images/nbeat/00_popup_title_middle.png [new file with mode: 0644]
themes/images/nbeat/00_volume_00.png [new file with mode: 0644]
themes/images/nbeat/00_volume_15.png [new file with mode: 0644]
themes/images/nbeat/00_volume_icon_dim.png [new file with mode: 0644]
themes/images/nbeat/00_volume_popup_bg.png

index 7702513..05aa69a 100644 (file)
        }
 
 ///////////////////////////////////////////////////////////////////////////////////////
-       group { name: "elm/button/base/popup_button/default";
-               alias: "elm/button/base/popup_button/menustyle";
-               alias: "elm/button/base/popup_button/liststyle";
-               alias: "elm/button/base/popup_button/customstyle";
-               alias: "elm/button/base/popup_button/volumebarstyle";
-               alias: "elm/button/base/popup_button/char_wrap_style";
+   group { name: "elm/button/base/popup_button/default";
+      alias: "elm/button/base/popup_button/menustyle";
+      alias: "elm/button/base/popup_button/liststyle";
+      alias: "elm/button/base/popup_button/volumebarstyle";
+      alias: "elm/button/base/popup_button/customstyle";
+      images {
+         image: "00_button_popup_normal.png" COMP;
+         image: "00_button_popup_press.png" COMP;
+         image: "00_button_popup_focus.png" COMP;
+         image: "00_button_popup_dim.png" COMP;
+      }
+      script {
+         public button_state = 0; //0:enabled, 1: disabled
+      }
+      parts {
+         part { name: "button_image";
+            mouse_events: 1;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 18 46;
+               max: 400 46;
+               image {
+                  normal: "00_button_popup_normal.png";
+                  border: 4 4 4 4;
+                  border_scale: 1;
+               }
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_button_popup_press.png";
+            }
+            description { state: "disabled" 0.0;
+               inherit:  "default" 0.0;
+               image.normal: "00_button_popup_dim.png";
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_button_popup_focus.png";
+            }
+         }
+      part {
+         name: "padding_left";
+         type: RECT;
+         scale: 1;
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            align: 0.0 0.0;
+            rel1.relative: 0.0 0.0;
+            rel2.relative: 0.0 1.0;
+            min: 10 5;
+            fixed: 1 0;
+            color: 0 0 0 0;
+         }
+      }
+      part {
+         name: "padding_right";
+         type: RECT;
+         scale: 1;
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            align: 1.0 0.0;
+            rel1.relative: 1.0 0.0;
+            rel2.relative: 1.0 1.0;
+            min: 10 5;
+            fixed: 1 0;
+            color: 0 0 0 0;
+         }
+      }
+      part {
+         name: "padding_top";
+         type: RECT;
+         scale: 1;
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            align: 0.0 0.0;
+            rel1.relative: 0.0 0.0;
+            rel2.relative: 1.0 0.0;
+            min: 5 10;
+            fixed: 0 1;
+            color: 0 0 0 0;
+         }
+      }
+      part {
+         name: "padding_bottom";
+         type: RECT;
+         scale: 1;
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            align: 1.0 1.0;
+            rel1.relative: 0.0 1.0;
+            rel2.relative: 1.0 1.0;
+            min: 5 10;
+            fixed: 0 1;
+            color: 0 0 0 0;
+         }
+      }
+      part {
+         name: "icon_rect";
+         type: RECT;
+         scale: 1;
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            visible: 1;
+            min: 0 40;
+            fixed: 1 0;
+            rel1 {relative: 0.0 1.0; to_x: "elm.swallow.content"; to_y: "padding_top"; }
+            rel2 {relative: 1.0 0.0; to_x: "elm.swallow.content"; to_y: "padding_bottom"; }
+            align: 0.0 0.5;
+            color: 0 0 0 0;
+         }
+      } 
+      part {
+         name: "padding_icon_text";
+         type: RECT;
+         scale: 1;
+         mouse_events: 0;
+         description { state: "default" 0.0; //when only icon or no icon is there
+            align: 0.0 0.0;
+            rel1 { relative: 1.0 0.0; to: "icon_rect"; }
+            rel2 { relative: 1.0 1.0; to: "icon_rect"; }
+            fixed: 1 0;
+            min: 0 0;
+            color: 0 0 0 0;
+         }
+         description { state: "icononly" 0.0;
+            inherit: "default" 0.0;
+         }
+         description { state: "visible" 0.0; //when icon is visible
+            align: 0.0 0.0;
+            rel1 { relative: 1.0 0.0; to: "icon_rect"; }
+            rel2 { relative: 1.0 1.0; to: "icon_rect"; }
+            fixed: 1 0;
+            min: 10 0;
+            color: 0 0 0 0;
+         }
+      }              
+      part { name: "elm.swallow.content";
+         type: SWALLOW;
+         scale: 1;
+         description { state: "default" 0.0;
+            visible: 0;
+            align: 0.0 0.5;
+            rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+            rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+            fixed: 1 0;
+         }
+         description { state: "visible" 0.0;
+            fixed: 1 0;
+            visible: 1;
+            align: 0.0 0.5;
+            rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+            rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+            aspect: 1.0 1.0;
+            aspect_preference: VERTICAL;
+         }
+         description { state: "icononly" 0.0;;
+            visible: 1;
+            min: 24 24;
+            rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+            rel2 {relative: 0.0 0.0; to_x: "padding_right"; to_y: "padding_bottom"; }
+            align: 0.5 0.5;
+            aspect: 1.0 1.0;
+            aspect_preference: VERTICAL;
+         }
+      }
+      part { name: "elm.text";
+         type:          TEXT;
+         effect:        SHADOW;
+         mouse_events:  0;
+         scale: 1;
+         description { state: "default" 0.0;
+            visible: 0;
+            rel1 { relative: 1.0 1.0; to_x: "padding_icon_text"; to_y: "padding_top"; }
+            rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y:"padding_bottom"; }
+            align: 0.5 0.5;
+            color: BUTTON_POPUP_BUTTON_TEXT_NORMAL_COLOR_INC;
+            color2: BUTTON_POPUP_BUTTON_TEXT_NORMAL_SHAWDOW_COLOR_INC;
+            text {
+               font: "SLP:style=Medium";
+               size: 20;
+               min:  0 0;
+               align: 0.5 0.5;
+               max: 1 0;
+            }
+         }
+         description { state: "visible" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+            min: 90 20;
+         }
+         description { state: "clicked" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+            min: 0 0;
+            color: BUTTON_POPUP_BUTTON_TEXT_PRESSED_COLOR_INC;
+            color2: BUTTON_POPUP_BUTTON_TEXT_PRESSED_SHAWDOW_COLOR_INC;
+         }
+         description { state: "disabled" 0.0;
+            inherit: "default" 0.0;
+            color: 0 0 0 128;
+            color3: 0 0 0 0;
+         }
+         description { state: "disabled_visible" 0.0;
+            inherit: "default" 0.0;
+            color: BUTTON_POPUP_BUTTON_TEXT_DISABLED_COLOR_INC;
+            color2: BUTTON_POPUP_BUTTON_TEXT_DISABLED_SHAWDOW_COLOR_INC;
+            color3: 0 0 0 0;
+            visible: 1;
+         }
+         description { state: "focused" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+            min: 0 0;
+            color: BUTTON_POPUP_BUTTON_TEXT_FOCUSED_COLOR_INC;
+            color2: BUTTON_POPUP_BUTTON_TEXT_FOCUSED_SHAWDOW_COLOR_INC;
+         }
+      }
+      part { name: "over2";
+         type: RECT;
+         mouse_events: 1;
+         repeat_events: 1;
+         ignore_flags: ON_HOLD;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+         description { state: "disabled" 0.0;
+            inherit:  "default" 0.0;
+            visible: 0;
+         }
+      }
+      part { name: "over3";
+         type: RECT;
+         mouse_events: 1;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+         }
+         description { state: "clicked" 0.0;
+            inherit:  "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "disabler";
+         type: RECT;
+         description { state: "default" 0.0;
+            color: 0 0 0 0;
+            visible: 0;
+         }
+         description { state: "disabled" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+   }
+   programs {
+      program { name: "button_click";
+         signal: "mouse,down,1";
+         source: "over2";
+         action: SIGNAL_EMIT "elm,action,press" "";
+         after: "button_click_anim";
+      }
+      program { name: "button_click_anim";
+         action: STATE_SET "clicked" 0.0;
+         target: "button_image";
+         after: "text_clicked";
+      }
+      program { name: "text_clicked";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.text", st, 30, vl);
+            if (!strcmp(st, "visible"))
+               set_state(PART:"elm.text", "clicked", 0.0);
+         }
+      }
+      program { name: "button_unpress";
+         action: SIGNAL_EMIT "elm,action,unpress" "";
+      }
+      program { name: "button_mouseout_clicked";
+         signal: "mouse,up,1";
+         source: "over3";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.swallow.content", st, 30, vl);
+            if (strcmp(st, "icononly"))
+            {
+               emit("elm,action,default,text,set", "");
+               set_state(PART:"elm.text", "visible", 0.0);
+            }
+            if(get_int(button_state) !=1)
+               set_state(PART:"button_image", "default", 0.0);
+         }
+         after: button_unpress;
+      }
+      program { name: "button_click2";
+         signal: "mouse,down,1";
+         source: "over3";
+         action: STATE_SET "clicked" 0.0;
+         target: "over3";
+      }
+      program { name: "button_unclick2";
+         signal: "mouse,clicked,1";
+         source: "over3";
+         action: STATE_SET "default" 0.0;
+         target: "over3";
+      }
+      program { name: "button_unclick3";
+         signal: "mouse,clicked,1";
+         source: "over2";
+         action: SIGNAL_EMIT "elm,action,click" "";
+      }
+      program { name: "text_show";
+         signal: "elm,state,text,visible";
+         source: "elm";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.swallow.content", st, 30, vl);
+            if (!strcmp(st, "icononly"))
+            {
+               set_state(PART:"elm.swallow.content", "visible", 0.0);
+               set_state(PART:"padding_icon_text", "visible", 0.0);
+            }
+            set_state(PART:"elm.text", "visible", 0.0);
+         }
+      }
+      program { name: "text_hide";
+         signal: "elm,state,text,hidden";
+         source: "elm";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.swallow.content", st, 30, vl);
+            if (!strcmp(st, "visible"))
+            {
+               set_state(PART:"elm.swallow.content", "icononly", 0.0);
+               set_state(PART:"padding_icon_text", "icononly", 0.0);
+            }
+            set_state(PART:"elm.text", "default", 0.0);
+         }
+      }
+      program { name: "icon_show";
+         signal: "elm,state,icon,visible";
+         source: "elm";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.text", st, 30, vl);
+            if (!strcmp(st, "visible"))
+            {
+               set_state(PART:"elm.swallow.content", "visible", 0.0);
+               set_state(PART:"padding_icon_text", "visible", 0.0);
+            }
+            else
+            {
+               set_state(PART:"elm.swallow.content", "icononly", 0.0);
+               set_state(PART:"padding_icon_text", "icononly", 0.0);
+            }
+         }
+      }
+      program { name: "icon_hide";
+         signal: "elm,state,icon,hidden";
+         source: "elm";
+         action:  STATE_SET "default" 0.0;
+         target: "elm.swallow.content";
+      }
+      program { name: "disable";
+         signal: "elm,state,disabled";
+         source: "elm";
+         action: STATE_SET "disabled" 0.0;
+         target: "button_image";
+         target: "over2";
+         target: "disabler";
+         after: "disable_text";
+      }
+      program { name: "disable_text";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.text", st, 30, vl);
+            if (!strcmp(st, "visible"))
+               set_state(PART:"elm.text", "disabled_visible", 0.0);
+            else
+               set_state(PART:"elm.text", "disabled", 0.0);
+            set_int(button_state, 1);
+         }
+      }
+      program { name: "enable";
+         signal: "elm,state,enabled";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "button_image";
+         target: "over2";
+         target: "disabler";
+         after: "enable_text";
+      }
+      program { name: "enable_text";
+         script {
+            new st[31];
+            new Float:vl;
+            get_state(PART:"elm.text", st, 30, vl);
+            if (!strcmp(st, "disabled_visible"))
+               set_state(PART:"elm.text", "visible", 0.0);
+            else
+               set_state(PART:"elm.text", "default", 0.0);
+            set_int(button_state, 0);
+         }
+      }
+      program { name: "focused";
+         action: STATE_SET "focused" 0.0;
+         target: "button_image";
+         target: "elm.text";
+      }
+      program { name: "unfocused";
+         action: STATE_SET "default" 0.0;
+         target: "button_image";
+         after: "unfocus_text";
+      }
+      program { name: "unfocus_text";
+         action: STATE_SET "visible" 0.0;
+         target: "elm.text";
+      }
+   }
+}
+
+///////////////////////////////////////////////////////////////////////////////////////
+       group { name: "elm/button/base/expand/opened";
                images {
-                       image: "00_button_popup_normal.png" COMP;
-                       image: "00_button_popup_press.png" COMP;
-                       image: "00_button_popup_focus.png" COMP;
-                       image: "00_button_popup_dim.png" COMP;
-               }
-               script {
-                       public button_state = 0; //0:enabled, 1: disabled
+                       image: "00_button_expand_opened.png" COMP;
+                       image: "00_button_expand_opened_press.png" COMP;
+                       image: "00_button_expand_opened_dim.png" COMP;
                }
                parts {
                        part { name: "button_image";
                                mouse_events: 1;
                                scale: 1;
                                description { state: "default" 0.0;
-                                       min: 18 60;
+                                       min: 40 40;
+                                       max: 40 40;
                                        image {
-                                               normal: "00_button_popup_normal.png";
-                                               border: 8 8 8 8;
-                                               border_scale: 1;
+                                               normal: "00_button_expand_opened.png";
                                        }
                                }
-                               description { state: "clicked" 0.0;
+                               description {
+                                       state: "clicked" 0.0;
                                        inherit: "default" 0.0;
-                                       image.normal: "00_button_popup_press.png";
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit:  "default" 0.0;
-                                       image.normal: "00_button_popup_dim.png";
+                                       image.normal: "00_button_expand_opened_press.png";
                                }
-                               description { state: "focused" 0.0;
+                               description {
+                                       state: "disabled" 0.0;
                                        inherit: "default" 0.0;
-                                       image.normal: "00_button_popup_focus.png";
-                               }
-                       }
-                       part {
-                               name: "padding_left";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 0.0 0.0;
-                                       rel1.relative: 0.0 0.0;
-                                       rel2.relative: 0.0 1.0;
-                                       min: 5 5;
-                                       fixed: 1 0;
-                                       color: 0 0 0 0;
+                                       image.normal: "00_button_expand_opened_dim.png";
                                }
                        }
-                       part {
-                               name: "padding_right";
+                       part { name: "over1";
                                type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
+                               mouse_events: 1;
+                               repeat_events: 1;
+                               ignore_flags: ON_HOLD;
                                description { state: "default" 0.0;
-                                       align: 1.0 0.0;
-                                       rel1.relative: 1.0 0.0;
-                                       rel2.relative: 1.0 1.0;
-                                       min: 5 5;
-                                       fixed: 1 0;
                                        color: 0 0 0 0;
                                }
                        }
-                       part {
-                               name: "padding_top";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
+                       part { name: "over2";
+                               mouse_events: 1;
+                               repeat_events: 1;
                                description { state: "default" 0.0;
-                                       align: 0.0 0.0;
-                                       rel1.relative: 0.0 0.0;
-                                       rel2.relative: 1.0 0.0;
-                                       min: 5 5;
-                                       fixed: 0 1;
-                                       color: 0 0 0 0;
+                                       color: 255 255 255 0;
                                }
-                       }
-                       part {
-                               name: "padding_bottom";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 1.0 1.0;
-                                       rel1.relative: 0.0 1.0;
-                                       rel2.relative: 1.0 1.0;
-                                       min: 5 5;
-                                       fixed: 0 1;
-                                       color: 0 0 0 0;
+                               description { state: "clicked" 0.0;
+                                       inherit:  "default" 0.0;
+                                       visible: 1;
+                                       color: 255 255 255 0;
                                }
                        }
-                       part {
-                               name: "icon_rect";
+                       part { name: "disabler";
                                type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
                                description { state: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 40;
-                                       fixed: 1 0;
-                                       rel1 {relative: 0.0 1.0; to_x: "elm.swallow.content"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "elm.swallow.content"; to_y: "padding_bottom"; }
-                                       align: 0.0 0.5;
-                                       color: 0 0 0 0;
-                               }
-                       } 
-                       part {
-                               name: "padding_icon_text";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0; //when only icon or no icon is there
-                                       align: 0.0 0.0;
-                                       rel1 { relative: 1.0 0.0; to: "icon_rect"; }
-                                       rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
-                                       fixed: 1 0;
-                                       min: 0 0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "icononly" 0.0;
-                                       inherit: "default" 0.0;
-                               }
-                               description { state: "visible" 0.0; //when icon is visible
-                                       align: 0.0 0.0;
-                                       rel1 { relative: 1.0 0.0; to: "icon_rect"; }
-                                       rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
-                                       fixed: 1 0;
-                                       min: 5 0;
                                        color: 0 0 0 0;
-                               }
-                       }                                       
-                       part { name: "elm.swallow.content";
-                               type: SWALLOW;
-                               scale: 1;
-                               description { state: "default" 0.0;
                                        visible: 0;
-                                       align: 0.0 0.5;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
-                                       fixed: 1 0;
-                               }
-                               description { state: "visible" 0.0;
-                                       fixed: 1 0;
-                                       visible: 1;
-                                       align: 0.0 0.5;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
-                                       aspect: 1.0 1.0;
-                                       aspect_preference: VERTICAL;
                                }
-                               description { state: "icononly" 0.0;;
-                                       visible: 1;
-                                       min: 60 60;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 0.0 0.0; to_x: "padding_right"; to_y: "padding_bottom"; }
-                                       align: 0.5 0.5;
-                                       aspect: 1.0 1.0;
-                                       aspect_preference: VERTICAL;
-                               }
-                       }
-                       part { name: "elm.text";
-                               type:          TEXT;
-                               effect:        SHADOW;
-                               mouse_events:  0;
-                               scale: 1;
-                               description { state: "default" 0.0;
-                                       visible: 0;
-                                       rel1 { relative: 1.0 1.0; to_x: "padding_icon_text"; to_y: "padding_top"; }
-                                       rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y:"padding_bottom"; }
-                                       align: 0.5 0.5;
-                                       color: BUTTON_POPUP_BUTTON_TEXT_NORMAL_COLOR_INC;
-                                       color2: BUTTON_POPUP_BUTTON_TEXT_NORMAL_SHAWDOW_COLOR_INC;
-                                       text {
-                                               font: "SLP:style=Medium";
-                                               size: 30;
-                                               min:  0 0;
-                                               align: 0.5 0.5;
-                                               max: 1 0;
-                                       }
-                               }
-                               description { state: "visible" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 90 60;
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 0;
-                                       color: BUTTON_POPUP_BUTTON_TEXT_PRESSED_COLOR_INC;
-                                       color2: BUTTON_POPUP_BUTTON_TEXT_PRESSED_SHAWDOW_COLOR_INC;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 0 0 0 128;
-                                       color3: 0 0 0 0;
-                               }
-                               description { state: "disabled_visible" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: BUTTON_POPUP_BUTTON_TEXT_DISABLED_COLOR_INC;
-                                       color2: BUTTON_POPUP_BUTTON_TEXT_DISABLED_SHAWDOW_COLOR_INC;
-                                       color3: 0 0 0 0;
-                                       visible: 1;
-                               }
-                               description { state: "focused" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 0;
-                                       color: BUTTON_POPUP_BUTTON_TEXT_FOCUSED_COLOR_INC;
-                                       color2: BUTTON_POPUP_BUTTON_TEXT_FOCUSED_SHAWDOW_COLOR_INC;
-                               }
-                       }
-                       part { name: "over2";
-                               type: RECT;
-                               mouse_events: 1;
-                               repeat_events: 1;
-                               ignore_flags: ON_HOLD;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit:  "default" 0.0;
-                                       visible: 0;
-                               }
-                       }
-                       part { name: "over3";
-                               type: RECT;
-                               mouse_events: 1;
-                               repeat_events: 1;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit:  "default" 0.0;
-                                       visible: 1;
-                               }
-                       }
-                       part { name: "disabler";
-                               type: RECT;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                                       visible: 0;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
+                               description { state: "disabled" 0.0;
+                                       inherit: "default" 0.0;
                                        visible: 1;
                                }
                        }
                programs {
                        program { name: "button_click";
                                signal: "mouse,down,1";
-                               source: "over2";
+                               source: "over1";
                                action: SIGNAL_EMIT "elm,action,press" "";
                                after: "button_click_anim";
                        }
                        program { name: "button_click_anim";
                                action: STATE_SET "clicked" 0.0;
                                target: "button_image";
-                               after: "text_clicked";
-                       }
-                       program { name: "text_clicked";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                               set_state(PART:"elm.text", "clicked", 0.0);
-                               }
                        }
-                       program { name: "button_unpress";
+                       program { name: "button_unclick";
+                               signal: "mouse,up,1";
+                               source: "over2";
                                action: SIGNAL_EMIT "elm,action,unpress" "";
+                               after: "button_unclick_anim";
                        }
+                       program { name: "button_unclick_anim";
+                               action: STATE_SET "default" 0.0;
+                               target: "button_image";
+                               after: "button_mouseout_clicked";
+                       }        
                        program { name: "button_mouseout_clicked";
-                               signal: "mouse,up,1";
-                               source: "over3";
                                script {
                                        new st[31];
                                        new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (strcmp(st, "icononly"))
-                                       {
-                                               emit("elm,action,default,text,set", "");
-                                               set_state(PART:"elm.text", "visible", 0.0);
-                                       }
-                                       if(get_int(button_state) !=1)
+                                       get_state(PART:"button_image", st, 30, vl);
+                                       if (!strcmp(st, "clicked"))
                                                set_state(PART:"button_image", "default", 0.0);
                                }
-                               after: button_unpress;
                        }
                        program { name: "button_click2";
                                signal: "mouse,down,1";
-                               source: "over3";
+                               source: "over2";
                                action: STATE_SET "clicked" 0.0;
-                               target: "over3";
+                               target: "over2";
                        }
                        program { name: "button_unclick2";
                                signal: "mouse,clicked,1";
-                               source: "over3";
+                               source: "over1";
                                action: STATE_SET "default" 0.0;
-                               target: "over3";
+                               target: "over1";
+                               after: "button_unclick3";
                        }
                        program { name: "button_unclick3";
-                               signal: "mouse,clicked,1";
-                               source: "over2";
                                action: SIGNAL_EMIT "elm,action,click" "";
                        }
-                       program { name: "text_show";
-                               signal: "elm,state,text,visible";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (!strcmp(st, "icononly"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "visible", 0.0);
-                                               set_state(PART:"padding_icon_text", "visible", 0.0);
-                                       }
-                                       set_state(PART:"elm.text", "visible", 0.0);
-                               }
-                       }
-                       program { name: "text_hide";
-                               signal: "elm,state,text,hidden";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "icononly", 0.0);
-                                               set_state(PART:"padding_icon_text", "icononly", 0.0);
-                                       }
-                                       set_state(PART:"elm.text", "default", 0.0);
-                               }
-                       }
-                       program { name: "icon_show";
-                               signal: "elm,state,icon,visible";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "visible", 0.0);
-                                               set_state(PART:"padding_icon_text", "visible", 0.0);
-                                       }
-                                       else
-                                       {
-                                               set_state(PART:"elm.swallow.content", "icononly", 0.0);
-                                               set_state(PART:"padding_icon_text", "icononly", 0.0);
-                                       }
-                               }
-                       }
-                       program { name: "icon_hide";
-                               signal: "elm,state,icon,hidden";
-                               source: "elm";
-                               action:  STATE_SET "default" 0.0;
-                               target: "elm.swallow.content";
-                       }
                        program { name: "disable";
                                signal: "elm,state,disabled";
                                source: "elm";
                                action: STATE_SET "disabled" 0.0;
-                               target: "button_image";
-                               target: "over2";
                                target: "disabler";
-                               after: "disable_text";
-                       }
-                       program { name: "disable_text";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                               set_state(PART:"elm.text", "disabled_visible", 0.0);
-                                       else
-                                               set_state(PART:"elm.text", "disabled", 0.0);
-                                       set_int(button_state, 1);
-                               }
+                               target: "button_image";
                        }
                        program { name: "enable";
                                signal: "elm,state,enabled";
                                source: "elm";
                                action: STATE_SET "default" 0.0;
-                               target: "button_image";
-                               target: "over2";
                                target: "disabler";
-                               after: "enable_text";
-                       }
-                       program { name: "enable_text";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "disabled_visible"))
-                                               set_state(PART:"elm.text", "visible", 0.0);
-                                       else
-                                               set_state(PART:"elm.text", "default", 0.0);
-                                       set_int(button_state, 0);
-                               }
-                       }
-                       program { name: "focused";
-                               //signal: "elm,action,focus";
-                               //source: "elm";
-                               action: STATE_SET "focused" 0.0;
-                               target: "button_image";
-                               target: "elm.text";
-                       }
-                       program { name: "unfocused";
-                               //signal: "elm,action,unfocus";
-                               //source: "elm";
-                               action: STATE_SET "default" 0.0;
                                target: "button_image";
-                               after: "unfocus_text";
-                       }
-                       program { name: "unfocus_text";
-                               action: STATE_SET "visible" 0.0;
-                               target: "elm.text";
                        }
                }
        }
-///////////////////////////////////////////////////////////////////////////////////////
-       group { name: "elm/button/base/expand/opened";
+
+       group { name: "elm/button/base/expand/opened/extended";
                images {
                        image: "00_button_expand_opened.png" COMP;
                        image: "00_button_expand_opened_press.png" COMP;
                        image: "00_button_expand_opened_dim.png" COMP;
                }
-               parts {
+               parts {         
                        part { name: "button_image";
                                mouse_events: 1;
                                scale: 1;
                                repeat_events: 1;
                                ignore_flags: ON_HOLD;
                                description { state: "default" 0.0;
+                                       min: 60 75;
+                                       max: 60 75;                             
                                        color: 0 0 0 0;
                                }
                        }
                                target: "button_image";
                        }
                }
-       }
-
-       group { name: "elm/button/base/expand/opened/extended";
+       }       
+///////////////////////////////////////////////////////////////////////////////////////
+       group { name: "elm/button/base/expand/closed";
                images {
-                       image: "00_button_expand_opened.png" COMP;
-                       image: "00_button_expand_opened_press.png" COMP;
-                       image: "00_button_expand_opened_dim.png" COMP;
+                       image: "00_button_expand_closed.png" COMP;
+                       image: "00_button_expand_closed_press.png" COMP;
+                       image: "00_button_expand_closed_dim.png" COMP;
                }
-               parts {         
+               parts {
                        part { name: "button_image";
                                mouse_events: 1;
                                scale: 1;
                                        min: 40 40;
                                        max: 40 40;
                                        image {
-                                               normal: "00_button_expand_opened.png";
+                                               normal: "00_button_expand_closed.png";
                                        }
                                }
                                description {
                                        state: "clicked" 0.0;
                                        inherit: "default" 0.0;
-                                       image.normal: "00_button_expand_opened_press.png";
+                                       image.normal: "00_button_expand_closed_press.png";
                                }
                                description {
                                        state: "disabled" 0.0;
                                        inherit: "default" 0.0;
-                                       image.normal: "00_button_expand_opened_dim.png";
+                                       image.normal: "00_button_expand_closed_dim.png";
                                }
                        }
                        part { name: "over1";
                                repeat_events: 1;
                                ignore_flags: ON_HOLD;
                                description { state: "default" 0.0;
-                                       min: 60 75;
-                                       max: 60 75;                             
                                        color: 0 0 0 0;
                                }
                        }
                                target: "button_image";
                        }
                }
-       }       
-///////////////////////////////////////////////////////////////////////////////////////
-       group { name: "elm/button/base/expand/closed";
+       }
+
+       group { name: "elm/button/base/expand/closed/extended";
                images {
                        image: "00_button_expand_closed.png" COMP;
                        image: "00_button_expand_closed_press.png" COMP;
                        image: "00_button_expand_closed_dim.png" COMP;
                }
-               parts {
+               parts {         
                        part { name: "button_image";
                                mouse_events: 1;
                                scale: 1;
                                repeat_events: 1;
                                ignore_flags: ON_HOLD;
                                description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part { name: "over2";
-                               mouse_events: 1;
-                               repeat_events: 1;
-                               description { state: "default" 0.0;
-                                       color: 255 255 255 0;
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit:  "default" 0.0;
-                                       visible: 1;
-                                       color: 255 255 255 0;
-                               }
-                       }
-                       part { name: "disabler";
-                               type: RECT;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                                       visible: 0;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                               }
-                       }
-               }
-               programs {
-                       program { name: "button_click";
-                               signal: "mouse,down,1";
-                               source: "over1";
-                               action: SIGNAL_EMIT "elm,action,press" "";
-                               after: "button_click_anim";
-                       }
-                       program { name: "button_click_anim";
-                               action: STATE_SET "clicked" 0.0;
-                               target: "button_image";
-                       }
-                       program { name: "button_unclick";
-                               signal: "mouse,up,1";
-                               source: "over2";
-                               action: SIGNAL_EMIT "elm,action,unpress" "";
-                               after: "button_unclick_anim";
-                       }
-                       program { name: "button_unclick_anim";
-                               action: STATE_SET "default" 0.0;
-                               target: "button_image";
-                               after: "button_mouseout_clicked";
-                       }        
-                       program { name: "button_mouseout_clicked";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"button_image", st, 30, vl);
-                                       if (!strcmp(st, "clicked"))
-                                               set_state(PART:"button_image", "default", 0.0);
-                               }
-                       }
-                       program { name: "button_click2";
-                               signal: "mouse,down,1";
-                               source: "over2";
-                               action: STATE_SET "clicked" 0.0;
-                               target: "over2";
-                       }
-                       program { name: "button_unclick2";
-                               signal: "mouse,clicked,1";
-                               source: "over1";
-                               action: STATE_SET "default" 0.0;
-                               target: "over1";
-                               after: "button_unclick3";
-                       }
-                       program { name: "button_unclick3";
-                               action: SIGNAL_EMIT "elm,action,click" "";
-                       }
-                       program { name: "disable";
-                               signal: "elm,state,disabled";
-                               source: "elm";
-                               action: STATE_SET "disabled" 0.0;
-                               target: "disabler";
-                               target: "button_image";
-                       }
-                       program { name: "enable";
-                               signal: "elm,state,enabled";
-                               source: "elm";
-                               action: STATE_SET "default" 0.0;
-                               target: "disabler";
-                               target: "button_image";
-                       }
-               }
-       }
-
-       group { name: "elm/button/base/expand/closed/extended";
-               images {
-                       image: "00_button_expand_closed.png" COMP;
-                       image: "00_button_expand_closed_press.png" COMP;
-                       image: "00_button_expand_closed_dim.png" COMP;
-               }
-               parts {         
-                       part { name: "button_image";
-                               mouse_events: 1;
-                               scale: 1;
-                               description { state: "default" 0.0;
-                                       min: 40 40;
-                                       max: 40 40;
-                                       image {
-                                               normal: "00_button_expand_closed.png";
-                                       }
-                               }
-                               description {
-                                       state: "clicked" 0.0;
-                                       inherit: "default" 0.0;
-                                       image.normal: "00_button_expand_closed_press.png";
-                               }
-                               description {
-                                       state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
-                                       image.normal: "00_button_expand_closed_dim.png";
-                               }
-                       }
-                       part { name: "over1";
-                               type: RECT;
-                               mouse_events: 1;
-                               repeat_events: 1;
-                               ignore_flags: ON_HOLD;
-                               description { state: "default" 0.0;
-                                       min: 60 75;
-                                       max: 60 75;                             
+                                       min: 60 75;
+                                       max: 60 75;                             
                                        color: 0 0 0 0;
                                }
                        }
        }
        
 ///////////////////////////////////////////////////////////////////////////////////////
-       group { name: "elm/button/base/popup/contact";
-               images {
-                       image: "00_button_03_normal.png" COMP;
-                       image: "00_button_03_press.png" COMP;
-                       image: "00_button_03_focus.png" COMP;
-               }
-               script {
-                       public button_state = 0; //0:enabled, 1: disabled
-               }
-               parts {
-                       part { name: "button_image";
-                               mouse_events: 1;
-                               scale: 1;
-                               description { state: "default" 0.0;
-                                       min: 16 50;
-                                       image {
-                                               normal: "00_button_03_normal.png";
-                                               border: 7 7 7 7;
-                                               border_scale: 1;
-                                       }
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit: "default" 0.0;
-                                       image.normal: "00_button_03_press.png";
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit:  "default" 0.0;
-                               }
-                               description { state: "focused" 0.0;
-                                       inherit: "default" 0.0;
-                               //      image.normal: "00_button_03_focus.png";
-                               }
-                       }
-                       part {
-                               name: "padding_left";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 0.0 0.0;
-                                       rel1.relative: 0.0 0.0;
-                                       rel2.relative: 0.0 1.0;
-                                       min: 5 5;
-                                       fixed: 1 0;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "padding_right";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 1.0 0.0;
-                                       rel1.relative: 1.0 0.0;
-                                       rel2.relative: 1.0 1.0;
-                                       min: 5 5;
-                                       fixed: 1 0;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "padding_top";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 0.0 0.0;
-                                       rel1.relative: 0.0 0.0;
-                                       rel2.relative: 1.0 0.0;
-                                       min: 5 5;
-                                       fixed: 0 1;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "padding_bottom";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 1.0 1.0;
-                                       rel1.relative: 0.0 1.0;
-                                       rel2.relative: 1.0 1.0;
-                                       min: 5 5;
-                                       fixed: 0 1;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "icon_rect";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 40;
-                                       fixed: 1 0;
-                                       rel1 {relative: 0.0 1.0; to_x: "elm.swallow.content"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "elm.swallow.content"; to_y: "padding_bottom"; }
-                                       align: 0.0 0.5;
-                                       color: 0 0 0 0;
-                               }
-                       } 
-                       part {
-                               name: "padding_icon_text";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0; //when only icon or no icon is there
-                                       align: 0.0 0.0;
-                                       rel1 { relative: 1.0 0.0; to: "icon_rect"; }
-                                       rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
-                                       fixed: 1 0;
-                                       min: 0 0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "icononly" 0.0;
-                                       inherit: "default" 0.0;
-                               }
-                               description { state: "visible" 0.0; //when icon is visible
-                                       align: 0.0 0.0;
-                                       rel1 { relative: 1.0 0.0; to: "icon_rect"; }
-                                       rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
-                                       fixed: 1 0;
-                                       min: 5 0;
-                                       color: 0 0 0 0;
-                               }
-                       }                                       
-                       part { name: "elm.swallow.content";
-                               type: SWALLOW;
-                               scale: 1;
-                               description { state: "default" 0.0;
-                                       visible: 0;
-                                       align: 0.0 0.5;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
-                                       fixed: 1 0;
-                               }
-                               description { state: "visible" 0.0;
-                                       fixed: 1 0;
-                                       visible: 1;
-                                       align: 0.0 0.5;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
-                                       aspect: 1.0 1.0;
-                                       aspect_preference: VERTICAL;
-                               }
-                               description { state: "icononly" 0.0;;
-                                       visible: 1;
-                                       min: 40 40;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 0.0 0.0; to_x: "padding_right"; to_y: "padding_bottom"; }
-                                       align: 0.5 0.5;
-                                       aspect: 1.0 1.0;
-                                       aspect_preference: VERTICAL;
-                               }
-                       }
-                       part { name: "elm.text";
-                               type:          TEXT;
-                               effect:        SHADOW;
-                               mouse_events:  0;
-                               scale: 1;
-                               description { state: "default" 0.0;
-                                       visible: 0;
-                                       rel1 { relative: 1.0 1.0; to_x: "padding_icon_text"; to_y: "padding_top"; }
-                                       rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y:"padding_bottom"; }
-                                       align: 0.0 0.5;
-                                       color: 90 73 40 255;
-                                       color2: 255 255 255 255;                                
-                                       text {
-                                               font: "SLP:style=Medium";
-                                               size: 24;
-                                               min:  0 0;
-                                               align: 0.5 0.5;
-                                               max: 1 0;
-                                       }
-                               }
-                               description { state: "visible" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 90 40;
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 0;
-                                       color: 255 255 255 255;
-                                       color2: 0 0 0 102;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 0 0 0 128;
-                                       color3: 0 0 0 0;
-                               }
-                               description { state: "disabled_visible" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 0 0 0 128;
-                                       color3: 0 0 0 0;
-                                       visible: 1;
-                               }
-                               description { state: "focused" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 0;
-                                       color: 255 255 255 255;
-                                       color2: 0 0 0 102;
-                               }
-                       }
-                       part { name: "over2";
-                               type: RECT;
-                               mouse_events: 1;
-                               repeat_events: 1;
-                               ignore_flags: ON_HOLD;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit:  "default" 0.0;
-                                       visible: 0;
-                               }
-                       }
-                       part { name: "over3";
-                               type: RECT;
-                               mouse_events: 1;
-                               repeat_events: 1;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit:  "default" 0.0;
-                                       visible: 1;
-                               }
-                       }
-                       part { name: "disabler";
-                               type: RECT;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                                       visible: 0;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                               }
-                       }
-               }
-               programs {
-                       program { name: "button_click";
-                               signal: "mouse,down,1";
-                               source: "over2";
-                               action: SIGNAL_EMIT "elm,action,press" "";
-                               after: "button_click_anim";
-                       }
-                       program { name: "button_click_anim";
-                               action: STATE_SET "clicked" 0.0;
-                               target: "button_image";
-                               after: "text_clicked";
-                       }
-                       program { name: "text_clicked";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                               set_state(PART:"elm.text", "clicked", 0.0);
-                               }
-                       }
-                       program { name: "button_unpress";
-                               action: SIGNAL_EMIT "elm,action,unpress" "";
-                       }
-                       program { name: "button_mouseout_clicked";
-                               signal: "mouse,up,1";
-                               source: "over3";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (strcmp(st, "icononly"))
-                                       {
-                                               emit("elm,action,default,text,set", "");
-                                               set_state(PART:"elm.text", "visible", 0.0);
-                                       }
-                                       if(get_int(button_state) !=1)
-                                               set_state(PART:"button_image", "default", 0.0);
-                               }
-                               after: button_unpress;
-                       }
-                       program { name: "button_click2";
-                               signal: "mouse,down,1";
-                               source: "over3";
-                               action: STATE_SET "clicked" 0.0;
-                               target: "over3";
-                       }
-                       program { name: "button_unclick2";
-                               signal: "mouse,clicked,1";
-                               source: "over3";
-                               action: STATE_SET "default" 0.0;
-                               target: "over3";
-                       }
-                       program { name: "button_unclick3";
-                               signal: "mouse,clicked,1";
-                               source: "over2";
-                               action: SIGNAL_EMIT "elm,action,click" "";
-                       }
-                       program { name: "text_show";
-                               signal: "elm,state,text,visible";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (!strcmp(st, "icononly"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "visible", 0.0);
-                                               set_state(PART:"padding_icon_text", "visible", 0.0);
-                                       }
-                                       set_state(PART:"elm.text", "visible", 0.0);
-                               }
-                       }
-                       program { name: "text_hide";
-                               signal: "elm,state,text,hidden";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "icononly", 0.0);
-                                               set_state(PART:"padding_icon_text", "icononly", 0.0);
-                                       }
-                                       set_state(PART:"elm.text", "default", 0.0);
-                               }
-                       }
-                       program { name: "icon_show";
-                               signal: "elm,state,icon,visible";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "visible", 0.0);
-                                               set_state(PART:"padding_icon_text", "visible", 0.0);
-                                       }
-                                       else
-                                       {
-                                               set_state(PART:"elm.swallow.content", "icononly", 0.0);
-                                               set_state(PART:"padding_icon_text", "icononly", 0.0);
-                                       }
-                               }
-                       }
-                       program { name: "icon_hide";
-                               signal: "elm,state,icon,hidden";
-                               source: "elm";
-                               action:  STATE_SET "default" 0.0;
-                               target: "elm.swallow.content";
-                       }
-                       program { name: "disable";
-                               signal: "elm,state,disabled";
-                               source: "elm";
-                               action: STATE_SET "disabled" 0.0;
-                               target: "button_image";
-                               target: "over2";
-                               target: "disabler";
-                               after: "disable_text";
-                       }
-                       program { name: "disable_text";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                               set_state(PART:"elm.text", "disabled_visible", 0.0);
-                                       else
-                                               set_state(PART:"elm.text", "disabled", 0.0);
-                                       set_int(button_state, 1);
-                               }
-                       }
-                       program { name: "enable";
-                               signal: "elm,state,enabled";
-                               source: "elm";
-                               action: STATE_SET "default" 0.0;
-                               target: "button_image";
-                               target: "over2";
-                               target: "disabler";
-                               after: "enable_text";
-                       }
-                       program { name: "enable_text";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "disabled_visible"))
-                                               set_state(PART:"elm.text", "visible", 0.0);
-                                       else
-                                               set_state(PART:"elm.text", "default", 0.0);
-                                       set_int(button_state, 0);
-                               }
-                       }
-                       program { name: "focused";
-                               //signal: "elm,action,focus";
-                               //source: "elm";
-                               action: STATE_SET "focused" 0.0;
-                               target: "button_image";
-                               target: "elm.text";
-                       }
-                       program { name: "unfocused";
-                               //signal: "elm,action,unfocus";
-                               //source: "elm";
-                               action: STATE_SET "default" 0.0;
-                               target: "button_image";
-                               after: "unfocus_text";
-                       }
-                       program { name: "unfocus_text";
-                               action: STATE_SET "visible" 0.0;
-                               target: "elm.text";
-                       }
-               }
-       }
-       
-///////////////////////////////////////////////////////////////////////////////////////
-       group { name: "elm/button/base/calendarpicker/bar";
-               images {
-                       image: "00_calend_picker_bar_button.png" COMP;
-                       image: "00_calend_picker_bar_button_press.png" COMP;
-                       image: "00_calend_picker_bar_button_press.png" COMP;
-               }
-               script {
-                       public button_state = 0; //0:enabled, 1: disabled
-               }
-               parts {
-                       part { name: "button_image";
-                               mouse_events: 1;
-                               scale: 1;
-                               description { state: "default" 0.0;
-                                       min: 16 50;
-                                       image {
-                                               normal: "00_calend_picker_bar_button.png";
-                                               border: 7 7 7 7;
-                                               border_scale: 1;
-                                       }
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit: "default" 0.0;
-                                       image.normal: "00_calend_picker_bar_button_press.png";
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit:  "default" 0.0;
-                               }
-                               description { state: "focused" 0.0;
-                                       inherit: "default" 0.0;
-                                       image.normal: "00_calend_picker_bar_button_press.png";
-                               }
-                       }
-                       part {
-                               name: "padding_left";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 0.0 0.0;
-                                       rel1.relative: 0.0 0.0;
-                                       rel2.relative: 0.0 1.0;
-                                       min: 5 5;
-                                       fixed: 1 0;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "padding_right";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 1.0 0.0;
-                                       rel1.relative: 1.0 0.0;
-                                       rel2.relative: 1.0 1.0;
-                                       min: 5 5;
-                                       fixed: 1 0;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "padding_top";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 0.0 0.0;
-                                       rel1.relative: 0.0 0.0;
-                                       rel2.relative: 1.0 0.0;
-                                       min: 5 5;
-                                       fixed: 0 1;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "padding_bottom";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       align: 1.0 1.0;
-                                       rel1.relative: 0.0 1.0;
-                                       rel2.relative: 1.0 1.0;
-                                       min: 5 5;
-                                       fixed: 0 1;
-                                       color: 0 0 0 0;
-                               }
-                       }
-                       part {
-                               name: "icon_rect";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 40;
-                                       fixed: 1 0;
-                                       rel1 {relative: 0.0 1.0; to_x: "elm.swallow.content"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "elm.swallow.content"; to_y: "padding_bottom"; }
-                                       align: 0.0 0.5;
-                                       color: 0 0 0 0;
-                               }
-                       } 
-                       part {
-                               name: "padding_icon_text";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0; //when only icon or no icon is there
-                                       align: 0.0 0.0;
-                                       rel1 { relative: 1.0 0.0; to: "icon_rect"; }
-                                       rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
-                                       fixed: 1 0;
-                                       min: 0 0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "icononly" 0.0;
-                                       inherit: "default" 0.0;
-                               }
-                               description { state: "visible" 0.0; //when icon is visible
-                                       align: 0.0 0.0;
-                                       rel1 { relative: 1.0 0.0; to: "icon_rect"; }
-                                       rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
-                                       fixed: 1 0;
-                                       min: 5 0;
-                                       color: 0 0 0 0;
-                               }
-                       }                                       
-                       part { name: "elm.swallow.content";
-                               type: SWALLOW;
-                               scale: 1;
-                               description { state: "default" 0.0;
-                                       visible: 0;
-                                       align: 0.0 0.5;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
-                                       fixed: 1 0;
-                               }
-                               description { state: "visible" 0.0;
-                                       fixed: 1 0;
-                                       visible: 1;
-                                       align: 0.0 0.5;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
-                                       aspect: 1.0 1.0;
-                                       aspect_preference: VERTICAL;
-                               }
-                               description { state: "icononly" 0.0;;
-                                       visible: 1;
-                                       min: 40 40;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 0.0 0.0; to_x: "padding_right"; to_y: "padding_bottom"; }
-                                       align: 0.5 0.5;
-                                       aspect: 1.0 1.0;
-                                       aspect_preference: VERTICAL;
-                               }
-                       }
-                       part { name: "elm.text";
-                               type:          TEXT;
-                               effect:        SHADOW;
-                               mouse_events:  0;
-                               scale: 1;
-                               description { state: "default" 0.0;
-                                       visible: 0;
-                                       rel1 { relative: 1.0 1.0; to_x: "padding_icon_text"; to_y: "padding_top"; }
-                                       rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y:"padding_bottom"; }
-                                       align: 0.5 0.5;
-                                       color: 255 255 255 255;
-                                       color2: 0 0 0 0;
-                                       text {
-                                               font: "SLP:style=Medium";
-                                               size: 24;
-                                               min:  0 0;
-                                               align: 0.5 0.5;
-                                               max: 1 0;
-                                       }
-                               }
-                               description { state: "visible" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 88 40;
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 0;
-                                       color: 255 255 255 255;
-                                       color2: 0 0 0 0;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 0 0 0 128;
-                                       color3: 0 0 0 0;
-                               }
-                               description { state: "disabled_visible" 0.0;
-                                       inherit: "default" 0.0;
-                                       color: 0 0 0 128;
-                                       color3: 0 0 0 0;
-                                       visible: 1;
-                               }
-                               description { state: "focused" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                                       min: 0 0;
-                                       color: 255 255 255 255;
-                                       color2: 0 0 0 102;
-                               }
-                       }
-                       part { name: "over2";
-                               type: RECT;
-                               mouse_events: 1;
-                               repeat_events: 1;
-                               ignore_flags: ON_HOLD;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit:  "default" 0.0;
-                                       visible: 0;
-                               }
-                       }
-                       part { name: "over3";
-                               type: RECT;
-                               mouse_events: 1;
-                               repeat_events: 1;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "clicked" 0.0;
-                                       inherit:  "default" 0.0;
-                                       visible: 1;
-                               }
-                       }
-                       part { name: "disabler";
-                               type: RECT;
-                               description { state: "default" 0.0;
-                                       color: 0 0 0 0;
-                                       visible: 0;
-                               }
-                               description { state: "disabled" 0.0;
-                                       inherit: "default" 0.0;
-                                       visible: 1;
-                               }
-                       }
-               }
-               programs {
-                       program { name: "button_click";
-                               signal: "mouse,down,1";
-                               source: "over2";
-                               action: SIGNAL_EMIT "elm,action,press" "";
-                               after: "button_click_anim";
-                       }
-                       program { name: "button_click_anim";
-                               action: STATE_SET "clicked" 0.0;
-                               target: "button_image";
-                               after: "text_clicked";
-                       }
-                       program { name: "text_clicked";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                               set_state(PART:"elm.text", "clicked", 0.0);
-                               }
-                       }
-                       program { name: "button_unpress";
-                               action: SIGNAL_EMIT "elm,action,unpress" "";
-                       }
-                       program { name: "button_mouseout_clicked";
-                               signal: "mouse,up,1";
-                               source: "over3";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (strcmp(st, "icononly"))
-                                       {
-                                               emit("elm,action,default,text,set", "");
-                                               set_state(PART:"elm.text", "visible", 0.0);
-                                       }
-                                       if(get_int(button_state) !=1)
-                                               set_state(PART:"button_image", "default", 0.0);
-                               }
-                               after: button_unpress;
-                       }
-                       program { name: "button_click2";
-                               signal: "mouse,down,1";
-                               source: "over3";
-                               action: STATE_SET "clicked" 0.0;
-                               target: "over3";
-                       }
-                       program { name: "button_unclick2";
-                               signal: "mouse,clicked,1";
-                               source: "over3";
-                               action: STATE_SET "default" 0.0;
-                               target: "over3";
-                       }
-                       program { name: "button_unclick3";
-                               signal: "mouse,clicked,1";
-                               source: "over2";
-                               action: SIGNAL_EMIT "elm,action,click" "";
-                       }
-                       program { name: "text_show";
-                               signal: "elm,state,text,visible";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (!strcmp(st, "icononly"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "visible", 0.0);
-                                               set_state(PART:"padding_icon_text", "visible", 0.0);
-                                       }
-                                       set_state(PART:"elm.text", "visible", 0.0);
-                               }
-                       }
-                       program { name: "text_hide";
-                               signal: "elm,state,text,hidden";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.swallow.content", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "icononly", 0.0);
-                                               set_state(PART:"padding_icon_text", "icononly", 0.0);
-                                       }
-                                       set_state(PART:"elm.text", "default", 0.0);
-                               }
-                       }
-                       program { name: "icon_show";
-                               signal: "elm,state,icon,visible";
-                               source: "elm";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                       {
-                                               set_state(PART:"elm.swallow.content", "visible", 0.0);
-                                               set_state(PART:"padding_icon_text", "visible", 0.0);
-                                       }
-                                       else
-                                       {
-                                               set_state(PART:"elm.swallow.content", "icononly", 0.0);
-                                               set_state(PART:"padding_icon_text", "icononly", 0.0);
-                                       }
-                               }
-                       }
-                       program { name: "icon_hide";
-                               signal: "elm,state,icon,hidden";
-                               source: "elm";
-                               action:  STATE_SET "default" 0.0;
-                               target: "elm.swallow.content";
-                       }
-                       program { name: "disable";
-                               signal: "elm,state,disabled";
-                               source: "elm";
-                               action: STATE_SET "disabled" 0.0;
-                               target: "button_image";
-                               target: "over2";
-                               target: "disabler";
-                               after: "disable_text";
-                       }
-                       program { name: "disable_text";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "visible"))
-                                               set_state(PART:"elm.text", "disabled_visible", 0.0);
-                                       else
-                                               set_state(PART:"elm.text", "disabled", 0.0);
-                                       set_int(button_state, 1);
-                               }
-                       }
-                       program { name: "enable";
-                               signal: "elm,state,enabled";
-                               source: "elm";
-                               action: STATE_SET "default" 0.0;
-                               target: "button_image";
-                               target: "over2";
-                               target: "disabler";
-                               after: "enable_text";
-                       }
-                       program { name: "enable_text";
-                               script {
-                                       new st[31];
-                                       new Float:vl;
-                                       get_state(PART:"elm.text", st, 30, vl);
-                                       if (!strcmp(st, "disabled_visible"))
-                                               set_state(PART:"elm.text", "visible", 0.0);
-                                       else
-                                               set_state(PART:"elm.text", "default", 0.0);
-                                       set_int(button_state, 0);
-                               }
-                       }
-                       program { name: "focused";
-                               //signal: "elm,action,focus";
-                               //source: "elm";
-                               action: STATE_SET "focused" 0.0;
-                               target: "button_image";
-                               target: "elm.text";
-                       }
-                       program { name: "unfocused";
-                               //signal: "elm,action,unfocus";
-                               //source: "elm";
-                               action: STATE_SET "default" 0.0;
-                               target: "button_image";
-                               after: "unfocus_text";
-                       }
-                       program { name: "unfocus_text";
-                               action: STATE_SET "visible" 0.0;
-                               target: "elm.text";
-                       }
-               }
-       }
-       
+   group { name: "elm/button/base/popup/contact";
+      images {
+         image: "00_button_03_normal.png" COMP;
+         image: "00_button_03_press.png" COMP;
+         image: "00_button_03_focus.png" COMP;
+      }
+      script {
+         public button_state = 0; //0:enabled, 1: disabled
+      }
+      parts {
+         part { name: "button_image";
+            mouse_events: 1;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 16 46;
+               image {
+                  normal: "00_button_01_normal.png";
+                  border: 4 4 4 4;
+                  border_scale: 1;
+               }
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_button_01_press.png";
+            }
+            description { state: "disabled" 0.0;
+               inherit:  "default" 0.0;
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+            // image.normal: "00_button_01_focus.png";
+            }
+         }
+         part {
+            name: "padding_left";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 0.0 0.0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 0.0 1.0;
+               min: 10 5;
+               fixed: 1 0;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_right";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 1.0 0.0;
+               rel1.relative: 1.0 0.0;
+               rel2.relative: 1.0 1.0;
+               min: 10 5;
+               fixed: 1 0;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_top";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 0.0 0.0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 0.0;
+               min: 5 10;
+               fixed: 0 1;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_bottom";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 1.0 1.0;
+               rel1.relative: 0.0 1.0;
+               rel2.relative: 1.0 1.0;
+               min: 5 10;
+               fixed: 0 1;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "icon_rect";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               visible: 1;
+               min: 0 40;
+               fixed: 1 0;
+               rel1 {relative: 0.0 1.0; to_x: "elm.swallow.content"; to_y: "padding_top"; }
+               rel2 {relative: 1.0 0.0; to_x: "elm.swallow.content"; to_y: "padding_bottom"; }
+               align: 0.0 0.5;
+               color: 0 0 0 0;
+            }
+         } 
+         part {
+            name: "padding_icon_text";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0; //when only icon or no icon is there
+               align: 0.0 0.0;
+               rel1 { relative: 1.0 0.0; to: "icon_rect"; }
+               rel2 { relative: 1.0 1.0; to: "icon_rect"; }
+               fixed: 1 0;
+               min: 0 0;
+               color: 0 0 0 0;
+            }
+            description { state: "icononly" 0.0;
+               inherit: "default" 0.0;
+            }
+            description { state: "visible" 0.0; //when icon is visible
+               align: 0.0 0.0;
+               rel1 { relative: 1.0 0.0; to: "icon_rect"; }
+               rel2 { relative: 1.0 1.0; to: "icon_rect"; }
+               fixed: 1 0;
+               min: 10 0;
+               color: 0 0 0 0;
+            }
+         }              
+         part { name: "elm.swallow.content";
+            type: SWALLOW;
+            scale: 1;
+            description { state: "default" 0.0;
+               visible: 0;
+               align: 0.0 0.5;
+               rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+               rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+               fixed: 1 0;
+            }
+            description { state: "visible" 0.0;
+               fixed: 1 0;
+               visible: 1;
+               align: 0.0 0.5;
+               rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+               rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+            }
+            description { state: "icononly" 0.0;;
+               visible: 1;
+               min: 24 24;
+               rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+               rel2 {relative: 0.0 0.0; to_x: "padding_right"; to_y: "padding_bottom"; }
+               align: 0.5 0.5;
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+            }
+         }
+         part { name: "elm.text";
+            type:          TEXT;
+            effect:        SHADOW;
+            mouse_events:  0;
+            scale: 1;
+            description { state: "default" 0.0;
+               visible: 0;
+               rel1 { relative: 1.0 1.0; to_x: "padding_icon_text"; to_y: "padding_top"; }
+               rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y:"padding_bottom"; }
+               align: 0.0 0.5;
+               color: 90 73 40 255;
+               color2: 255 255 255 255;
+               text {
+                  font: "SLP:style=Medium";
+                  size: 20;
+                  min:  0 0;
+                  align: 0.5 0.5;
+                  max: 1 0;
+               }
+            }
+            description { state: "visible" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 90 20;
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: 255 255 255 255;
+               color2: 0 0 0 102;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               color: 0 0 0 128;
+               color3: 0 0 0 0;
+            }
+            description { state: "disabled_visible" 0.0;
+               inherit: "default" 0.0;
+               color: 0 0 0 128;
+               color3: 0 0 0 0;
+               visible: 1;
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: 255 255 255 255;
+               color2: 0 0 0 102;
+            }
+         }
+         part { name: "over2";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            ignore_flags: ON_HOLD;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+            }
+            description { state: "disabled" 0.0;
+               inherit:  "default" 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "over3";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+            }
+            description { state: "clicked" 0.0;
+               inherit:  "default" 0.0;
+               visible: 1;
+            }
+         }
+         part { name: "disabler";
+            type: RECT;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+               visible: 0;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+            }
+         }
+      }
+      programs {
+         program { name: "button_click";
+            signal: "mouse,down,1";
+            source: "over2";
+            action: SIGNAL_EMIT "elm,action,press" "";
+            after: "button_click_anim";
+         }
+         program { name: "button_click_anim";
+            action: STATE_SET "clicked" 0.0;
+            target: "button_image";
+            after: "text_clicked";
+         }
+         program { name: "text_clicked";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "visible"))
+                  set_state(PART:"elm.text", "clicked", 0.0);
+            }
+         }
+         program { name: "button_unpress";
+            action: SIGNAL_EMIT "elm,action,unpress" "";
+         }
+         program { name: "button_mouseout_clicked";
+            signal: "mouse,up,1";
+            source: "over3";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.swallow.content", st, 30, vl);
+               if (strcmp(st, "icononly"))
+               {
+                  emit("elm,action,default,text,set", "");
+                  set_state(PART:"elm.text", "visible", 0.0);
+               }
+               if(get_int(button_state) !=1)
+                  set_state(PART:"button_image", "default", 0.0);
+            }
+            after: button_unpress;
+         }
+         program { name: "button_click2";
+            signal: "mouse,down,1";
+            source: "over3";
+            action: STATE_SET "clicked" 0.0;
+            target: "over3";
+         }
+         program { name: "button_unclick2";
+            signal: "mouse,clicked,1";
+            source: "over3";
+            action: STATE_SET "default" 0.0;
+            target: "over3";
+         }
+         program { name: "button_unclick3";
+            signal: "mouse,clicked,1";
+            source: "over2";
+            action: SIGNAL_EMIT "elm,action,click" "";
+         }
+         program { name: "text_show";
+            signal: "elm,state,text,visible";
+            source: "elm";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.swallow.content", st, 30, vl);
+               if (!strcmp(st, "icononly"))
+               {
+                  set_state(PART:"elm.swallow.content", "visible", 0.0);
+                  set_state(PART:"padding_icon_text", "visible", 0.0);
+               }
+               set_state(PART:"elm.text", "visible", 0.0);
+            }
+         }
+         program { name: "text_hide";
+            signal: "elm,state,text,hidden";
+            source: "elm";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.swallow.content", st, 30, vl);
+               if (!strcmp(st, "visible"))
+               {
+                  set_state(PART:"elm.swallow.content", "icononly", 0.0);
+                  set_state(PART:"padding_icon_text", "icononly", 0.0);
+               }
+               set_state(PART:"elm.text", "default", 0.0);
+            }
+         }
+         program { name: "icon_show";
+            signal: "elm,state,icon,visible";
+            source: "elm";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "visible"))
+               {
+                  set_state(PART:"elm.swallow.content", "visible", 0.0);
+                  set_state(PART:"padding_icon_text", "visible", 0.0);
+               }
+               else
+               {
+                  set_state(PART:"elm.swallow.content", "icononly", 0.0);
+                  set_state(PART:"padding_icon_text", "icononly", 0.0);
+               }
+            }
+         }
+         program { name: "icon_hide";
+            signal: "elm,state,icon,hidden";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "elm.swallow.content";
+         }
+         program { name: "disable";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action: STATE_SET "disabled" 0.0;
+            target: "button_image";
+            target: "over2";
+            target: "disabler";
+            after: "disable_text";
+         }
+         program { name: "disable_text";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "visible"))
+                  set_state(PART:"elm.text", "disabled_visible", 0.0);
+               else
+                  set_state(PART:"elm.text", "disabled", 0.0);
+               set_int(button_state, 1);
+            }
+         }
+         program { name: "enable";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "button_image";
+            target: "over2";
+            target: "disabler";
+            after: "enable_text";
+         }
+         program { name: "enable_text";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "disabled_visible"))
+                  set_state(PART:"elm.text", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text", "default", 0.0);
+               set_int(button_state, 0);
+            }
+         }
+         program { name: "focused";
+            //signal: "elm,action,focus";
+            //source: "elm";
+            action: STATE_SET "focused" 0.0;
+            target: "button_image";
+            target: "elm.text";
+         }
+         program { name: "unfocused";
+            //signal: "elm,action,unfocus";
+            //source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "button_image";
+            after: "unfocus_text";
+         }
+         program { name: "unfocus_text";
+            action: STATE_SET "visible" 0.0;
+            target: "elm.text";
+         }
+      }
+   }
+
 ///////////////////////////////////////////////////////////////////////////////////////
-       group { name: "elm/button/base/icon_and_text/center";
+       group { name: "elm/button/base/calendarpicker/bar";
                images {
-                       image: "00_button_03_normal.png" COMP;
-                       image: "00_button_03_press.png" COMP;
-                       image: "00_button_03_focus.png" COMP;
-                       image: "00_button_03_dim.png" COMP;
+                       image: "00_calend_picker_bar_button.png" COMP;
+                       image: "00_calend_picker_bar_button_press.png" COMP;
+                       image: "00_calend_picker_bar_button_press.png" COMP;
                }
                script {
                        public button_state = 0; //0:enabled, 1: disabled
                                description { state: "default" 0.0;
                                        min: 16 50;
                                        image {
-                                               normal: "00_button_03_normal.png";
+                                               normal: "00_calend_picker_bar_button.png";
                                                border: 7 7 7 7;
                                                border_scale: 1;
                                        }
                                }
                                description { state: "clicked" 0.0;
                                        inherit: "default" 0.0;
-                                       image.normal: "00_button_03_press.png";
+                                       image.normal: "00_calend_picker_bar_button_press.png";
                                }
                                description { state: "disabled" 0.0;
                                        inherit:  "default" 0.0;
-                                       image.normal: "00_button_03_dim.png";
                                }
                                description { state: "focused" 0.0;
                                        inherit: "default" 0.0;
-                                       image.normal: "00_button_03_focus.png";
+                                       image.normal: "00_calend_picker_bar_button_press.png";
                                }
                        }
                        part {
                                mouse_events: 0;
                                description { state: "default" 0.0;
                                        visible: 1;
-                                       min: 0 0;
-                                       fixed: 1 0;
-                                       rel1 { relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 { relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
-                                       align: 0.0 0.5;
-                                       color: 0 0 0 0;
-                               }
-                               description { state: "visible" 0.0;
-                                       visible: 1;
-                                       min: 40 40;
+                                       min: 0 40;
                                        fixed: 1 0;
-                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
-                                       aspect: 1.0 1.0;
-                                       aspect_preference: VERTICAL;
+                                       rel1 {relative: 0.0 1.0; to_x: "elm.swallow.content"; to_y: "padding_top"; }
+                                       rel2 {relative: 1.0 0.0; to_x: "elm.swallow.content"; to_y: "padding_bottom"; }
                                        align: 0.0 0.5;
                                        color: 0 0 0 0;
                                }
-                               description { state: "icononly" 0.0;
-                                       inherit: "default" 0.0;
-                               }
                        } 
                        part {
-                               name: "padding_after_icon";
+                               name: "padding_icon_text";
                                type: RECT;
                                scale: 1;
                                mouse_events: 0;
                                        rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
                                        fixed: 1 0;
                                        min: 0 0;
-                                       color: 0 255 0 100;
-                               }
-                               description { state: "visible" 0.0;
-                                       visible: 1;
-                                       align: 0.0 0.0;
-                                       rel1 { relative: 1.0 0.0; to: "icon_rect"; }
-                                       rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
-                                       fixed: 1 0;
-                                       min: 5 0;
                                        color: 0 0 0 0;
                                }
                                description { state: "icononly" 0.0;
                                        inherit: "default" 0.0;
                                }
-                       }
-                       part {
-                               name: "padding_before_text";
-                               type: RECT;
-                               scale: 1;
-                               mouse_events: 0;
-                               description { state: "default" 0.0; //when only icon or no icon is there
-                                       align: 1.0 0.5;
-                                       rel1 { relative: 0.0 1.0; to_x: "elm.text"; to_y: "padding_top"; }
-                                       rel2 { relative: 0.0 0.0; to_x: "elm.text"; to_y: "padding_bottom"; }                   
+                               description { state: "visible" 0.0; //when icon is visible
+                                       align: 0.0 0.0;
+                                       rel1 { relative: 1.0 0.0; to: "icon_rect"; }
+                                       rel2 { relative: 1.0 1.0; to: "icon_rect"; }                    
                                        fixed: 1 0;
                                        min: 5 0;
                                        color: 0 0 0 0;
                                description { state: "default" 0.0;
                                        visible: 0;
                                        align: 0.0 0.5;
-                                       rel1 { relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 { relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
                                        fixed: 1 0;
                                }
                                description { state: "visible" 0.0;
                                        fixed: 1 0;
                                        visible: 1;
-                                       align: 1.0 0.5;
-                                       rel1 { relative: 0.0 1.0; to_x: "padding_before_text"; to_y: "padding_top"; }
-                                       rel2 { relative: 0.0 0.0; to_x: "padding_before_text"; to_y: "padding_bottom"; }
+                                       align: 0.0 0.5;
+                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+                                       rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
                                        aspect: 1.0 1.0;
                                        aspect_preference: VERTICAL;
                                }
                                description { state: "icononly" 0.0;;
                                        visible: 1;
                                        min: 40 40;
-                                       rel1 { relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
-                                       rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y: "padding_bottom"; }
+                                       rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+                                       rel2 {relative: 0.0 0.0; to_x: "padding_right"; to_y: "padding_bottom"; }
                                        align: 0.5 0.5;
                                        aspect: 1.0 1.0;
                                        aspect_preference: VERTICAL;
                                scale: 1;
                                description { state: "default" 0.0;
                                        visible: 0;
-                                       rel1 { relative: 1.0 1.0; to_x: "padding_after_icon"; to_y: "padding_top"; }
+                                       rel1 { relative: 1.0 1.0; to_x: "padding_icon_text"; to_y: "padding_top"; }
                                        rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y:"padding_bottom"; }
                                        align: 0.5 0.5;
-                                       color: BUTTON_ICON_TEXT_NORMAL_COLOR_INC;
-                                       color2: BUTTON_ICON_TEXT_NORMAL_SHAWDOW_COLOR_INC;
+                                       color: 255 255 255 255;
+                                       color2: 0 0 0 0;
                                        text {
                                                font: "SLP:style=Medium";
                                                size: 24;
                                description { state: "visible" 0.0;
                                        inherit: "default" 0.0;
                                        visible: 1;
-                                       min: 90 40;
+                                       min: 88 40;
                                }
                                description { state: "clicked" 0.0;
                                        inherit: "default" 0.0;
                                        visible: 1;
                                        min: 0 0;
-                                       color: BUTTON_ICON_TEXT_PRESSED_COLOR_INC;
-                                       color2: BUTTON_ICON_TEXT_PRESSED_SHAWDOW_COLOR_INC;
+                                       color: 255 255 255 255;
+                                       color2: 0 0 0 0;
                                }
                                description { state: "disabled" 0.0;
                                        inherit: "default" 0.0;
                                }
                                description { state: "disabled_visible" 0.0;
                                        inherit: "default" 0.0;
-                                       color: BUTTON_ICON_TEXT_DISABLED_COLOR_INC;
-                                       color2: BUTTON_ICON_TEXT_DISABLED_SHAWDOW_COLOR_INC;
+                                       color: 0 0 0 128;
                                        color3: 0 0 0 0;
                                        visible: 1;
                                }
                                        inherit: "default" 0.0;
                                        visible: 1;
                                        min: 0 0;
-                                       color: BUTTON_ICON_TEXT_FOCUSED_COLOR_INC;
-                                       color2: BUTTON_ICON_TEXT_FOCUSED_SHAWDOW_COLOR_INC;
+                                       color: 255 255 255 255;
+                                       color2: 0 0 0 102;
                                }
                        }
                        part { name: "over2";
                                        if (!strcmp(st, "icononly"))
                                        {
                                                set_state(PART:"elm.swallow.content", "visible", 0.0);
-                                               set_state(PART:"icon_rect", "visible", 0.0);
-                                               set_state(PART:"padding_after_icon", "visible", 0.0);
+                                               set_state(PART:"padding_icon_text", "visible", 0.0);
                                        }
                                        set_state(PART:"elm.text", "visible", 0.0);
                                }
                                        if (!strcmp(st, "visible"))
                                        {
                                                set_state(PART:"elm.swallow.content", "icononly", 0.0);
-                                               set_state(PART:"icon_rect", "icononly", 0.0);
-                                               set_state(PART:"padding_after_icon", "icononly", 0.0);
+                                               set_state(PART:"padding_icon_text", "icononly", 0.0);
                                        }
                                        set_state(PART:"elm.text", "default", 0.0);
                                }
                                        if (!strcmp(st, "visible"))
                                        {
                                                set_state(PART:"elm.swallow.content", "visible", 0.0);
-                                               set_state(PART:"icon_rect", "visible", 0.0);
-                                               set_state(PART:"padding_after_icon", "visible", 0.0);
+                                               set_state(PART:"padding_icon_text", "visible", 0.0);
                                        }
                                        else
                                        {
                                                set_state(PART:"elm.swallow.content", "icononly", 0.0);
-                                               set_state(PART:"icon_rect", "icononly", 0.0);
-                                               set_state(PART:"padding_after_icon", "icononly", 0.0);
+                                               set_state(PART:"padding_icon_text", "icononly", 0.0);
                                        }
                                }
                        }
        }
        
 ///////////////////////////////////////////////////////////////////////////////////////
+   group { name: "elm/button/base/icon_and_text/center";
+      images {
+         image: "00_button_03_normal.png" COMP;
+         image: "00_button_03_press.png" COMP;
+         image: "00_button_03_focus.png" COMP;
+         image: "00_button_03_dim.png" COMP;
+      }
+      script {
+         public button_state = 0; //0:enabled, 1: disabled
+      }
+      parts {
+         part { name: "button_image";
+            mouse_events: 1;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 16 46;
+               image {
+                  normal: "00_button_01_normal.png";
+                  border: 4 4 4 4;
+                  border_scale: 1;
+               }
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_button_01_press.png";
+            }
+            description { state: "disabled" 0.0;
+               inherit:  "default" 0.0;
+               image.normal: "00_button_01_dim.png";
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_button_01_focus.png";
+            }
+         }
+         part {
+            name: "padding_left";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 0.0 0.0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 0.0 1.0;
+               min: 10 5;
+               fixed: 1 0;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_right";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 1.0 0.0;
+               rel1.relative: 1.0 0.0;
+               rel2.relative: 1.0 1.0;
+               min: 10 5;
+               fixed: 1 0;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_top";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 0.0 0.0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 0.0;
+               min: 5 10;
+               fixed: 0 1;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "padding_bottom";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 1.0 1.0;
+               rel1.relative: 0.0 1.0;
+               rel2.relative: 1.0 1.0;
+               min: 5 10;
+               fixed: 0 1;
+               color: 0 0 0 0;
+            }
+         }
+         part {
+            name: "icon_rect";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               fixed: 1 0;
+               rel1 { relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+               align: 0.0 0.5;
+               color: 0 0 0 0;
+            }
+            description { state: "visible" 0.0;
+               visible: 1;
+               min: 40 40;
+               fixed: 1 0;
+               rel1 {relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+               rel2 {relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+               align: 0.0 0.5;
+               color: 0 0 0 0;
+            }
+            description { state: "icononly" 0.0;
+               inherit: "default" 0.0;
+            }
+         } 
+         part {
+            name: "padding_after_icon";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0; //when only icon or no icon is there
+               align: 0.0 0.0;
+               rel1 { relative: 1.0 0.0; to: "icon_rect"; }
+               rel2 { relative: 1.0 1.0; to: "icon_rect"; }
+               fixed: 1 0;
+               min: 0 0;
+               color: 0 255 0 100;
+            }
+            description { state: "visible" 0.0;
+               visible: 1;
+               align: 0.0 0.0;
+               rel1 { relative: 1.0 0.0; to: "icon_rect"; }
+               rel2 { relative: 1.0 1.0; to: "icon_rect"; }
+               fixed: 1 0;
+               min: 5 0;
+               color: 0 0 0 0;
+            }
+            description { state: "icononly" 0.0;
+               inherit: "default" 0.0;
+            }
+         }
+         part {
+            name: "padding_before_text";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0; //when only icon or no icon is there
+               align: 1.0 0.5;
+               rel1 { relative: 0.0 1.0; to_x: "elm.text"; to_y: "padding_top"; }
+               rel2 { relative: 0.0 0.0; to_x: "elm.text"; to_y: "padding_bottom"; }
+               fixed: 1 0;
+               min: 5 0;
+               color: 0 0 0 0;
+            }
+         }              
+         part { name: "elm.swallow.content";
+            type: SWALLOW;
+            scale: 1;
+            description { state: "default" 0.0;
+               visible: 0;
+               align: 0.0 0.5;
+               rel1 { relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "padding_left"; to_y: "padding_bottom"; }
+               fixed: 1 0;
+            }
+            description { state: "visible" 0.0;
+               fixed: 1 0;
+               visible: 1;
+               align: 1.0 0.5;
+               rel1 { relative: 0.0 1.0; to_x: "padding_before_text"; to_y: "padding_top"; }
+               rel2 { relative: 0.0 0.0; to_x: "padding_before_text"; to_y: "padding_bottom"; }
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+            }
+            description { state: "icononly" 0.0;;
+               visible: 1;
+               min: 24 24;
+               rel1 { relative: 1.0 1.0; to_x: "padding_left"; to_y: "padding_top"; }
+               rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y: "padding_bottom"; }
+               align: 0.5 0.5;
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+            }
+         }
+         part { name: "elm.text";
+            type:          TEXT;
+            effect:        SHADOW;
+            mouse_events:  0;
+            scale: 1;
+            description { state: "default" 0.0;
+               visible: 0;
+               rel1 { relative: 1.0 1.0; to_x: "padding_after_icon"; to_y: "padding_top"; }
+               rel2 { relative: 0.0 0.0; to_x: "padding_right"; to_y:"padding_bottom"; }
+               align: 0.5 0.5;
+               color: BUTTON_ICON_TEXT_NORMAL_COLOR_INC;
+               color2: BUTTON_ICON_TEXT_NORMAL_SHAWDOW_COLOR_INC;
+               text {
+                  font: "SLP:style=Medium";
+                  size: 24;
+                  min:  0 0;
+                  align: 0.5 0.5;
+                  max: 1 0;
+               }
+            }
+            description { state: "visible" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 90 24;
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: BUTTON_ICON_TEXT_PRESSED_COLOR_INC;
+               color2: BUTTON_ICON_TEXT_PRESSED_SHAWDOW_COLOR_INC;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               color: 0 0 0 128;
+               color3: 0 0 0 0;
+            }
+            description { state: "disabled_visible" 0.0;
+               inherit: "default" 0.0;
+               color: BUTTON_ICON_TEXT_DISABLED_COLOR_INC;
+               color2: BUTTON_ICON_TEXT_DISABLED_SHAWDOW_COLOR_INC;
+               color3: 0 0 0 0;
+               visible: 1;
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: BUTTON_ICON_TEXT_FOCUSED_COLOR_INC;
+               color2: BUTTON_ICON_TEXT_FOCUSED_SHAWDOW_COLOR_INC;
+            }
+         }
+         part { name: "over2";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            ignore_flags: ON_HOLD;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+            }
+            description { state: "disabled" 0.0;
+               inherit:  "default" 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "over3";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+            }
+            description { state: "clicked" 0.0;
+               inherit:  "default" 0.0;
+               visible: 1;
+            }
+         }
+         part { name: "disabler";
+            type: RECT;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+               visible: 0;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+            }
+         }
+      }
+      programs {
+         program { name: "button_click";
+            signal: "mouse,down,1";
+            source: "over2";
+            action: SIGNAL_EMIT "elm,action,press" "";
+            after: "button_click_anim";
+         }
+         program { name: "button_click_anim";
+            action: STATE_SET "clicked" 0.0;
+            target: "button_image";
+            after: "text_clicked";
+         }
+         program { name: "text_clicked";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "visible"))
+                  set_state(PART:"elm.text", "clicked", 0.0);
+            }
+         }
+         program { name: "button_unpress";
+            action: SIGNAL_EMIT "elm,action,unpress" "";
+         }
+         program { name: "button_mouseout_clicked";
+            signal: "mouse,up,1";
+            source: "over3";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.swallow.content", st, 30, vl);
+               if (strcmp(st, "icononly"))
+                 {
+                    emit("elm,action,default,text,set", "");
+                    set_state(PART:"elm.text", "visible", 0.0);
+                 }
+               if(get_int(button_state) !=1)
+                  set_state(PART:"button_image", "default", 0.0);
+            }
+            after: button_unpress;
+         }
+         program { name: "button_click2";
+            signal: "mouse,down,1";
+            source: "over3";
+            action: STATE_SET "clicked" 0.0;
+            target: "over3";
+         }
+         program { name: "button_unclick2";
+            signal: "mouse,clicked,1";
+            source: "over3";
+            action: STATE_SET "default" 0.0;
+            target: "over3";
+         }
+         program { name: "button_unclick3";
+            signal: "mouse,clicked,1";
+            source: "over2";
+            action: SIGNAL_EMIT "elm,action,click" "";
+         }
+         program { name: "text_show";
+            signal: "elm,state,text,visible";
+            source: "elm";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.swallow.content", st, 30, vl);
+               if (!strcmp(st, "icononly"))
+               {
+                  set_state(PART:"elm.swallow.content", "visible", 0.0);
+                  set_state(PART:"icon_rect", "visible", 0.0);
+                  set_state(PART:"padding_after_icon", "visible", 0.0);
+               }
+               set_state(PART:"elm.text", "visible", 0.0);
+            }
+         }
+         program { name: "text_hide";
+            signal: "elm,state,text,hidden";
+            source: "elm";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.swallow.content", st, 30, vl);
+               if (!strcmp(st, "visible"))
+               {
+                  set_state(PART:"elm.swallow.content", "icononly", 0.0);
+                  set_state(PART:"icon_rect", "icononly", 0.0);
+                  set_state(PART:"padding_after_icon", "icononly", 0.0);
+               }
+               set_state(PART:"elm.text", "default", 0.0);
+            }
+         }
+         program { name: "icon_show";
+            signal: "elm,state,icon,visible";
+            source: "elm";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "visible"))
+               {
+                  set_state(PART:"elm.swallow.content", "visible", 0.0);
+                  set_state(PART:"icon_rect", "visible", 0.0);
+                  set_state(PART:"padding_after_icon", "visible", 0.0);
+               }
+               else
+               {
+                  set_state(PART:"elm.swallow.content", "icononly", 0.0);
+                  set_state(PART:"icon_rect", "icononly", 0.0);
+                  set_state(PART:"padding_after_icon", "icononly", 0.0);
+               }
+            }
+         }
+         program { name: "icon_hide";
+            signal: "elm,state,icon,hidden";
+            source: "elm";
+            action:  STATE_SET "default" 0.0;
+            target: "elm.swallow.content";
+         }
+         program { name: "disable";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action: STATE_SET "disabled" 0.0;
+            target: "button_image";
+            target: "over2";
+            target: "disabler";
+            after: "disable_text";
+         }
+         program { name: "disable_text";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "visible"))
+                  set_state(PART:"elm.text", "disabled_visible", 0.0);
+               else
+                  set_state(PART:"elm.text", "disabled", 0.0);
+               set_int(button_state, 1);
+            }
+         }
+         program { name: "enable";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "button_image";
+            target: "over2";
+            target: "disabler";
+            after: "enable_text";
+         }
+         program { name: "enable_text";
+            script {
+               new st[31];
+               new Float:vl;
+               get_state(PART:"elm.text", st, 30, vl);
+               if (!strcmp(st, "disabled_visible"))
+                  set_state(PART:"elm.text", "visible", 0.0);
+               else
+                  set_state(PART:"elm.text", "default", 0.0);
+               set_int(button_state, 0);
+            }
+         }
+         program { name: "focused";
+            action: STATE_SET "focused" 0.0;
+            target: "button_image";
+            target: "elm.text";
+         }
+         program { name: "unfocused";
+            action: STATE_SET "default" 0.0;
+            target: "button_image";
+            after: "unfocus_text";
+         }
+         program { name: "unfocus_text";
+            action: STATE_SET "visible" 0.0;
+            target: "elm.text";
+         }
+      }
+   }
+
+///////////////////////////////////////////////////////////////////////////////////////
        group { name: "elm/button/base/text_only/contact";
                alias: "elm/button/base/haptic";
                images {
index f30f357..974a2c4 100644 (file)
@@ -49,7 +49,7 @@ group { name: "elm/label/base/popup_description/default";
    styles
      {
         style { name: "popup_desc_style";
-           base: "font=SLP:style=Roman font_size=32 align=center color=#000000 wrap=word";
+           base: "font=SLP:style=Roman font_size=26 align=center color=#000000 wrap=word";
            tag:  "br" "\n";
            tag:  "ps" "ps";
            tag:  "hilight" "+ font=SLP:style=Bold";
@@ -68,10 +68,10 @@ group { name: "elm/label/base/popup_description/default";
             align: 0.0 0.5;
             min: 10 0;
             rel1 { 
-               relative: 0.0 0.0; 
+               relative: 0.0 0.0;
             }
             rel2 { 
-               relative: 0.0 1.0; 
+               relative: 0.0 1.0;
             }
          }
       }
@@ -87,20 +87,20 @@ group { name: "elm/label/base/popup_description/default";
                style: "popup_desc_style";
                min: 1 1;
             }
-            rel1 { 
-               relative: 1.0 0.0; 
-               to: left_padding; 
+            rel1 {
+               relative: 1.0 0.0;
+               to: left_padding;
             }
-            rel2 { 
-               relative: 1.0 1.0; 
-               to: left_padding; 
+            rel2 {
+               relative: 1.0 1.0;
+               to: left_padding;
             }
          }
       }
    }
 }
 
-group { name: "elm/label/base_wrap/popup_description/default"; 
+group { name: "elm/label/base_wrap/popup_description/default";
    parts {
       part { name: "left_padding";
          type: RECT;
@@ -111,10 +111,10 @@ group { name: "elm/label/base_wrap/popup_description/default";
             align: 0.0 0.5;
             min: 10 0;
             rel1 { 
-               relative: 0 0; 
+               relative: 0 0;
             }
             rel2 { 
-               relative: 0 1; 
+               relative: 0 1;
             }
          }
       }
@@ -122,15 +122,15 @@ group { name: "elm/label/base_wrap/popup_description/default";
          type: TEXTBLOCK;
          mouse_events: 0;
          effect: SHADOW;
-         scale : 1;
+         scale: 1;
          description { state: "default" 0.0;
             align: 0.0 0.0;
             text {
                style: "popup_desc_style";
                min: 0 1;
             }
-            rel1 { 
-               relative: 1.0 0.0; 
+            rel1 {
+               relative: 1.0 0.0;
                to: left_padding;
             }
          }
@@ -241,7 +241,7 @@ group { name: "elm/popup/base/default";
       styles
         {
            style { name: "popup_title_style";
-              base: "font=SLP:style=Medium font_size=34 align=center color=#ffffff wrap=word";
+              base: "font=SLP:style=Medium font_size=24 align=center color=#ffffff wrap=word";
               tag:  "br" "\n";
               tag:  "ps" "ps";
               tag:  "hilight" "+ font=SLP:style=Bold";
@@ -250,15 +250,15 @@ group { name: "elm/popup/base/default";
               tag:  "tab" "\t";
            }
         }
-      
+
       part { name: "base";
          type: RECT;
          scale : 1;
          mouse_events: 0;
          repeat_events: 1;
          description { state: "default" 0.0;
-            min: 448 0;
-            max: 448 730;
+            min: 400 0;
+            max: 400 730;
             color: 0 0 0 0;
             rel1.relative: 0.0 0.0;
             rel2.relative: 1.0 1.0;
@@ -273,8 +273,7 @@ group { name: "elm/popup/base/default";
             rel2.to: "base";
             image {
                normal: "00_popup_bg.png";
-               border: 16 16 15 29;
-               middle: DEFAULT;
+               border: 3 3 3 3;
                border_scale: 1;
             }
          }
@@ -283,20 +282,20 @@ group { name: "elm/popup/base/default";
          type: IMAGE;
          scale : 1;
          description { state: "default" 0.0;
-            min: 434 70;
+            min: 400 50;
             fixed : 1 1;
             align: 0.5 0.0;
             visible: 0;
             image.normal: "00_popup_title_bg.png";
-            image.border: 9 9 9 0;
+            image.border: 3 3 3 0;
             image.border_scale: 1;
             rel1 {
                relative: 0.5 0.0;
-               to: "base";offset: 1 1;
+               to: "base";
             }
             rel2 {
                relative: 0.5 0.0;
-               to: "base";offset: -2 -2;
+               to: "base";
             }
          }
          description { state: "show_title" 0.0;
@@ -319,7 +318,7 @@ group { name: "elm/popup/base/default";
             rel2 {
                to: "elm.rect.title";
                relative: 1.0 1.0;
-            }   
+            }
             visible: 0;
          }
          description { state: "show_title_icon" 0.0;
@@ -335,14 +334,14 @@ group { name: "elm/popup/base/default";
          description {
             state: "default" 0.0;
             text
-              {                 
+              {
                  style: "popup_title_style";
                  min: 0 0;
-                 max: 0 1;                              
+                 max: 0 1;
               }
             visible:0;
             color2: 0 0 0 255;
-            rel1 { relative: 0.0 0.0; to: "elm.rect.title"; }  
+            rel1 { relative: 0.0 0.0; to: "elm.rect.title"; }
             rel2 { relative: 1.0 1.0; to: "elm.rect.title"; }
             align: 0.5 0.5;
          }
@@ -359,7 +358,7 @@ group { name: "elm/popup/base/default";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 426 0;
+            min: 380 0;
             align: 0.5 0.5;
             fixed: 1 0;
             rel1 {
@@ -400,21 +399,21 @@ group { name: "elm/popup/base/default";
       part { name: "elm.swallow.buttonArea.Background";
          type: IMAGE;
          scale : 1;
-         description { state: "default" 0.0;                    
-            min: 440 90;
+         description { state: "default" 0.0;
+            min: 400 60;
             fixed : 1 1;
             align: 0.5 1.0;
             visible: 0;
             image.normal: "00_popup_bottom_bg.png";
-            image.border: 9 9 7 10;
+            image.border: 3 3 0 3;
             image.border_scale: 1;
             rel1 {
-               relative: 0.5 0.0;
-               to: "pad_b_button";
+               relative: 0.0 1.0;
+               to: "base";
             }
             rel2 {
-               relative: 0.5 0.0;
-               to: "pad_b_button";
+               relative: 1.0 1.0;
+               to: "base";
             }
          }
          description { state: "show_button_area" 0.0;
@@ -426,9 +425,8 @@ group { name: "elm/popup/base/default";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 224 70;
-            max: 444 70;
-            fixed : 1 1;
+            min: 200 46;
+               fixed : 1 1;
             align: 0.5 0.5;
             visible: 0;
             rel1 {
@@ -452,7 +450,7 @@ group { name: "elm/popup/base/default";
          repeat_events: 1;
          description { state: "default" 0.0;
             align: 0.5 1.0;
-            min: 0 15;
+            min: 0 5;
             fixed: 0 1;
             color: 0 0 0 0;
             rel1 {
@@ -467,29 +465,13 @@ group { name: "elm/popup/base/default";
       }
    }
    programs {
-      /*    program {
-       name: "show";
-       signal: "elm,state,show";
-       source: "elm";
-       action: STATE_SET "visible" 0.0;
-       target: "background";
-       transition: "DECELERATE" 0.5; 
-       }
-       program {
-       name: "hide";
-       signal: "elm,state,hide";
-       source: "elm";
-       action: STATE_SET "default" 0.0;
-       target: "background";
-       transition: "DECELERATE" 0.5; 
-      }*/
       program { name: show_title;
          signal: "elm,state,title,visible";
          source: "elm";
          action: STATE_SET "show_title" 0.0;
          target: "elm.swallow.title";
          target: "elm.rect.title";
-         target: "elm.swallow.content"; 
+         target: "elm.swallow.content";
          target: "base";
       }
       program { name: hide_title;
@@ -498,7 +480,7 @@ group { name: "elm/popup/base/default";
          action: STATE_SET "default" 0.0;
          target: "elm.swallow.title";
          target: "elm.rect.title";
-         target: "elm.swallow.content"; 
+         target: "elm.swallow.content";
          target: "base";
       }
       program { name: show_title_icon;
@@ -521,7 +503,7 @@ group { name: "elm/popup/base/default";
          action: STATE_SET "show_button_area" 0.0;
          target: "elm.swallow.buttonArea";
          target: "elm.swallow.content";
-         target: "elm.swallow.buttonArea.Background"; 
+         target: "elm.swallow.buttonArea.Background";
          target: "base";
       }
       program { name: hide_button_area;
@@ -530,26 +512,25 @@ group { name: "elm/popup/base/default";
          action: STATE_SET "default" 0.0;
          target: "elm.swallow.buttonArea";
          target: "elm.swallow.content";
-         target: "elm.swallow.buttonArea.Background"; 
+         target: "elm.swallow.buttonArea.Background";
          target: "base";
       }
       program { name: show_button_title_area;
          signal: "elm,state,button,title,visible";
          source: "elm";
          action: STATE_SET "show_button_title_area" 0.0;
-         target: "elm.swallow.content"; 
+         target: "elm.swallow.content";
          target: "base";
       }
       program { name: hide_button_title_area;
          signal: "elm,state,button,title,hidden";
          source: "elm";
          action: STATE_SET "default" 0.0;
-         target: "elm.swallow.content"; 
+         target: "elm.swallow.content";
          target: "base";
       }
    } /* end of programs */
 }
-
 group { name: "elm/popup/content/default";
    parts{
       part { name: "pad_t";
@@ -559,14 +540,14 @@ group { name: "elm/popup/content/default";
          repeat_events: 1;
          description { state: "default" 0.0;
             align: 0.5 0.0;
-            min: 0 60;
+            min: 0 14;
             fixed: 0 1;
             color: 0 0 0 0;
             rel1 {
                relative: 1.0 0.0;to_x: "pad_l";
             }
             rel2 {
-               relative: 0.0 0.0;to_x: "pad_r"; 
+               relative: 0.0 0.0;to_x: "pad_r";
             }
          }
       }
@@ -574,29 +555,29 @@ group { name: "elm/popup/content/default";
          type: RECT;
          scale: 1;
          description { state: "default" 0.0;
-            min : 20 0;
+            min : 10 0;
             fixed: 1 0;
-            rel1 { 
+            rel1 {
                relative: 0.0 0.0; 
             }
-            rel2 { 
-               relative: 0.0 1.0; 
+            rel2 {
+               relative: 0.0 1.0;
             }
             color: 0 0 0 0;
             align: 0.0 0.0;
          }
       }
-      part { name: "pad_r";     
+      part { name: "pad_r";
          type: RECT;
          scale: 1;
          description { state: "default" 0.0;
-            min : 20 0;
+            min : 10 0;
             fixed: 1 0;
-            rel1 { 
-               relative: 1.0 0.0; 
+            rel1 {
+               relative: 1.0 0.0;
             }
-            rel2 { 
-               relative: 1.0 1.0; 
+            rel2 {
+               relative: 1.0 1.0;
             }
             color: 0 0 0 0;
             align: 1.0 0.0;
@@ -606,7 +587,7 @@ group { name: "elm/popup/content/default";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 400 0;
+            min: 380 0;
             align: 0.5 0.5;
             fixed: 1 0;
             rel1 {
@@ -615,7 +596,7 @@ group { name: "elm/popup/content/default";
             }
             rel2 {
                relative: 0.5 0.0;
-               to: "pad_b";     
+               to: "pad_b";
             }
          }
       }
@@ -626,14 +607,14 @@ group { name: "elm/popup/content/default";
          repeat_events: 1;
          description { state: "default" 0.0;
             align: 0.5 1.0;
-            min: 0 60;
+            min: 0 14;
             fixed: 0 1;
             color: 0 0 0 0;
             rel1 {
                relative: 0.0 1.0;to_x: "pad_l";
             }
             rel2 {
-               relative: 1.0 1.0;to_x: "pad_r"; 
+               relative: 1.0 1.0;to_x: "pad_r";
             }
          }
       }
@@ -646,7 +627,7 @@ group { name: "elm/popup/content/menustyle";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 426 320;
+            min: 400 320;
             align: 0.5 0.5;
             fixed: 1 0;
             rel1 {
@@ -660,26 +641,6 @@ group { name: "elm/popup/content/menustyle";
    }
 }
 
-group { name: "elm/popup/content/customstyle";
-   parts{
-      part{ name:"elm.swallow.content";
-         type: SWALLOW;
-         scale : 1;
-         description { state: "default" 0.0;
-            min: 426 0;
-            align: 0.0 0.0;
-            fixed: 1 0;
-            rel1 {
-               relative: 0.0 0.0;
-            }
-            rel2 {
-               relative: 1.0 1.0;
-            }
-         }
-      }
-   }
-}
-
 group { name: "elm/popup/content/liststyle";
    parts{
       part { name: "pad_t";
@@ -700,12 +661,12 @@ group { name: "elm/popup/content/liststyle";
             }
          }
       }
-      
+
       part{ name:"elm.swallow.content";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 426 620;
+            min: 400 420;
             align: 0.5 0.5;
             fixed: 1 0;
             rel1 {
@@ -719,37 +680,50 @@ group { name: "elm/popup/content/liststyle";
    }
 }
 
-group { name: "elm/popup/buttons1/default";
-   alias: "elm/ctxpopup/buttons1/default";
+
+group { name: "elm/popup/content/customstyle";
    parts{
-      part{ name:"actionbtn1";
+      part{ name:"elm.swallow.content";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 308 60;
-            max: 308 60;
-            fixed : 1 1;
-            align: 0.5 1.0;
+            min: 328 0;
+            align: 0.0 0.0;
+            fixed: 1 0;
             rel1 {
-               relative: 0.5 0.0;
+               relative: 0.0 0.0;
             }
             rel2 {
-               relative: 0.5 1.0;
+               relative: 1.0 1.0;
             }
-         }                              
+         }
+      }
+   }
+}
+
+group { name: "elm/popup/buttons1/default";
+   parts{
+      part{ name:"actionbtn1";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 252 46;
+            max: 252 46;
+            fixed : 1 1;
+            align: 0.5 1.0;
+         }
       }
    }
 }
 
 group { name: "elm/popup/buttons2/default";
-   alias: "elm/ctxpopup/buttons2/default";
    parts{
       part{ name:"actionbtn1";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 200 60;
-            max: 200 60;
+            min: 172 46;
+            max: 172 46;
             fixed : 1 1;
             align: 1.0 1.0;
             rel1 {
@@ -766,8 +740,8 @@ group { name: "elm/popup/buttons2/default";
          type: RECT;
          scale : 1;
          description { state: "default" 0.0;
-            min: 6 60;
-            max: 6 60;
+            min: 6 46;
+            max: 6 46;
             fixed : 1 1;
             align: 0.5 1.0;
             color: 0 0 0 0;
@@ -783,8 +757,8 @@ group { name: "elm/popup/buttons2/default";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 200 60;
-            max: 200 60;
+            min: 172 46;
+            max: 172 46;
             fixed : 1 1;
             align: 0.0 1.0;
             rel1 {
@@ -801,14 +775,14 @@ group { name: "elm/popup/buttons2/default";
 }
 
 group { name: "elm/popup/buttons3/default";
-   alias: "elm/ctxpopup/buttons3/default";
+      alias: "elm/popup/buttons3/menustyle";
    parts{
       part{ name:"actionbtn1";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 126 60; 
-            max: 126 60;            
+            min: 120 46;
+            max: 120 46;
             fixed : 1 1;
             align: 1.0 1.0;
             rel1 {
@@ -825,8 +799,8 @@ group { name: "elm/popup/buttons3/default";
          type: RECT;
          scale : 1;
          description { state: "default" 0.0;
-            min: 6 60;
-            max: 6 60;
+            min: 6 46;
+            max: 6 46;
             fixed : 1 1;
             align: 0.5 1.0;
             color: 0 0 0 0;
@@ -844,8 +818,8 @@ group { name: "elm/popup/buttons3/default";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 126 60;
-            max: 126 60;
+            min: 120 46;
+            max: 120 46;
             fixed : 1 1;
             align: 0.5 1.0;
             rel1 {
@@ -860,8 +834,8 @@ group { name: "elm/popup/buttons3/default";
          type: RECT;
          scale : 1;
          description { state: "default" 0.0;
-            min: 6 60;
-            max: 6 60;
+            min: 6 46;
+            max: 6 46;
             fixed : 1 1;
             align: 0.5 1.0;
             color: 0 0 0 0;
@@ -879,8 +853,8 @@ group { name: "elm/popup/buttons3/default";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 126 60; 
-            max: 126 60; 
+            min: 120 46;
+            max: 120 46;
             fixed : 1 1;
             align: 0.0 1.0;
             rel1 {
@@ -904,7 +878,7 @@ group { name: "elm/popup/base/volumebarstyle";
       styles
         {
            style { name: "popup_title_volumebarstyle";
-              base: "font=SLP:style=Medium font_size=32 align=center color=#ffffff wrap=word";
+              base: "font=SLP:style=Medium font_size=28 align=center color=#ffffff wrap=word";
               tag:  "br" "\n";
               tag:  "ps" "ps";
               tag:  "hilight" "+ font=SLP:style=Bold";
@@ -913,7 +887,7 @@ group { name: "elm/popup/base/volumebarstyle";
               tag:  "tab" "\t";
            }
         }
-      
+
       part { name: "base";
          type: RECT;
          scale : 1;
@@ -921,8 +895,7 @@ group { name: "elm/popup/base/volumebarstyle";
          repeat_events: 1;
          description { state: "default" 0.0;
             min: 262 0;
-            //    max: 262 424;
-            max: 262 480;
+            max: 262 424;
             color: 0 0 0 0;
             rel1.relative: 0.0 0.0;
             rel2.relative: 1.0 1.0;
@@ -975,14 +948,14 @@ group { name: "elm/popup/base/volumebarstyle";
          description {
             state: "default" 0.0;
             text
-              {                 
+              {
                  style: "popup_title_volumebarstyle";
                  min: 0 0;
-                 max: 0 1;                              
+                 max: 0 1;
               }
             visible:0;
             color2: 0 0 0 255;
-            rel1 { relative: 0.0 0.0; to: "elm.rect.title"; }  
+            rel1 { relative: 0.0 0.0; to: "elm.rect.title"; }
             rel2 { relative: 1.0 1.0; to: "elm.rect.title"; }
             align: 0.5 0.2;
          }
@@ -1010,14 +983,14 @@ group { name: "elm/popup/base/volumebarstyle";
             rel2 {
                to: "elm.rect.title";
                relative: 1.0 1.0;
-            }   
+            }
             visible: 0;
          }
          description { state: "show_title_icon" 0.0;
             inherit: "default" 0.0;
             visible: 1;
          }
-      }     
+      }
       part { name: "elm.swallow.content";
          type: SWALLOW;
          scale : 1;
@@ -1063,7 +1036,7 @@ group { name: "elm/popup/base/volumebarstyle";
       part { name: "elm.swallow.buttonArea.Background";
          type: RECT;
          scale : 1;
-         description { state: "default" 0.0;                    
+         description { state: "default" 0.0;
             min: 262 90;
             fixed : 1 1;
             align: 0.5 1.0;
@@ -1134,7 +1107,7 @@ group { name: "elm/popup/base/volumebarstyle";
          action: STATE_SET "show_title" 0.0;
          target: "elm.swallow.title";
          target: "elm.rect.title";
-         target: "elm.swallow.content"; 
+         target: "elm.swallow.content";
          target: "base";
       }
       program { name: hide_title;
@@ -1143,7 +1116,7 @@ group { name: "elm/popup/base/volumebarstyle";
          action: STATE_SET "default" 0.0;
          target: "elm.swallow.title";
          target: "elm.rect.title";
-         target: "elm.swallow.content"; 
+         target: "elm.swallow.content";
          target: "base";
       }
       program { name: show_title_icon;
@@ -1166,7 +1139,7 @@ group { name: "elm/popup/base/volumebarstyle";
          action: STATE_SET "show_button_area" 0.0;
          target: "elm.swallow.buttonArea";
          target: "elm.swallow.content";
-         target: "elm.swallow.buttonArea.Background"; 
+         target: "elm.swallow.buttonArea.Background";
          target: "base";
       }
       program { name: hide_button_area;
@@ -1175,7 +1148,7 @@ group { name: "elm/popup/base/volumebarstyle";
          action: STATE_SET "default" 0.0;
          target: "elm.swallow.buttonArea";
          target: "elm.swallow.content";
-         target: "elm.swallow.buttonArea.Background"; 
+         target: "elm.swallow.buttonArea.Background";
          target: "base";
       }
       program { name: show_button_title_area;
@@ -1189,7 +1162,7 @@ group { name: "elm/popup/base/volumebarstyle";
          signal: "elm,state,button,title,hidden";
          source: "elm";
          action: STATE_SET "default" 0.0;
-         target: "elm.swallow.content"; 
+         target: "elm.swallow.content";
          target: "base";
       }
    } /* end of programs */
@@ -1211,7 +1184,7 @@ group { name: "elm/popup/content/volumebarstyle";
                relative: 1.0 0.0;to_x: "pad_l";
             }
             rel2 {
-               relative: 0.0 0.0;to_x: "pad_r"; 
+               relative: 0.0 0.0;to_x: "pad_r";
             }
          }
       }
@@ -1219,29 +1192,29 @@ group { name: "elm/popup/content/volumebarstyle";
          type: RECT;
          scale: 1;
          description { state: "default" 0.0;
-            min : 68 0;
+            min : 43 0;
             fixed: 1 0;
-            rel1 { 
+            rel1 {
                relative: 0.0 0.0; 
             }
-            rel2 { 
-               relative: 0.0 1.0; 
+            rel2 {
+               relative: 0.0 1.0;
             }
             color: 0 0 0 0;
             align: 0.0 0.0;
          }
       }
-      part { name: "pad_r";     
+      part { name: "pad_r";
          type: RECT;
          scale: 1;
          description { state: "default" 0.0;
-            min : 68 0;
+            min : 44 0;
             fixed: 1 0;
-            rel1 { 
+            rel1 {
                relative: 1.0 0.0; 
             }
-            rel2 { 
-               relative: 1.0 1.0; 
+            rel2 {
+               relative: 1.0 1.0;
             }
             color: 0 0 0 0;
             align: 1.0 0.0;
@@ -1251,7 +1224,7 @@ group { name: "elm/popup/content/volumebarstyle";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 126 263;
+            min: 175 263;
             align: 0.5 0.5;
             fixed: 1 0;
             rel1 {
@@ -1260,7 +1233,7 @@ group { name: "elm/popup/content/volumebarstyle";
             }
             rel2 {
                relative: 0.5 0.0;
-               to: "pad_b";     
+               to: "pad_b";
             }
          }
       }
@@ -1278,7 +1251,7 @@ group { name: "elm/popup/content/volumebarstyle";
                relative: 0.0 1.0;to_x: "pad_l";
             }
             rel2 {
-               relative: 1.0 1.0;to_x: "pad_r"; 
+               relative: 1.0 1.0;to_x: "pad_r";
             }
          }
       }
@@ -1291,8 +1264,8 @@ group { name: "elm/popup/buttons2/volumebarstyle";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 120 60;
-            max: 120 60;
+            min: 172 46;
+            max: 172 46;
             fixed : 1 1;
             align: 1.0 1.0;
             rel1 {
@@ -1309,8 +1282,8 @@ group { name: "elm/popup/buttons2/volumebarstyle";
          type: RECT;
          scale : 1;
          description { state: "default" 0.0;
-            min: 4 60;
-            max: 4 60;
+            min: 6 46;
+            max: 6 46;
             fixed : 1 1;
             align: 0.5 1.0;
             color: 0 0 0 0;
@@ -1326,8 +1299,8 @@ group { name: "elm/popup/buttons2/volumebarstyle";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 120 60;
-            max: 120 60;
+            min: 172 46;
+            max: 172 46;
             fixed : 1 1;
             align: 0.0 1.0;
             rel1 {
@@ -1349,8 +1322,8 @@ group { name: "elm/popup/buttons1/volumebarstyle";
          type: SWALLOW;
          scale : 1;
          description { state: "default" 0.0;
-            min: 210 60;
-            max: 210 60;
+            min: 252 46;
+            max: 252 46;
             fixed : 1 1;
             align: 0.5 1.0;
                 rel1 {
@@ -1359,9 +1332,1376 @@ group { name: "elm/popup/buttons1/volumebarstyle";
             rel2 {
                relative: 0.5 1.0;
             }
-         }                              
+         }
       }
    }
 }
 
+group { name: "elm/popup/base/image_scroll";
+   parts {
+      images {
+         image: "00_popup_title_middle.png" COMP;
+         image: "00_popup_bottom.png" COMP;
+      }
+      styles
+        {
+           style { name: "popup_image_title_style";
+              base: "font=SLP:style=Medium font_size=20 align=center color=#ffffff wrap=word";
+              tag:  "br" "\n";
+              tag:  "ps" "ps";
+              tag:  "hilight" "+ font=SLP:style=Bold";
+              tag:  "b" "+ font=SLP:style=Bold";
+              tag:  "whitecolor" "+ color=#ffffff";
+              tag:  "tab" "\t";
+           }
+        }
+        part { name: "bg";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            min: 780 460;
+            max: 780 460;
+            color: 255 0 0 0;
+            rel1.relative: 0.0 0.0;
+            rel2.relative: 1.0 1.0;
+            align: 0.0 0.0;
+         }
+         description { state: "portrait" 0.0;
+            inherit: "default" 0.0;
+            min: 460 780;
+            max: 460 780;
+            color: 255 0 0 100;
+         }
+      }
+      part { name: "base";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            min: 440 165;
+           // max: 684 165;
+            fixed: 1 1;
+            color: 255 0 0 0;
+            rel1 {
+               relative: 0.0 0.6; to: "bg";
+            }
+            rel2 {
+               relative: 0.88 0.94; to: "bg";}
+            align: 0.0 0.0;
+         }
+         description { state: "portrait" 0.0;
+            inherit: "default" 0.0;
+            min: 440 165;
+            max: 440 165;
+            color: 255 0 0 100;
+         }
+      }
+      part { name: "elm.rect.title";
+         type: IMAGE;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 200 37;
+            fixed : 1 1;
+            align: 0.5 0.0;
+            visible: 0;
+            image.normal: "00_popup_title_middle.png";
+            image.border: 9 9 9 1;
+            image.border_scale: 1;
+            rel1 {
+               relative: 0.0 0.0; to: "base";
+            }
+            rel2 {
+               relative: 1.0 0.0; to: "base";
+            }
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "background";
+         scale : 1;
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            min: 200 128;
+            rel1.to: "elm.rect.title";
+            rel2.to: "base";
+            rel1.relative: 0.0 1.0;
+            rel2.relative: 1.0 1.0;
+            image {
+               normal: "00_popup_bottom.png";
+               border: 9 9 0 9;
+               middle: DEFAULT;
+               border_scale: 1;
+            }
+         }
+      }
+      part { name: "elm.swallow.title.icon";
+         type: SWALLOW;
+         scale: 1;
+         description { state: "default" 0.0;
+            min: 48 48;
+            max: 48 48;
+            fixed: 1 1;
+            align: 0.0 0.5;
+            rel1 {
+               to: "elm.rect.title";
+               relative: 0.0 0.0;
+            }
+            rel2 {
+               to: "elm.rect.title";
+               relative: 1.0 1.0;
+            }   
+            visible: 0;
+         }
+         description { state: "show_title_icon" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part {
+         name: "elm.swallow.title";
+         type: TEXTBLOCK;
+         effect: SHADOW;
+         scale:1;
+         description {
+            state: "default" 0.0;
+            text
+              {                 
+                 style: "popup_image_title_style";
+                 min: 0 0;
+                 max: 0 1;
+              }
+            visible:0;
+            color2: 0 0 0 255;
+            rel1 { relative: 0.0 0.0; to: "elm.rect.title"; }  
+            rel2 { relative: 1.0 1.0; to: "elm.rect.title"; }
+            align: 0.5 0.5;
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+         description { state: "show_title_icon" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.swallow.content";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 426 0;
+            align: 0.0 0.0;
+            fixed: 1 0;
+            rel1 {
+               relative: 0.05 0.05;
+               to: "background";
+            }
+            rel2 {
+               relative: 0.95 0.98;
+               to: "background";
+            }
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            rel1 {
+               relative: 0.05 1.05;
+               to: "elm.rect.title";
+            }
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+         }
+         description { state: "show_button_title_area" 0.0;
+            inherit: "default" 0.0;
+            rel1 {
+               relative: 0.05 1.05;
+               to: "elm.rect.title";
+            }
+            rel2 {
+               relative: 0.95 0.98;
+               to: "background";
+            }
+         }
+      }
+      part { name: "elm.swallow.buttonArea.Background";
+         type: RECT;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 64 436;
+            max: 64 436;
+            fixed : 1 1;
+            align: 1.0 0.5;
+            visible: 1;
+            rel1 {
+               relative: 0.92 0.04;
+               to: "bg";
+            }
+            rel2 {
+               relative: 1.0  1.0);
+               to_x: "bg";
+               to_y: "base";
+            }
+            color: 0 255 0 0;
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.swallow.buttonArea";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 40 70;
+            max: 60 436;
+            fixed : 1 1;
+            align: 0.5 0.5;
+            visible: 0;
+            rel1 {
+               relative: 0.0 0.0;
+               to: "elm.swallow.buttonArea.Background";
+            }
+            rel2 {
+               relative: 1.0 1.0;
+               to: "elm.swallow.buttonArea.Background";
+            }
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "pad_b_button";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            align: 0.5 1.0;
+            min: 0 15;
+            fixed: 0 1;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 0.0 1.0;
+               to: "base";
+            }
+            rel2 {
+               relative: 1.0 1.0;
+               to: "base";
+            }
+         }
+      }
+   }
+   programs {
+      /*    program {
+       name: "show";
+       signal: "elm,state,show";
+       source: "elm";
+       action: STATE_SET "visible" 0.0;
+       target: "background";
+       transition: "DECELERATE" 0.5; 
+       }
+       program {
+       name: "hide";
+       signal: "elm,state,hide";
+       source: "elm";
+       action: STATE_SET "default" 0.0;
+       target: "background";
+       transition: "DECELERATE" 0.5; 
+      }*/
+      program { name: show_title;
+         signal: "elm,state,title,visible";
+         source: "elm";
+         action: STATE_SET "show_title" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.rect.title";
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: hide_title;
+         signal: "elm,state,title,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.rect.title";
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: show_title_icon;
+         signal: "elm,state,title,icon,visible";
+         source: "elm";
+         action: STATE_SET "show_title_icon" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.swallow.title.icon";
+      }
+      program { name: hide_title_icon;
+         signal: "elm,state,title,icon,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.swallow.title.icon";
+      }
+      program { name: show_button_area;
+         signal: "elm,state,button,visible";
+         source: "elm";
+         action: STATE_SET "show_button_area" 0.0;
+         target: "elm.swallow.buttonArea";
+         target: "elm.swallow.content";
+         target: "elm.swallow.buttonArea.Background"; 
+         target: "base";
+      }
+      program { name: hide_button_area;
+         signal: "elm,state,button,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.buttonArea";
+         target: "elm.swallow.content";
+         target: "elm.swallow.buttonArea.Background"; 
+         target: "base";
+      }
+      program { name: show_button_title_area;
+         signal: "elm,state,button,title,visible";
+         source: "elm";
+         action: STATE_SET "show_button_title_area" 0.0;
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: hide_button_title_area;
+         signal: "elm,state,button,title,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+   } /* end of programs */
+}
+
+group { name: "elm/popup/content/image_scroll";
+   parts{
+      part { name: "pad_t";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            align: 0.5 0.0;
+            min: 0 9;
+            fixed: 0 1;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 1.0 0.0;to_x: "pad_l";
+            }
+            rel2 {
+               relative: 0.0 0.0;to_x: "pad_r"; 
+            }
+         }
+      }
+      part { name: "pad_l";
+         type: RECT;
+         scale: 1;
+         description { state: "default" 0.0;
+            min : 15 0;
+            fixed: 1 0;
+            rel1 { 
+               relative: 0.0 0.0; 
+            }
+            rel2 { 
+               relative: 0.0 1.0; 
+            }
+            color: 0 0 0 0;
+            align: 0.0 0.0;
+         }
+      }
+      part { name: "pad_r";     
+         type: RECT;
+         scale: 1;
+         description { state: "default" 0.0;
+            min : 15 0;
+            fixed: 1 0;
+            rel1 { 
+               relative: 1.0 0.0; 
+            }
+            rel2 { 
+               relative: 1.0 1.0; 
+            }
+            color: 0 0 0 0;
+            align: 1.0 0.0;
+         }
+      } 
+      part{ name:"elm.swallow.content";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 654 0;
+            align: 0.5 0.5;
+            fixed: 1 0;
+            rel1 {
+               relative: 0.5 1.0;
+               to: "pad_t";
+            }
+            rel2 {
+               relative: 0.5 0.0;
+               to: "pad_b";     
+            }
+         }
+      }
+      part { name: "pad_b";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            align: 0.5 1.0;
+            min: 0 5;
+            fixed: 0 1;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 0.0 1.0;to_x: "pad_l";
+            }
+            rel2 {
+               relative: 1.0 1.0;to_x: "pad_r"; 
+            }
+         }
+      }
+   }
+}
+group { name: "elm/popup/buttons2/image_scroll";
+   parts{
+      part{ name:"actionbtn1";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 60 60;
+            max: 60 60;
+            fixed : 1 1;
+            align: 0.0 0.0;
+            rel1 {
+               relative: 0.0 0.0;
+            }
+         }
+      }
+      part { name: "elm.rect.pad_btn";
+         type: RECT;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 6 60;
+            max: 6 60;
+            fixed : 1 1;
+            align: 0.5 1.0;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 0.5 0.0;
+            }
+            rel2 {
+               relative: 0.5 1.0;
+            }
+         }
+      }
+      part{ name:"actionbtn2";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 60 60;
+            max: 60 60;
+            fixed : 1 1;
+            align: 1.0 1.0;
+            rel2 {
+               relative: 1.0 1.0;
+            }
+         }
+      }
+   }
+}
+
+group { name: "elm/popup/base/image_slider";
+   parts {
+      images {
+         image: "00_popup_title_middle.png" COMP;
+         image: "00_popup_content.png" COMP;
+      }
+      part { name: "bg";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            min: 780 460;
+            max: 780 460;
+            color: 255 0 0 0;
+            rel1.relative: 0.0 0.0;
+            rel2.relative: 1.0 1.0;
+            align: 0.0 0.0;
+         }
+         description { state: "portrait" 0.0;
+            inherit: "default" 0.0;
+            min: 460 780;
+            max: 460 780;
+            color: 255 0 0 0;
+         }
+      }
+      part { name: "base";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            min: 440 325;
+            max: 460 325;
+            fixed: 1 1;
+            color: 255 0 0 0;
+            rel1 {
+               relative: 0.2 0.3; to: "bg";
+            }
+            rel2 {
+               relative: 0.88 0.94; to: "bg";}
+            align: 0.0 0.0;
+         }
+      }
+      part { name: "elm.rect.title";
+         type: IMAGE;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 200 35;
+            fixed : 1 1;
+            align: 0.5 0.0;
+            visible: 0;
+            image.normal: "00_popup_title_middle.png";
+            image.border: 9 9 9 1;
+            image.border_scale: 1;
+            rel1 {
+               relative: 0.0 0.0; to: "base";
+            }
+            rel2 {
+               relative: 1.0 0.0; to: "base";
+            }
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "background";
+         scale : 1;
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            min: 200 128;
+            fixed : 1 1;
+            align: 0.5 0.0;
+            rel1.to: "elm.rect.title";
+            rel2.to: "base";
+            rel1.relative: 0.0 1.0;
+            rel2.relative: 1.0 0.94;
+            image {
+               normal: "00_popup_content.png";
+               border: 9 9 1 8;
+               middle: DEFAULT;
+               border_scale: 1;
+            }
+         }
+      }
+      part { name: "elm.swallow.title.icon";
+         type: SWALLOW;
+         scale: 1;
+         description { state: "default" 0.0;
+            min: 48 48;
+            max: 48 48;
+            fixed: 1 1;
+            align: 0.0 0.5;
+            rel1 {
+               to: "elm.rect.title";
+               relative: 0.0 0.0;
+            }
+            rel2 {
+               to: "elm.rect.title";
+               relative: 1.0 1.0;
+            }   
+            visible: 0;
+         }
+         description { state: "show_title_icon" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part {
+         name: "elm.swallow.title";
+         type: TEXTBLOCK;
+         effect: SHADOW;
+         scale:1;
+         description {
+            state: "default" 0.0;
+            text
+              {                 
+                 style: "popup_image_title_style";
+                 min: 0 0;
+                 max: 0 1;
+              }
+            visible:0;
+            color2: 0 0 0 255;
+            rel1 { relative: 0.0 0.0; to: "elm.rect.title"; }  
+            rel2 { relative: 1.0 1.0; to: "elm.rect.title"; }
+            align: 0.5 0.5;
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+         description { state: "show_title_icon" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.swallow.content";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 430 0;
+            align: 0.0 0.0;
+            fixed: 1 0;
+            rel1 {
+               relative: 0.03 0.05;
+               to: "background";
+            }
+            rel2 {
+               relative: 0.97 0.98;
+               to: "background";
+            }
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            rel1 {
+               relative: 0.05 1.05;
+               to: "elm.rect.title";
+            }
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+         }
+         description { state: "show_button_title_area" 0.0;
+            inherit: "default" 0.0;
+            rel1 {
+               relative: 0.05 1.05;
+               to: "elm.rect.title";
+            }
+            rel2 {
+               relative: 0.95 0.98;
+               to: "background";
+            }
+         }
+      }
+      part { name: "elm.swallow.buttonArea.Background";
+         type: RECT;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 64 436;
+            max: 64 436;
+            fixed : 1 1;
+            align: 1.0 0.5;
+            visible: 1;
+            rel1 {
+               relative: 0.92 0.04;
+               to: "bg";
+            }
+            rel2 {
+               relative: 1.0  1.0);
+               to_x: "bg";
+               to_y: "base";
+            }
+            color: 0 255 0 0;
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.swallow.buttonArea";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 40 70;
+            max: 60 436;
+            fixed : 1 1;
+            align: 0.5 0.5;
+            visible: 0;
+            rel1 {
+               relative: 0.0 0.0;
+               to: "elm.swallow.buttonArea.Background";
+            }
+            rel2 {
+               relative: 1.0 1.0;
+               to: "elm.swallow.buttonArea.Background";
+            }
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+   }
+   programs {
+      /*    program {
+       name: "show";
+       signal: "elm,state,show";
+       source: "elm";
+       action: STATE_SET "visible" 0.0;
+       target: "background";
+       transition: "DECELERATE" 0.5; 
+       }
+       program {
+       name: "hide";
+       signal: "elm,state,hide";
+       source: "elm";
+       action: STATE_SET "default" 0.0;
+       target: "background";
+       transition: "DECELERATE" 0.5; 
+      }*/
+      program { name: show_title;
+         signal: "elm,state,title,visible";
+         source: "elm";
+         action: STATE_SET "show_title" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.rect.title";
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: hide_title;
+         signal: "elm,state,title,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.rect.title";
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: show_title_icon;
+         signal: "elm,state,title,icon,visible";
+         source: "elm";
+         action: STATE_SET "show_title_icon" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.swallow.title.icon";
+      }
+      program { name: hide_title_icon;
+         signal: "elm,state,title,icon,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.swallow.title.icon";
+      }
+      program { name: show_button_area;
+         signal: "elm,state,button,visible";
+         source: "elm";
+         action: STATE_SET "show_button_area" 0.0;
+         target: "elm.swallow.buttonArea";
+         target: "elm.swallow.content";
+         target: "elm.swallow.buttonArea.Background"; 
+         target: "base";
+      }
+      program { name: hide_button_area;
+         signal: "elm,state,button,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.buttonArea";
+         target: "elm.swallow.content";
+         target: "elm.swallow.buttonArea.Background"; 
+         target: "base";
+      }
+      program { name: show_button_title_area;
+         signal: "elm,state,button,title,visible";
+         source: "elm";
+         action: STATE_SET "show_button_title_area" 0.0;
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: hide_button_title_area;
+         signal: "elm,state,button,title,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+   } /* end of programs */
+}
+
+group { name: "elm/popup/content/image_slider";
+   parts{
+      part { name: "pad_t";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            align: 0.5 0.0;
+            min: 0 9;
+            fixed: 0 1;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 1.0 0.0;to_x: "pad_l";
+            }
+            rel2 {
+               relative: 0.0 0.0;to_x: "pad_r"; 
+            }
+         }
+      }
+      part { name: "pad_l";
+         type: RECT;
+         scale: 1;
+         description { state: "default" 0.0;
+            min : 15 0;
+            fixed: 1 0;
+            rel1 { 
+               relative: 0.0 0.0; 
+            }
+            rel2 { 
+               relative: 0.0 1.0; 
+            }
+            color: 0 0 0 0;
+            align: 0.0 0.0;
+         }
+      }
+      part { name: "pad_r";     
+         type: RECT;
+         scale: 1;
+         description { state: "default" 0.0;
+            min : 15 0;
+            fixed: 1 0;
+            rel1 { 
+               relative: 1.0 0.0; 
+            }
+            rel2 { 
+               relative: 1.0 1.0; 
+            }
+            color: 0 0 0 0;
+            align: 1.0 0.0;
+         }
+      } 
+      part{ name:"elm.swallow.content";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 430 0;
+            align: 0.5 0.5;
+            fixed: 1 0;
+            rel1 {
+               relative: 0.5 1.0;
+               to: "pad_t";
+            }
+            rel2 {
+               relative: 0.5 0.0;
+               to: "pad_b";     
+            }
+         }
+      }
+      part { name: "pad_b";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            align: 0.5 1.0;
+            min: 0 5;
+            fixed: 0 1;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 0.0 1.0;to_x: "pad_l";
+            }
+            rel2 {
+               relative: 1.0 1.0;to_x: "pad_r"; 
+            }
+         }
+      }
+   }
+}
+group { name: "elm/popup/buttons2/image_slider";
+   parts{
+      part{ name:"actionbtn1";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 60 60;
+            max: 60 60;
+            fixed : 1 1;
+            align: 0.0 0.0;
+            rel1 {
+               relative: 0.0 0.0;
+            }
+         }
+      }
+      part { name: "elm.rect.pad_btn";
+         type: RECT;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 6 60;
+            max: 6 60;
+            fixed : 1 1;
+            align: 0.5 1.0;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 0.5 0.0;
+            }
+            rel2 {
+               relative: 0.5 1.0;
+            }
+         }
+      }
+      part{ name:"actionbtn2";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 60 60;
+            max: 60 60;
+            fixed : 1 1;
+            align: 1.0 1.0;
+            rel2 {
+               relative: 1.0 1.0;
+            }
+         }
+      }
+   }
+}
+
+group { name: "elm/popup/base/image_list";
+   parts {
+      images {
+         image: "00_popup_title_middle.png" COMP;
+         image: "00_popup_bottom.png" COMP;
+         image: "00_popup_bg.png" COMP;
+      }
+      part { name: "bg";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            min: 780 460;
+            max: 780 460;
+            color: 255 0 0 0;
+            rel1.relative: 0.0 0.0;
+            rel2.relative: 1.0 1.0;
+            align: 0.0 0.0;
+         }
+         description { state: "portrait" 0.0;
+            inherit: "default" 0.0;
+            min: 460 780;
+            max: 460 780;
+            color: 255 0 0 100;
+         }
+      }
+      part { name: "base";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            min: 350 275;
+            max: 350 275;
+            fixed: 1 1;
+            color: 255 0 0 0;
+            rel1 {
+               relative: 0.25 0.4; to: "bg";
+            }
+            rel2 {
+               relative: 0.88 0.94; to: "bg";}
+            align: 0.0 0.0;
+         }
+      }
+      part { name: "elm.rect.title";
+         type: IMAGE;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 350 35;
+            fixed : 1 1;
+            visible: 0;
+            image.normal: "00_popup_title_middle.png";
+            image.border: 9 9 9 1;
+            image.border_scale: 1;
+            rel1 {
+               relative: 0.0 0.0; to: "base";
+            }
+            rel2 {
+               relative: 1.0 0.0; to: "base";
+            }
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "background";
+         scale : 1;
+         mouse_events: 0;
+         description { state: "default" 0.0;
+            min: 350 128;
+            fixed: 1 1;
+            rel1.to: "elm.rect.title";
+            rel1.relative: 0.0 1.0;
+            rel2.to: "base";
+            rel2.relative: 1.0 1.0;
+            image {
+               normal: "00_popup_bottom.png";
+               border: 9 9 0 9;
+               middle: DEFAULT;
+               border_scale: 1;
+            }
+         }
+      }
+      part { name: "elm.swallow.title.icon";
+         type: SWALLOW;
+         scale: 1;
+         description { state: "default" 0.0;
+            min: 48 48;
+            max: 48 48;
+            fixed: 1 1;
+            align: 0.0 0.5;
+            rel1 {
+               to: "elm.rect.title";
+               relative: 0.0 0.0;
+            }
+            rel2 {
+               to: "elm.rect.title";
+               relative: 1.0 1.0;
+            }   
+            visible: 0;
+         }
+         description { state: "show_title_icon" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part {
+         name: "elm.swallow.title";
+         type: TEXTBLOCK;
+         effect: SHADOW;
+         scale:1;
+         description {
+            state: "default" 0.0;
+            text
+              {                 
+                 style: "popup_image_title_style";
+                 min: 0 0;
+                 max: 0 1;
+              }
+            visible:0;
+            color2: 0 0 0 255;
+            rel1 { relative: 0.0 0.0; to: "elm.rect.title"; }  
+            rel2 { relative: 1.0 1.0; to: "elm.rect.title"; }
+            align: 0.5 0.5;
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+         description { state: "show_title_icon" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.swallow.content";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 325 0;
+            align: 0.5 0.5;
+            fixed: 1 0;
+            rel1 {
+               relative: 0.05 0.05;
+               to: "background";
+            }
+            rel2 {
+               relative: 0.95 0.98;
+               to: "background";
+            }
+         }
+         description { state: "show_title" 0.0;
+            inherit: "default" 0.0;
+            rel1 {
+               relative: 0.05 1.05;
+               to: "elm.rect.title";
+            }
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+         }
+         description { state: "show_button_title_area" 0.0;
+            inherit: "default" 0.0;
+            rel1 {
+               relative: 0.05 1.05;
+               to: "elm.rect.title";
+            }
+            rel2 {
+               relative: 0.95 0.98;
+               to: "background";
+            }
+         }
+      }
+      part { name: "elm.swallow.buttonArea.Background";
+         type: RECT;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 64 436;
+            fixed : 1 1;
+            align: 1.0 0.5;
+            visible: 1;
+            rel1 {
+               relative: 0.92 0.04;
+               to: "bg";
+            }
+            rel2 {
+               relative: 1.0  1.0);
+               to_x: "bg";
+               to_y: "base";
+            }
+            color: 0 255 0 0;
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+      part { name: "elm.swallow.buttonArea";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 40 70;
+            fixed : 1 1;
+            align: 0.5 0.5;
+            visible: 0;
+            rel1 {
+               relative: 0.0 0.0;
+               to: "elm.swallow.buttonArea.Background";
+            }
+            rel2 {
+               relative: 1.0 1.0;
+               to: "elm.swallow.buttonArea.Background";
+            }
+         }
+         description { state: "show_button_area" 0.0;
+            inherit: "default" 0.0;
+            visible: 1;
+         }
+      }
+   }
+   programs {
+      /*    program {
+       name: "show";
+       signal: "elm,state,show";
+       source: "elm";
+       action: STATE_SET "visible" 0.0;
+       target: "background";
+       transition: "DECELERATE" 0.5; 
+       }
+       program {
+       name: "hide";
+       signal: "elm,state,hide";
+       source: "elm";
+       action: STATE_SET "default" 0.0;
+       target: "background";
+       transition: "DECELERATE" 0.5; 
+      }*/
+      program { name: show_title;
+         signal: "elm,state,title,visible";
+         source: "elm";
+         action: STATE_SET "show_title" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.rect.title";
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: hide_title;
+         signal: "elm,state,title,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.rect.title";
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: show_title_icon;
+         signal: "elm,state,title,icon,visible";
+         source: "elm";
+         action: STATE_SET "show_title_icon" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.swallow.title.icon";
+      }
+      program { name: hide_title_icon;
+         signal: "elm,state,title,icon,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.title";
+         target: "elm.swallow.title.icon";
+      }
+      program { name: show_button_area;
+         signal: "elm,state,button,visible";
+         source: "elm";
+         action: STATE_SET "show_button_area" 0.0;
+         target: "elm.swallow.buttonArea";
+         target: "elm.swallow.content";
+         target: "elm.swallow.buttonArea.Background"; 
+         target: "base";
+      }
+      program { name: hide_button_area;
+         signal: "elm,state,button,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.buttonArea";
+         target: "elm.swallow.content";
+         target: "elm.swallow.buttonArea.Background"; 
+         target: "base";
+      }
+      program { name: show_button_title_area;
+         signal: "elm,state,button,title,visible";
+         source: "elm";
+         action: STATE_SET "show_button_title_area" 0.0;
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+      program { name: hide_button_title_area;
+         signal: "elm,state,button,title,hidden";
+         source: "elm";
+         action: STATE_SET "default" 0.0;
+         target: "elm.swallow.content"; 
+         target: "base";
+      }
+   } /* end of programs */
+}
+
+group { name: "elm/popup/content/image_list";
+   parts{
+      part { name: "pad_t";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            align: 0.5 0.0;
+            min: 0 9;
+            fixed: 0 1;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 1.0 0.0;to_x: "pad_l";
+            }
+            rel2 {
+               relative: 0.0 0.0;to_x: "pad_r"; 
+            }
+         }
+      }
+      part { name: "pad_l";
+         type: RECT;
+         scale: 1;
+         description { state: "default" 0.0;
+            min : 15 0;
+            fixed: 1 0;
+            rel1 { 
+               relative: 0.0 0.0; 
+            }
+            rel2 { 
+               relative: 0.0 1.0; 
+            }
+            color: 0 0 0 0;
+            align: 0.0 0.0;
+         }
+      }
+      part { name: "pad_r";     
+         type: RECT;
+         scale: 1;
+         description { state: "default" 0.0;
+            min : 15 0;
+            fixed: 1 0;
+            rel1 { 
+               relative: 1.0 0.0; 
+            }
+            rel2 { 
+               relative: 1.0 1.0; 
+            }
+            color: 0 0 0 0;
+            align: 1.0 0.0;
+         }
+      } 
+      part{ name:"elm.swallow.content";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 320 0;
+            align: 0.5 0.5;
+            fixed: 1 0;
+            rel1 {
+               relative: 0.5 1.0;
+               to: "pad_t";
+            }
+            rel2 {
+               relative: 0.5 0.0;
+               to: "pad_b";     
+            }
+         }
+      }
+      part { name: "pad_b";
+         type: RECT;
+         scale : 1;
+         mouse_events: 0;
+         repeat_events: 1;
+         description { state: "default" 0.0;
+            align: 0.5 1.0;
+            min: 0 5;
+            fixed: 0 1;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 0.0 1.0;to_x: "pad_l";
+            }
+            rel2 {
+               relative: 1.0 1.0;to_x: "pad_r"; 
+            }
+         }
+      }
+   }
+}
+group { name: "elm/popup/buttons2/image_list";
+   parts{
+      part{ name:"actionbtn1";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 60 60;
+            max: 60 60;
+            fixed : 1 1;
+            align: 0.0 0.0;
+            rel1 {
+               relative: 0.0 0.0;
+            }
+         }
+      }
+      part { name: "elm.rect.pad_btn";
+         type: RECT;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 6 60;
+            max: 6 60;
+            fixed : 1 1;
+            align: 0.5 1.0;
+            color: 0 0 0 0;
+            rel1 {
+               relative: 0.5 0.0;
+            }
+            rel2 {
+               relative: 0.5 1.0;
+            }
+         }
+      }
+      part{ name:"actionbtn2";
+         type: SWALLOW;
+         scale : 1;
+         description { state: "default" 0.0;
+            min: 60 60;
+            max: 60 60;
+            fixed : 1 1;
+            align: 1.0 1.0;
+            rel2 {
+               relative: 1.0 1.0;
+            }
+         }
+      }
+   }
+}
 
diff --git a/themes/images/nbeat-black/00_button_01_normal_dim.png b/themes/images/nbeat-black/00_button_01_normal_dim.png
new file mode 100644 (file)
index 0000000..f2c67bd
Binary files /dev/null and b/themes/images/nbeat-black/00_button_01_normal_dim.png differ
diff --git a/themes/images/nbeat-black/00_button_01_normal_press.png b/themes/images/nbeat-black/00_button_01_normal_press.png
new file mode 100644 (file)
index 0000000..57030f3
Binary files /dev/null and b/themes/images/nbeat-black/00_button_01_normal_press.png differ
diff --git a/themes/images/nbeat-black/00_popup_bottom.png b/themes/images/nbeat-black/00_popup_bottom.png
new file mode 100644 (file)
index 0000000..9242dc4
Binary files /dev/null and b/themes/images/nbeat-black/00_popup_bottom.png differ
diff --git a/themes/images/nbeat-black/00_popup_content.png b/themes/images/nbeat-black/00_popup_content.png
new file mode 100644 (file)
index 0000000..da6d2fd
Binary files /dev/null and b/themes/images/nbeat-black/00_popup_content.png differ
diff --git a/themes/images/nbeat-black/00_popup_title_middle.png b/themes/images/nbeat-black/00_popup_title_middle.png
new file mode 100644 (file)
index 0000000..89c214f
Binary files /dev/null and b/themes/images/nbeat-black/00_popup_title_middle.png differ
diff --git a/themes/images/nbeat-black/00_volume_00.png b/themes/images/nbeat-black/00_volume_00.png
new file mode 100644 (file)
index 0000000..ef340b2
Binary files /dev/null and b/themes/images/nbeat-black/00_volume_00.png differ
diff --git a/themes/images/nbeat-black/00_volume_15.png b/themes/images/nbeat-black/00_volume_15.png
new file mode 100644 (file)
index 0000000..ec6d6c5
Binary files /dev/null and b/themes/images/nbeat-black/00_volume_15.png differ
diff --git a/themes/images/nbeat-black/00_volume_icon_dim.png b/themes/images/nbeat-black/00_volume_icon_dim.png
new file mode 100644 (file)
index 0000000..898429d
Binary files /dev/null and b/themes/images/nbeat-black/00_volume_icon_dim.png differ
diff --git a/themes/images/nbeat-blue/00_button_01_normal_dim.png b/themes/images/nbeat-blue/00_button_01_normal_dim.png
new file mode 100644 (file)
index 0000000..f2c67bd
Binary files /dev/null and b/themes/images/nbeat-blue/00_button_01_normal_dim.png differ
diff --git a/themes/images/nbeat-blue/00_button_01_normal_press.png b/themes/images/nbeat-blue/00_button_01_normal_press.png
new file mode 100644 (file)
index 0000000..57030f3
Binary files /dev/null and b/themes/images/nbeat-blue/00_button_01_normal_press.png differ
diff --git a/themes/images/nbeat-blue/00_popup_bottom.png b/themes/images/nbeat-blue/00_popup_bottom.png
new file mode 100644 (file)
index 0000000..9242dc4
Binary files /dev/null and b/themes/images/nbeat-blue/00_popup_bottom.png differ
diff --git a/themes/images/nbeat-blue/00_popup_content.png b/themes/images/nbeat-blue/00_popup_content.png
new file mode 100644 (file)
index 0000000..da6d2fd
Binary files /dev/null and b/themes/images/nbeat-blue/00_popup_content.png differ
diff --git a/themes/images/nbeat-blue/00_popup_title_middle.png b/themes/images/nbeat-blue/00_popup_title_middle.png
new file mode 100644 (file)
index 0000000..89c214f
Binary files /dev/null and b/themes/images/nbeat-blue/00_popup_title_middle.png differ
diff --git a/themes/images/nbeat-blue/00_volume_00.png b/themes/images/nbeat-blue/00_volume_00.png
new file mode 100644 (file)
index 0000000..ef340b2
Binary files /dev/null and b/themes/images/nbeat-blue/00_volume_00.png differ
diff --git a/themes/images/nbeat-blue/00_volume_15.png b/themes/images/nbeat-blue/00_volume_15.png
new file mode 100644 (file)
index 0000000..ec6d6c5
Binary files /dev/null and b/themes/images/nbeat-blue/00_volume_15.png differ
diff --git a/themes/images/nbeat-blue/00_volume_icon_dim.png b/themes/images/nbeat-blue/00_volume_icon_dim.png
new file mode 100644 (file)
index 0000000..898429d
Binary files /dev/null and b/themes/images/nbeat-blue/00_volume_icon_dim.png differ
diff --git a/themes/images/nbeat-green/00_button_01_normal_dim.png b/themes/images/nbeat-green/00_button_01_normal_dim.png
new file mode 100644 (file)
index 0000000..f2c67bd
Binary files /dev/null and b/themes/images/nbeat-green/00_button_01_normal_dim.png differ
diff --git a/themes/images/nbeat-green/00_button_01_normal_press.png b/themes/images/nbeat-green/00_button_01_normal_press.png
new file mode 100644 (file)
index 0000000..57030f3
Binary files /dev/null and b/themes/images/nbeat-green/00_button_01_normal_press.png differ
diff --git a/themes/images/nbeat-green/00_popup_bottom.png b/themes/images/nbeat-green/00_popup_bottom.png
new file mode 100644 (file)
index 0000000..9242dc4
Binary files /dev/null and b/themes/images/nbeat-green/00_popup_bottom.png differ
diff --git a/themes/images/nbeat-green/00_popup_content.png b/themes/images/nbeat-green/00_popup_content.png
new file mode 100644 (file)
index 0000000..da6d2fd
Binary files /dev/null and b/themes/images/nbeat-green/00_popup_content.png differ
diff --git a/themes/images/nbeat-green/00_popup_title_middle.png b/themes/images/nbeat-green/00_popup_title_middle.png
new file mode 100644 (file)
index 0000000..89c214f
Binary files /dev/null and b/themes/images/nbeat-green/00_popup_title_middle.png differ
diff --git a/themes/images/nbeat-green/00_volume_00.png b/themes/images/nbeat-green/00_volume_00.png
new file mode 100644 (file)
index 0000000..ef340b2
Binary files /dev/null and b/themes/images/nbeat-green/00_volume_00.png differ
diff --git a/themes/images/nbeat-green/00_volume_15.png b/themes/images/nbeat-green/00_volume_15.png
new file mode 100644 (file)
index 0000000..ec6d6c5
Binary files /dev/null and b/themes/images/nbeat-green/00_volume_15.png differ
diff --git a/themes/images/nbeat-green/00_volume_icon_dim.png b/themes/images/nbeat-green/00_volume_icon_dim.png
new file mode 100644 (file)
index 0000000..898429d
Binary files /dev/null and b/themes/images/nbeat-green/00_volume_icon_dim.png differ
diff --git a/themes/images/nbeat-purple/00_button_01_normal_dim.png b/themes/images/nbeat-purple/00_button_01_normal_dim.png
new file mode 100644 (file)
index 0000000..f2c67bd
Binary files /dev/null and b/themes/images/nbeat-purple/00_button_01_normal_dim.png differ
diff --git a/themes/images/nbeat-purple/00_button_01_normal_press.png b/themes/images/nbeat-purple/00_button_01_normal_press.png
new file mode 100644 (file)
index 0000000..57030f3
Binary files /dev/null and b/themes/images/nbeat-purple/00_button_01_normal_press.png differ
diff --git a/themes/images/nbeat-purple/00_popup_bottom.png b/themes/images/nbeat-purple/00_popup_bottom.png
new file mode 100644 (file)
index 0000000..9242dc4
Binary files /dev/null and b/themes/images/nbeat-purple/00_popup_bottom.png differ
diff --git a/themes/images/nbeat-purple/00_popup_content.png b/themes/images/nbeat-purple/00_popup_content.png
new file mode 100644 (file)
index 0000000..da6d2fd
Binary files /dev/null and b/themes/images/nbeat-purple/00_popup_content.png differ
diff --git a/themes/images/nbeat-purple/00_popup_title_middle.png b/themes/images/nbeat-purple/00_popup_title_middle.png
new file mode 100644 (file)
index 0000000..89c214f
Binary files /dev/null and b/themes/images/nbeat-purple/00_popup_title_middle.png differ
diff --git a/themes/images/nbeat-purple/00_volume_00.png b/themes/images/nbeat-purple/00_volume_00.png
new file mode 100644 (file)
index 0000000..ef340b2
Binary files /dev/null and b/themes/images/nbeat-purple/00_volume_00.png differ
diff --git a/themes/images/nbeat-purple/00_volume_15.png b/themes/images/nbeat-purple/00_volume_15.png
new file mode 100644 (file)
index 0000000..ec6d6c5
Binary files /dev/null and b/themes/images/nbeat-purple/00_volume_15.png differ
diff --git a/themes/images/nbeat-purple/00_volume_icon_dim.png b/themes/images/nbeat-purple/00_volume_icon_dim.png
new file mode 100644 (file)
index 0000000..898429d
Binary files /dev/null and b/themes/images/nbeat-purple/00_volume_icon_dim.png differ
index cf6db15..169f93c 100644 (file)
Binary files a/themes/images/nbeat/00_button_01_normal.png and b/themes/images/nbeat/00_button_01_normal.png differ
diff --git a/themes/images/nbeat/00_button_01_normal_dim.png b/themes/images/nbeat/00_button_01_normal_dim.png
new file mode 100644 (file)
index 0000000..f2c67bd
Binary files /dev/null and b/themes/images/nbeat/00_button_01_normal_dim.png differ
diff --git a/themes/images/nbeat/00_button_01_normal_press.png b/themes/images/nbeat/00_button_01_normal_press.png
new file mode 100644 (file)
index 0000000..57030f3
Binary files /dev/null and b/themes/images/nbeat/00_button_01_normal_press.png differ
index 967af7b..d29bf72 100644 (file)
Binary files a/themes/images/nbeat/00_button_popup_dim.png and b/themes/images/nbeat/00_button_popup_dim.png differ
index 6d4ec18..79f8a59 100644 (file)
Binary files a/themes/images/nbeat/00_button_popup_normal.png and b/themes/images/nbeat/00_button_popup_normal.png differ
index 429092b..e691671 100644 (file)
Binary files a/themes/images/nbeat/00_button_popup_press.png and b/themes/images/nbeat/00_button_popup_press.png differ
index edbf045..7d1f214 100644 (file)
Binary files a/themes/images/nbeat/00_popup_bg.png and b/themes/images/nbeat/00_popup_bg.png differ
diff --git a/themes/images/nbeat/00_popup_bottom.png b/themes/images/nbeat/00_popup_bottom.png
new file mode 100644 (file)
index 0000000..9242dc4
Binary files /dev/null and b/themes/images/nbeat/00_popup_bottom.png differ
index bed4777..c897f1f 100644 (file)
Binary files a/themes/images/nbeat/00_popup_bottom_bg.png and b/themes/images/nbeat/00_popup_bottom_bg.png differ
diff --git a/themes/images/nbeat/00_popup_content.png b/themes/images/nbeat/00_popup_content.png
new file mode 100644 (file)
index 0000000..da6d2fd
Binary files /dev/null and b/themes/images/nbeat/00_popup_content.png differ
index f04e23a..da3e052 100644 (file)
Binary files a/themes/images/nbeat/00_popup_title_bg.png and b/themes/images/nbeat/00_popup_title_bg.png differ
diff --git a/themes/images/nbeat/00_popup_title_middle.png b/themes/images/nbeat/00_popup_title_middle.png
new file mode 100644 (file)
index 0000000..89c214f
Binary files /dev/null and b/themes/images/nbeat/00_popup_title_middle.png differ
diff --git a/themes/images/nbeat/00_volume_00.png b/themes/images/nbeat/00_volume_00.png
new file mode 100644 (file)
index 0000000..ef340b2
Binary files /dev/null and b/themes/images/nbeat/00_volume_00.png differ
diff --git a/themes/images/nbeat/00_volume_15.png b/themes/images/nbeat/00_volume_15.png
new file mode 100644 (file)
index 0000000..ec6d6c5
Binary files /dev/null and b/themes/images/nbeat/00_volume_15.png differ
diff --git a/themes/images/nbeat/00_volume_icon_dim.png b/themes/images/nbeat/00_volume_icon_dim.png
new file mode 100644 (file)
index 0000000..898429d
Binary files /dev/null and b/themes/images/nbeat/00_volume_icon_dim.png differ
index 9cffb1d..1b3522e 100644 (file)
Binary files a/themes/images/nbeat/00_volume_popup_bg.png and b/themes/images/nbeat/00_volume_popup_bg.png differ