[Panes] Updated for Tizen UX 2.3

Change-Id: Ife85b4b59d6ff15cc4cd09d61e7819ffecc9d2a0

diff --git a/themes/images/tizen-hd/00_splitscreen_fixed_divider_bottom.png b/themes/images/tizen-hd/00_splitscreen_fixed_divider_bottom.png
new file mode 100644 (file)
index 0000000..8e20f52
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_fixed_divider_bottom.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_left.png b/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_left.png
new file mode 100644 (file)
index 0000000..6a39a9f
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_left.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_middle.png b/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_middle.png
new file mode 100644 (file)
index 0000000..5bee116
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_middle.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_right.png b/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_right.png
new file mode 100644 (file)
index 0000000..8d64103
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_fixed_divider_hor_right.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_fixed_divider_middle.png b/themes/images/tizen-hd/00_splitscreen_fixed_divider_middle.png
new file mode 100644 (file)
index 0000000..58ff568
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_fixed_divider_middle.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_fixed_divider_top.png b/themes/images/tizen-hd/00_splitscreen_fixed_divider_top.png
new file mode 100644 (file)
index 0000000..153e02c
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_fixed_divider_top.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_bottom.png b/themes/images/tizen-hd/00_splitscreen_handler_bottom.png
index 90edcdf..f24a7c9 100644 (file)
Binary files a/themes/images/tizen-hd/00_splitscreen_handler_bottom.png and b/themes/images/tizen-hd/00_splitscreen_handler_bottom.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_bottom_press.png b/themes/images/tizen-hd/00_splitscreen_handler_bottom_press.png
new file mode 100644 (file)
index 0000000..3f54c0c
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_bottom_press.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_hor_left.png b/themes/images/tizen-hd/00_splitscreen_handler_hor_left.png
new file mode 100644 (file)
index 0000000..b64f78d
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_hor_left.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_hor_left_press.png b/themes/images/tizen-hd/00_splitscreen_handler_hor_left_press.png
new file mode 100644 (file)
index 0000000..a7b9c78
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_hor_left_press.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_hor_middle.png b/themes/images/tizen-hd/00_splitscreen_handler_hor_middle.png
new file mode 100644 (file)
index 0000000..ad15b1d
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_hor_middle.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_hor_middle_press.png b/themes/images/tizen-hd/00_splitscreen_handler_hor_middle_press.png
new file mode 100644 (file)
index 0000000..6f65ff6
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_hor_middle_press.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_hor_right.png b/themes/images/tizen-hd/00_splitscreen_handler_hor_right.png
new file mode 100644 (file)
index 0000000..881a03a
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_hor_right.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_hor_right_press.png b/themes/images/tizen-hd/00_splitscreen_handler_hor_right_press.png
new file mode 100644 (file)
index 0000000..a706d56
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_hor_right_press.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_middle.png b/themes/images/tizen-hd/00_splitscreen_handler_middle.png
index 2e55772..7fd7b13 100644 (file)
Binary files a/themes/images/tizen-hd/00_splitscreen_handler_middle.png and b/themes/images/tizen-hd/00_splitscreen_handler_middle.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_middle_press.png b/themes/images/tizen-hd/00_splitscreen_handler_middle_press.png
new file mode 100644 (file)
index 0000000..2978f07
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_middle_press.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_top.png b/themes/images/tizen-hd/00_splitscreen_handler_top.png
index 90edcdf..39a2abe 100644 (file)
Binary files a/themes/images/tizen-hd/00_splitscreen_handler_top.png and b/themes/images/tizen-hd/00_splitscreen_handler_top.png differ

diff --git a/themes/images/tizen-hd/00_splitscreen_handler_top_press.png b/themes/images/tizen-hd/00_splitscreen_handler_top_press.png
new file mode 100644 (file)
index 0000000..054c613
Binary files /dev/null and b/themes/images/tizen-hd/00_splitscreen_handler_top_press.png differ

diff --git a/themes/inc/tizen-hd-inc.edc b/themes/inc/tizen-hd-inc.edc
index 586896d..ce8caea 100644 (file)
--- a/themes/inc/tizen-hd-inc.edc
+++ b/themes/inc/tizen-hd-inc.edc
@@ -809,12 +809,9 @@
 #define RADIO_STYLE_DEFAULT_BG_MIN_MAX_INC 42 42
 #define RADIO_STYLE_DEFAULT_FONT_SIZE_INC 32
 
-#define PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC 48
+#define PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC 15
 #define PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 44
 #define PANES_STYLE_DEFAULT_FIXED_SIZE_INC 6
-#define PANES_STYLE_DEFAULT_ARROW_SIZE_INC 55
-#define PANES_STYLE_DEFAULT_ARROW_FROM_INC 15
-#define PANES_STYLE_DEFAULT_ARROW_TO_INC 30
 
 #define SEGMENT_CONTROL_ITEM_TITLE_TEXT_COLOR_NORMAL_INC    144 144 144 255
 #define SEGMENT_CONTROL_ITEM_TITLE_TEXT_COLOR_PRESSED_INC   0 0 0 255

diff --git a/themes/widgets/panes.edc b/themes/widgets/panes.edc
index 075af25..032caf4 100644 (file)
--- a/themes/widgets/panes.edc
+++ b/themes/widgets/panes.edc
@@ -19,11 +19,15 @@
    group {
       name: "elm/panes/vertical/default";
       images {
-         image: "arrow_right.png" COMP;
-         image: "arrow_left.png" COMP;
          image: "00_splitscreen_handler_top.png" COMP;
+         image: "00_splitscreen_handler_top_press.png" COMP;
          image: "00_splitscreen_handler_middle.png" COMP;
+         image: "00_splitscreen_handler_middle_press.png" COMP;
          image: "00_splitscreen_handler_bottom.png" COMP;
+         image: "00_splitscreen_handler_bottom_press.png" COMP;
+         image: "00_splitscreen_fixed_divider_top.png" COMP;
+         image: "00_splitscreen_fixed_divider_middle.png" COMP;
+         image: "00_splitscreen_fixed_divider_bottom.png" COMP;
       }
       script {
          public state_pair = 0; //0:both content are not set, 1:both content are set
@@ -34,7 +38,6 @@
          {
             name: "whole";
             type: RECT;
-            mouse_events: 1;
             description
             {
                state: "default" 0.0;
@@ -79,7 +82,6 @@
                state: "default" 0.0;
                rel1.to_x: "elm.bar";
                rel1.relative: 1.0 0.0;
-               visible: 1;
             }
          }
          part
@@ -103,9 +105,13 @@
                   normal: "00_splitscreen_handler_top.png";
                }
             }
+            description { state:"clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_splitscreen_handler_top_press.png";
+            }
             description { state: "disabled" 0.0;
                inherit: "default" 0.0;
-               visible: 0;
+               image.normal: "00_splitscreen_fixed_divider_top.png";
             }
          }
          //BAR
@@ -135,11 +141,11 @@
             }
             description { state: "clicked" 0.0;
                inherit: "default" 0.0;
-               color: 200 200 200 200;
+               image.normal: "00_splitscreen_handler_middle_press.png";
             }
             description { state: "clicked" 0.1;
                inherit: "default" 0.1;
-               color: 200 200 200 200;
+               image.normal: "00_splitscreen_handler_middle_press.png";
             }
             description { state: "disabled" 0.0;
                inherit:  "default" 0.0;
@@ -151,7 +157,7 @@
                inherit:  "default" 0.1;
                min: PANES_STYLE_DEFAULT_FIXED_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
                max: PANES_STYLE_DEFAULT_FIXED_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
-               visible: 0;
+               image.normal: "00_splitscreen_fixed_divider_middle.png";
             }
          }
          part { name:"bar_bottom";
@@ -163,9 +169,13 @@
                   normal: "00_splitscreen_handler_bottom.png";
                }
             }
+            description { state:"clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_splitscreen_handler_bottom_press.png";
+            }
             description { state: "disabled" 0.0;
                inherit: "default" 0.0;
-               visible: 0;
+               image.normal: "00_splitscreen_fixed_divider_bottom.png";
             }
          }
          part { name: "over2";
@@ -185,14 +195,11 @@
             mouse_events: 1;
             repeat_events: 1;
             description { state: "default" 0.0;
-               color: 255 255 255 0;
                rel1.to: "elm.bar";
                rel2.to: "elm.bar";
             }
             description { state: "clicked" 0.0;
                inherit:  "default" 0.0;
-               visible: 1;
-               color: 255 255 255 255;
             }
          }
          part { name:"bar_disabled";
@@ -200,7 +207,7 @@
             description { state:"default" 0.0;
                rel1 { relative: 0 0; to_x: "elm.bar"; }
                rel2 { relative: 1 1; to_x: "elm.bar"; }
-               color: PANES_DEFAULT_FIXED_SEPERATOR_NORMAL_COLOR_INC;
+               color: 0 0 0 0;
                visible: 0;
             }
             description { state: "disabled" 0.0;
@@ -208,112 +215,6 @@
                visible: 1;
             }
          }
-
-         //Arrow
-         part {
-            name: "arrow_right";
-            scale: 1;
-            mouse_events: 0;
-            description { state: "default" 0.0;
-               min: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
-               max: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
-               color: 255 255 255 0;
-
-               rel1.relative: 1.0 0.5;
-               rel1.to_x: "elm.bar";
-               rel1.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-
-               rel2.relative: 1.0 0.5;
-               rel2.to_x: "elm.bar";
-               rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-
-               image.normal: "arrow_right.png";
-
-               fixed: 1 1;
-            }
-            description { state: "default" 0.1;
-               inherit: "default" 0.0;
-               image.normal: "arrow_left.png";
-            }
-            description { state: "anim_1" 0.0;
-               inherit: "default" 0.0;
-               color: 255 255 255 200;
-               rel1.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_FROM_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-               rel2.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 +PANES_STYLE_DEFAULT_ARROW_SIZE_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-            }
-            description { state: "anim_1" 0.1;
-               inherit: "default" 0.0;
-               image.normal: "arrow_left.png";
-               color: 255 255 255 200;
-               rel1.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_FROM_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-               rel2.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 +PANES_STYLE_DEFAULT_ARROW_FROM_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-            }
-            description { state: "anim_2" 0.0;
-               inherit: "default" 0.0;
-               color: 255 255 255 0;
-               rel1.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-               rel2.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-            }
-            description { state: "anim_2" 0.1;
-               inherit: "default" 0.0;
-               image.normal: "arrow_left.png";
-               color: 255 255 255 0;
-               rel1.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-               rel2.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-            }
-         }
-         part {
-            name: "arrow_left";
-            scale: 1;
-            mouse_events: 0;
-            description { state: "default" 0.0;
-               min: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
-               max: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
-               color: 255 255 255 0;
-
-               rel1.relative: 0.0 0.5;
-               rel1.to_x: "elm.bar";
-               rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-
-               rel2.relative: 0.0 0.5;
-               rel2.to_x: "elm.bar";
-               rel2.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-
-               image.normal: "arrow_left.png";
-
-               fixed: 1 1;
-            }
-            description { state: "default" 0.1;
-               inherit: "default" 0.0;
-               image.normal: "arrow_right.png";
-            }
-            description { state: "anim_1" 0.0;
-               inherit: "default" 0.0;
-               color: 255 255 255 200;
-               rel1.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-               rel2.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-            }
-            description { state: "anim_1" 0.1;
-               inherit: "default" 0.0;
-               image.normal: "arrow_right.png";
-               color: 255 255 255 200;
-               rel1.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-               rel2.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-            }
-            description { state: "anim_2" 0.0;
-               inherit: "default" 0.0;
-               color: 255 255 255 0;
-               rel1.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-               rel2.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-            }
-            description { state: "anim_2" 0.1;
-               inherit: "default" 0.0;
-               image.normal: "arrow_right.png";
-               color: 255 255 255 0;
-               rel1.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-               rel2.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-            }
-         }
       }
       programs {
          program {
@@ -346,15 +247,16 @@
             source: "over2";
             action: SIGNAL_EMIT "elm,action,press" "";
             after: "button_click_anim";
-            after: "arrow_anim_start";
          }
          program {
             name:   "button_click_anim";
             script {
                if(get_int(state_pair) == 1)
-                  set_state(PART:"elm.bar", "clicked", 0.1);
+                 set_state(PART:"elm.bar", "clicked", 0.1);
                else
-                  set_state(PART:"elm.bar", "clicked", 0.0);
+                 set_state(PART:"elm.bar", "clicked", 0.0);
+               set_state(PART:"bar_top", "clicked", 0.0);
+               set_state(PART:"bar_bottom", "clicked", 0.0);
             }
          }
          program {
@@ -363,15 +265,16 @@
             source: "over2";
             action: SIGNAL_EMIT "elm,action,unpress" "";
             after: "button_unclick_anim";
-            after: "arrow_anim_stop";
          }
          program {
             name:   "button_unclick_anim";
             script {
                if(get_int(state_pair) == 1)
-                  set_state(PART:"elm.bar", "default", 0.1);
+                 set_state(PART:"elm.bar", "default", 0.1);
                else
-                  set_state(PART:"elm.bar", "default", 0.0);
+                 set_state(PART:"elm.bar", "default", 0.0);
+               set_state(PART:"bar_top", "default", 0.0);
+               set_state(PART:"bar_bottom", "default", 0.0);
             }
          }
          program {
@@ -401,144 +304,6 @@
             source: "over3";
             action: SIGNAL_EMIT "elm,action,click,double" "";
          }
-
-         //arrows animation
-         program {
-            name: "arrow_anim_start";
-            script {
-               new st[31];
-               new Float:vl;
-               get_state(PART:"arrow_left", st, 30, vl);
-               if (vl == 0.0) {
-                  run_program(PROGRAM:"arrow_anim_start_ltr");
-               }
-               else {
-                  run_program(PROGRAM:"arrow_anim_start_rtl");
-               }
-            }
-         }
-         program {
-            name: "arrow_anim_stop";
-            script {
-               new st[31];
-               new Float:vl;
-               get_state(PART:"arrow_left", st, 30, vl);
-               if (vl == 0.0) {
-                  run_program(PROGRAM:"arrow_anim_stop_ltr");
-               }
-               else {
-                  run_program(PROGRAM:"arrow_anim_stop_rtl");
-               }
-            }
-         }
-         program {
-            name: "arrow_anim_start_ltr";
-            action: STATE_SET "anim_1" 0.0;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: LINEAR 0.6;
-            after: "arrow_anim_1_ltr";
-         }
-         program {
-            name: "arrow_anim_1_ltr";
-            action: STATE_SET "anim_2" 0.0;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: LINEAR 0.6;
-            after: "arrow_anim_2_ltr";
-         }
-         program {
-            name: "arrow_anim_2_ltr";
-            action: STATE_SET "default" 0.0;
-            target: "arrow_right";
-            target: "arrow_left";
-            after: "arrow_anim_start_ltr";
-         }
-         program {
-            name: "arrow_anim_stop_ltr";
-            action: ACTION_STOP;
-            target: "arrow_anim_start_ltr";
-            target: "arrow_anim_1_ltr";
-            target: "arrow_anim_2_ltr";
-            after: "arrow_anim_stop_1_ltr";
-         }
-         program {
-            name: "arrow_anim_stop_1_ltr";
-            action: STATE_SET "default" 0.0;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: DECELERATE 0.4;
-         }
-         program {
-            name: "arrow_anim_start_rtl";
-            action: STATE_SET "anim_1" 0.1;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: LINEAR 0.6;
-            after: "arrow_anim_1_rtl";
-         }
-         program {
-            name: "arrow_anim_1_rtl";
-            action: STATE_SET "anim_2" 0.1;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: LINEAR 0.6;
-            after: "arrow_anim_2_rtl";
-         }
-         program {
-            name: "arrow_anim_2_rtl";
-            action: STATE_SET "default" 0.1;
-            target: "arrow_right";
-            target: "arrow_left";
-            after: "arrow_anim_start_rtl";
-         }
-         program {
-            name: "arrow_anim_stop_rtl";
-            action: ACTION_STOP;
-            target: "arrow_anim_start_rtl";
-            target: "arrow_anim_1_rtl";
-            target: "arrow_anim_2_rtl";
-            after: "arrow_anim_stop_1_rtl";
-         }
-         program {
-            name: "arrow_anim_stop_1_rtl";
-            action: STATE_SET "default" 0.1;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: DECELERATE 0.4;
-         }
-         program { name: "to_rtl";
-            signal: "edje,state,rtl";
-            source: "edje";
-            script {
-               new st[31];
-               new Float:vl;
-               get_state(PART:"arrow_left", st, 30, vl);
-               if (vl == 0.0) {
-                  set_state(PART:"arrow_left", st, 0.1);
-               }
-               get_state(PART:"arrow_right", st, 30, vl);
-               if (vl == 0.0) {
-                  set_state(PART:"arrow_right", st, 0.1);
-               }
-            }
-         }
-         program { name: "to_ltr";
-            signal: "edje,state,ltr";
-            source: "edje";
-            script {
-               new st[31];
-               new Float:vl;
-               get_state(PART:"arrow_left", st, 30, vl);
-               if (vl == 0.1) {
-                  set_state(PART:"arrow_left", st, 0.0);
-               }
-               get_state(PART:"arrow_right", st, 30, vl);
-               if (vl == 0.1) {
-                  set_state(PART:"arrow_right", st, 0.0);
-               }
-            }
-         }
          //fix the pane
          program {
             name:   "panes_fixed";
@@ -567,11 +332,15 @@
    group {
       name: "elm/panes/horizontal/default";
       images {
-         image: "arrow_up.png" COMP;
-         image: "arrow_down.png" COMP;
-         image: "00_splitscreen_handler_left_hor.png" COMP;
-         image: "00_splitscreen_handler_middle_hor.png" COMP;
-         image: "00_splitscreen_handler_right_hor.png" COMP;
+         image: "00_splitscreen_handler_hor_left.png" COMP;
+         image: "00_splitscreen_handler_hor_left_press.png" COMP;
+         image: "00_splitscreen_handler_hor_middle.png" COMP;
+         image: "00_splitscreen_handler_hor_middle_press.png" COMP;
+         image: "00_splitscreen_handler_hor_right.png" COMP;
+         image: "00_splitscreen_handler_hor_right_press.png" COMP;
+         image: "00_splitscreen_fixed_divider_hor_left.png" COMP;
+         image: "00_splitscreen_fixed_divider_hor_middle.png" COMP;
+         image: "00_splitscreen_fixed_divider_hor_right.png" COMP;
       }
       script {
          public state_pair = 0; //0:both content are not set, 1:both content are set
@@ -582,7 +351,6 @@
          {
             name: "whole";
             type: RECT;
-            mouse_events: 0;
             description
             {
                state: "default" 0.0;
@@ -627,7 +395,6 @@
                state: "default" 0.0;
                rel1.to_y: "elm.bar";
                rel1.relative: 0.0 1.0;
-               visible: 1;
             }
          }
          part
@@ -647,13 +414,15 @@
             description { state:"default" 0.0;
                rel1 { relative: 0 0; to_y: "elm.bar"; }
                rel2 { relative: 0 1; to: "elm.bar"; }
-               image {
-                  normal: "00_splitscreen_handler_left_hor.png";
-               }
+               image.normal: "00_splitscreen_handler_hor_left.png";
+            }
+            description { state:"clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_splitscreen_handler_hor_left_press.png";
             }
             description { state: "disabled" 0.0;
                inherit: "default" 0.0;
-               visible: 0;
+               image.normal: "00_splitscreen_fixed_divider_hor_left.png";
             }
          }
          //BAR
@@ -671,10 +440,7 @@
                rel1.relative: 0.5 0.0;
                rel2.relative: 0.5 1.0;
                align: 0.5 0.0;
-               image {
-                  normal: "00_splitscreen_handler_middle_hor.png";
-               }
-               color: 255 255 255 255;
+               image.normal: "00_splitscreen_handler_hor_middle.png";
             }
             description { state: "default" 0.1;
                inherit: "default" 0.0;
@@ -683,11 +449,10 @@
             }
             description { state: "clicked" 0.0;
                inherit: "default" 0.0;
-               color: 200 200 200 200;
             }
             description { state: "clicked" 0.1;
                inherit: "default" 0.1;
-               color: 200 200 200 200;
+               image.normal: "00_splitscreen_handler_hor_middle_press.png";
             }
             description { state: "disabled" 0.0;
                inherit:  "default" 0.0;
@@ -699,7 +464,7 @@
                inherit:  "default" 0.1;
                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_FIXED_SIZE_INC;
                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_FIXED_SIZE_INC;
-               visible: 0;
+               image.normal: "00_splitscreen_fixed_divider_hor_middle.png";
             }
          }
          part { name:"bar_right";
@@ -707,13 +472,15 @@
             description { state:"default" 0.0;
                rel1 { relative: 1 0; to: "elm.bar"; }
                rel2 { relative: 1 1; to_y: "elm.bar"; }
-               image {
-                  normal: "00_splitscreen_handler_right_hor.png";
-               }
+               image.normal: "00_splitscreen_handler_hor_right.png";
+            }
+            description { state:"clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: "00_splitscreen_handler_hor_right_press.png";
             }
             description { state: "disabled" 0.0;
                inherit: "default" 0.0;
-               visible: 0;
+               image.normal: "00_splitscreen_fixed_divider_hor_right.png";
             }
          }
          part { name: "over2";
@@ -733,14 +500,11 @@
             mouse_events: 1;
             repeat_events: 1;
             description { state: "default" 0.0;
-               color: 255 255 255 0;
                rel1.to: "elm.bar";
                rel2.to: "elm.bar";
             }
             description { state: "clicked" 0.0;
                inherit:  "default" 0.0;
-               visible: 1;
-               color: 255 255 255 255;
             }
          }
          part { name:"bar_disabled";
@@ -748,7 +512,7 @@
             description { state:"default" 0.0;
                rel1 { relative: 0 0; to_y: "elm.bar"; }
                rel2 { relative: 1 1; to_y: "elm.bar"; }
-               color: PANES_DEFAULT_FIXED_SEPERATOR_NORMAL_COLOR_INC;
+               color: 0 0 0 0;
                visible: 0;
             }
             description { state: "disabled" 0.0;
@@ -756,76 +520,6 @@
                visible: 1;
             }
          }
-
-         //Arrow
-         part {
-            name: "arrow_right";
-            scale: 1;
-            mouse_events: 0;
-            description { state: "default" 0.0;
-               min: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
-               max: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
-               color: 255 255 255 0;
-
-               rel1.relative: 0.5 1.0;
-               rel1.to_y: "elm.bar";
-               rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-
-               rel2.relative: 0.5 1.0;
-               rel2.to_y: "elm.bar";
-               rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-
-               image.normal: "arrow_down.png";
-
-               fixed: 1 1;
-            }
-            description { state: "anim_1" 0.0;
-               inherit: "default" 0.0;
-               color: 255 255 255 200;
-               rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 +PANES_STYLE_DEFAULT_ARROW_FROM_INC);
-               rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 +PANES_STYLE_DEFAULT_ARROW_FROM_INC);
-            }
-            description { state: "anim_2" 0.0;
-               inherit: "default" 0.0;
-               color: 255 255 255 0;
-               rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC);
-               rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC);
-            }
-         }
-         part {
-            name: "arrow_left";
-            scale: 1;
-            mouse_events: 0;
-            description { state: "default" 0.0;
-               min: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
-               max: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
-               color: 255 255 255 0;
-
-               rel1.relative: 0.5 0.0;
-               rel1.to_y: "elm.bar";
-               rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-
-               rel2.relative: 0.5 0.0;
-               rel2.to_y: "elm.bar";
-               rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
-
-               image.normal: "arrow_up.png";
-
-               fixed: 1 1;
-            }
-            description { state: "anim_1" 0.0;
-               inherit: "default" 0.0;
-               color: 255 255 255 200;
-               rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC);
-               rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC);
-            }
-            description { state: "anim_2" 0.0;
-               inherit: "default" 0.0;
-               color: 255 255 255 0;
-               rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC);
-               rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC);
-            }
-         }
       }
       programs {
          program {
@@ -858,15 +552,16 @@
             source: "over2";
             action: SIGNAL_EMIT "elm,action,press" "";
             after: "button_click_anim";
-            after: "arrow_anim_start";
          }
          program {
             name:   "button_click_anim";
             script {
                if(get_int(state_pair) == 1)
-                  set_state(PART:"elm.bar", "clicked", 0.1);
+                 set_state(PART:"elm.bar", "clicked", 0.1);
                else
-                  set_state(PART:"elm.bar", "clicked", 0.0);
+                 set_state(PART:"elm.bar", "clicked", 0.0);
+               set_state(PART:"bar_left", "clicked", 0.0);
+               set_state(PART:"bar_right", "clicked", 0.0);
             }
          }
          program {
@@ -875,15 +570,16 @@
             source: "over2";
             action: SIGNAL_EMIT "elm,action,unpress" "";
             after: "button_unclick_anim";
-            after: "arrow_anim_stop";
          }
          program {
             name:   "button_unclick_anim";
             script {
                if(get_int(state_pair) == 1)
-                  set_state(PART:"elm.bar", "default", 0.1);
+                 set_state(PART:"elm.bar", "default", 0.1);
                else
-                  set_state(PART:"elm.bar", "default", 0.0);
+                 set_state(PART:"elm.bar", "default", 0.0);
+               set_state(PART:"bar_left", "default", 0.0);
+               set_state(PART:"bar_right", "default", 0.0);
             }
          }
          program {
@@ -913,46 +609,6 @@
             source: "over3";
             action: SIGNAL_EMIT "elm,action,click,double" "";
          }
-
-         //arrows animation
-         program {
-            name: "arrow_anim_start";
-            action: STATE_SET "anim_1" 0.0;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: LINEAR 0.6;
-            after: "arrow_anim_1";
-         }
-         program {
-            name: "arrow_anim_1";
-            action: STATE_SET "anim_2" 0.0;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: LINEAR 0.6;
-            after: "arrow_anim_2";
-         }
-         program {
-            name: "arrow_anim_2";
-            action: STATE_SET "default" 0.0;
-            target: "arrow_right";
-            target: "arrow_left";
-            after: "arrow_anim_start";
-         }
-         program {
-            name: "arrow_anim_stop";
-            action: ACTION_STOP;
-            target: "arrow_anim_start";
-            target: "arrow_anim_1";
-            target: "arrow_anim_2";
-            after: "arrow_anim_stop_1";
-         }
-         program {
-            name: "arrow_anim_stop_1";
-            action: STATE_SET "default" 0.0;
-            target: "arrow_right";
-            target: "arrow_left";
-            transition: DECELERATE 0.4;
-         }
          //fix the pane
          program {
             name:   "panes_fixed";