apply FSL(Flora Software License)

52 files changed, 6355 insertions, 0 deletions

diff --git a/main/layout/genlist/genlist_group_index.edc b/main/layout/genlist/genlist_group_index.edc
new file mode 100755
index 0000000..2891049
--- /dev/null
+++ b/main/layout/genlist/genlist_group_index.edc
@@ -0,0 +1,116 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+#define GENLIST_PART_FONT_INDEX_LIST_COLOR_INC 240 240 240 255
+#define GENLIST_DIALOGUE_GROUP_BG_COLOR_INC 15 15 15 255
+
+#define GENLIST_PART_INDEX_LIST_BASE_EVENT_INC \
+     part { name: "base_event";\
+        type: RECT;\
+        repeat_events: 0;\
+        description { state: "default" 0.0;\
+           color: 0 0 0 0;\
+        }\
+     }
+
+#define GENLIST_PART_INDEX_LIST_BASE_IMAGE_INC \
+		part { name: "base_image";\
+		   repeat_events: 1;\
+		   description { state: "default" 0.0;\
+			  rel1.to: "rect";\
+			  rel2.to: "rect";\
+		   }\
+		}
+
+   group { name: "elm/genlist/item/ivug/grouptitle/default";
+      alias: "elm/genlist/item_odd/ivug/grouptitle/default";
+      alias: "elm/genlist/item_compress/ivug/grouptitle/default";
+      alias: "elm/genlist/item_compress_odd/ivug/grouptitle/default";
+
+      data.item: "stacking" "above";
+      data.item: "selectraise" "on";
+      data.item: "texts" "elm.text";
+      data.item: "treesize" "GENLIST_TREESIZE_32_INC";
+
+      images {
+         //image: "00_index_list_bg.png" COMP;
+      }
+      parts {
+         GENLIST_PART_INDEX_LIST_BASE_EVENT_INC
+         GENLIST_PART_PADDING_LEFT( GENLIST_PADDING_16_INC )
+         GENLIST_PART_PADDING_RIGHT( GENLIST_PADDING_16_INC )
+         part { name: "rect";
+            type: RECT;
+            repeat_events: 1;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 0 GENLIST_HEIGHT_49_INC;
+               color: GENLIST_DIALOGUE_GROUP_BG_COLOR_INC;
+            }
+            description { state: "alpha_off" 0.0;
+               min: 0 GENLIST_SIZE_48_INC;
+               color: GENLIST_DIALOGUE_GROUP_BG_COLOR_INC;
+            }
+         }
+         GENLIST_PART_INDEX_LIST_BASE_IMAGE_INC
+
+         part { name: "elm.text";
+            type: TEXT;
+            scale: 1;
+            description { state: "default" 0.0;
+               align: 0.0 0.5;
+               rel1 {
+                  relative: 1.0 0.0;
+                  to_x: "elm.padding.left";
+               }
+               rel2 {
+                  relative: 0.0 1.0;
+                  offset: 0 0;
+                  to_x: "elm.padding.right";
+               }
+               color: GENLIST_PART_FONT_INDEX_LIST_COLOR_INC;
+               text {
+                  font: "SLP:style=Medium";
+                  size: GENLIST_FONT_32_INC;
+                  min: 1 1;
+                  align: 0.0 0.5;
+               }
+            }
+         }
+      }
+       program {
+          name:    "enable_alpha";
+          signal:  "elm,state,alpha,enable";
+          source:  "elm";
+          action:  STATE_SET "default" 0.0;
+          target:  "rect";
+       }
+       program {
+          name:    "disable_alpha";
+          signal:  "elm,state,alpha,disable";
+          source:  "elm";
+          action:  STATE_SET "alpha_off" 0.0;
+          target:  "rect";
+       }
+      program {
+          name: "selected";
+         source: "rect";
+         signal: "mouse,clicked,1";
+         action:  SIGNAL_EMIT "elm,title_action,item,click" "elm";
+      }
+   }
+
diff --git a/main/layout/genlist/genlist_macro.edc b/main/layout/genlist/genlist_macro.edc
new file mode 100755
index 0000000..879d0f2
--- /dev/null
+++ b/main/layout/genlist/genlist_macro.edc
@@ -0,0 +1,847 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+#define GENLIST_PART_BASE( param_item_height ) \
+	  part { name: "base"; \
+		 type: RECT; \
+		 repeat_events: 1; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: 0 param_item_height; \
+			color: GENLIST_PART_BG_COLOR_INC; \
+		 } \
+	  }
+
+#define GENLIST_PART_BG \
+	  part { name: "bg"; \
+		 type: RECT; \
+		 clip_to: "disclip"; \
+		 mouse_events: 0; \
+		 description { state: "default" 0.0; \
+			color: GENLIST_PART_BG_COLOR_INC; \
+		 } \
+		 description { state: "hide" 0.0; \
+			inherit: "default" 0.0; \
+			rel1 { relative: 0.025 0.0; } \
+			rel2 { relative: 1.025 1.0; } \
+		 } \
+		 description { state: "hide" 0.1;  \
+			inherit: "default" 0.0; \
+			rel1 { relative: 0.13 0.0; } \
+			rel2 { relative: 1.13 1.0; } \
+		 } \
+		 description { state: "hide" 0.2; \
+			inherit: "default" 0.0; \
+			rel1 { relative: 0.5 0.0; } \
+			rel2 { relative: 1.5 1.0; } \
+		 } \
+		 description { state: "hide" 0.3; \
+			inherit: "default" 0.0; \
+			rel1 { relative: 1.0 0.0; } \
+			rel2 { relative: 2.0 1.0; } \
+		 } \
+	  }
+
+#define GENLIST_PART_BG_IMAGE \
+	  part { name: "bg_image"; \
+		 type: RECT; \
+		 clip_to: "disclip"; \
+		 mouse_events: 0; \
+		 description { state: "default" 0.0; \
+			color: GENLIST_PART_LIST_BG_COLOR_INC; \
+		 } \
+		 description { state: "selected" 0.0; \
+			inherit: "default" 0.0; \
+			color: GENLIST_PART_LIST_PRESS_COLOR_INC; \
+		 } \
+	  }
+
+#define GENLIST_PART_BOTTOM_LINE \
+	  part { name: "bottom_line"; \
+		 type: RECT; \
+		 mouse_events: 0; \
+		 description { state: "default" 0.0; \
+			min: 0 1; \
+			fixed: 0 1; \
+			visible: 1; \
+			color: GENLIST_PART_LIST_LINE_COLOR_INC; \
+			rel1 { \
+			   relative: 0.0 1.0; \
+			   offset: 0 -1; \
+			} \
+		 } \
+	  }
+
+#define GENLIST_PART_BOTTOM_EFFECT_LINE \
+	  part { name: "bottom_line"; \
+		 type: RECT; \
+		 mouse_events: 0; \
+		 description { state: "default" 0.0; \
+			min: 0 1; \
+			fixed: 0 1; \
+			visible: 1; \
+			color: GENLIST_PART_LIST_LINE_COLOR_INC; \
+			rel1 { \
+			   relative: 0.0 1.0; \
+			   offset: 0 -1; \
+			} \
+		 } \
+		 GENLIST_PART_MAP_START(-90.0, 0.0, 0.0) \
+		 GENLIST_PART_MAP_FINISH(0.0, 0.0, 0.0) \
+	  }
+
+#define GENLIST_PART_PADDING_TOP( param_padding_size ) \
+	part { name: "elm.padding.top"; \
+		 type: RECT; \
+		 scale: 1; \
+		 description { \
+			state: "default" 0.0; \
+			min: 0 param_padding_size; \
+			fixed: 0 1; \
+			visible: 0; \
+			rel2.relative: 1.0 0.0; \
+			align: 0.0 0.0; \
+		 } \
+	  }
+
+#define GENLIST_PART_PADDING_TEXT_TOP( param_padding_size ) \
+	part { name: "elm.padding.text.top"; \
+		 type: RECT; \
+		 scale: 1; \
+		 description { \
+			state: "default" 0.0; \
+			min: 0 param_padding_size; \
+			fixed: 0 1; \
+			visible: 0; \
+			rel2.relative: 1.0 0.0; \
+			align: 0.0 0.0; \
+		 } \
+	  }
+
+#define GENLIST_PART_PADDING_BOTTOM( param_padding_size ) \
+	part { name: "elm.padding.bottom"; \
+		 type: RECT; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: 0 param_padding_size; \
+			fixed: 0 1; \
+			visible: 0; \
+			rel1.relative: 0.0 1.0; \
+			align: 0.0 1.0; \
+		 } \
+	  }
+
+#define GENLIST_PART_PADDING_LEFT( param_padding_size ) \
+	  part { name: "elm.padding.left"; \
+		 type: RECT; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: param_padding_size 0; \
+			fixed: 1 0; \
+			visible: 0; \
+			rel2.relative: 0.0 1.0; \
+			align: 0.0 0.0; \
+		 } \
+	  }
+
+#define GENLIST_PART_PADDING_RIGHT( param_padding_size ) \
+	part { name: "elm.padding.right"; \
+		 type: RECT; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: param_padding_size 0; \
+			fixed: 1 0; \
+			visible: 0; \
+			rel1.relative: 1.0	0.0; \
+			align: 1.0 0.0; \
+		 } \
+	  }
+
+#define GENLIST_PART_DIALOGUE_BASE( param_item_height ) \
+	  part { name: "base"; \
+		 type: RECT; \
+		 clip_to: "disclip"; \
+		 repeat_events: 1; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: 0 param_item_height; \
+			color: LAYOUT_GROUP_LIST_BG_COLOR_INC; \
+		 } \
+	  }
+
+#define GENLIST_PART_DIALOGUE_ITEM \
+	  part { name: "elm.rect.dialogue"; \
+		 type: RECT; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: GENLIST_PADDING_12_INC 0; \
+			fixed: 1 0; \
+			color: GENLIST_DIALOGUE_GROUP_LEFT_BG_COLOR_INC; \
+			rel2.relative: 0.0 1.0; \
+			align: 0.0 0.0; \
+		 } \
+	  }
+
+#define GENLIST_PART_DIALOGUE_EXPANDABLE_ITEM \
+	  part { name: "elm.rect.dialogue"; \
+		 type: RECT; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: GENLIST_PADDING_12_INC 0; \
+			fixed: 1 0; \
+			color: GENLIST_DIALOGUE_GROUP_LEFT_BG_COLOR_INC; \
+			rel2.relative: 0.0 1.0; \
+			align: 0.0 0.0; \
+		 } \
+		 GENLIST_PART_MAP_START(-90.0, 0.0, 0.0) \
+		 GENLIST_PART_MAP_FINISH(0.0, 0.0, 0.0) \
+	  }
+
+#define GENLIST_PART_SWALLOW_END( param_padding_size ) \
+	  part { name: "elm.padding.left.swallow.end";\
+		 clip_to: "disclip"; \
+		 type: RECT;\
+		 scale: 1;\
+		 description { state: "default" 0.0;\
+			min: param_padding_size 0;\
+			fixed: 1 0;\
+			visible: 0; \
+			rel1.to_x: "elm.swallow.end";\
+			rel2 {\
+			   relative: 0.0  1.0;\
+			   to_x: "elm.swallow.end";\
+			}\
+			align: 1.0 0.5;\
+		 }\
+	  }\
+	  part { name: "elm.swallow.end";\
+		 clip_to: "disclip"; \
+		 type: SWALLOW;\
+		 scale: 1;\
+		 description { state: "default" 0.0;\
+			fixed: 1 0;\
+			align: 1.0 0.5;\
+			rel1.to_x: "elm.padding.right";\
+			rel2 {\
+			   relative: 0.0  1.0;\
+			   to_x: "elm.padding.right";\
+			}\
+		 }\
+	  }
+
+#define GENLIST_PART_DISCLIP \
+	 part { name: "disclip"; \
+		 type: RECT; \
+		 description { state: "default" 0.0; \
+		 } \
+		 description { state: "disabled" 0.0; \
+			inherit: "default" 0.0; \
+			color: GENLIST_PART_DISCLIP_COLOR_INC; \
+		 } \
+	  }
+
+#define GENLIST_EXPANDABLE_PART_PERSPECTIVE_POINT() \
+	 part { name: "point"; \
+		 type: RECT; \
+		 scale: 1; \
+					 description { \
+							 state: "default" 0.0; \
+							 color: 0 0 0 0; \
+							 rel1 { relative: 0.0 0.0; } \
+							 rel2 { relative: 1.0 0.0; } \
+					 } \
+			 }
+
+#define GENLIST_PART_MAP_START( param_x, param_y, param_z ) \
+	 description { state: "map_transition" 0.0; \
+				inherit: "default" 0.0; \
+				color: 50 50 50 100; \
+				map { \
+				   perspective: "point"; \
+				   on: 1; \
+				   smooth: 1; \
+				   perspective_on: 1; \
+				   backface_cull: 1; \
+				   rotation { \
+					  center: "point"; \
+					  x: param_x; \
+					  y: param_y; \
+					  z: param_z; \
+				   } \
+			   } \
+			 } \
+			 description { \
+					 state: "hide" 0.0; \
+					 inherit: "default" 0.0; \
+					 visible: 0; \
+			 }
+
+#define GENLIST_PART_MAP_FINISH( param_x, param_y, param_z ) \
+			 description { \
+					 state: "map_rotate" 0.0; \
+					 inherit: "default" 0.0; \
+					 map { \
+							 perspective: "point"; \
+							 on: 1; \
+							 smooth: 1; \
+							 perspective_on: 1; \
+							 backface_cull: 1; \
+							 rotation { \
+									 center: "point"; \
+									 x: param_x; \
+									 y: param_y; \
+									 z: param_z; \
+							 } \
+					} \
+			} \
+
+#define GENLIST_PART_MAP_BASE( param_item_height ) \
+	  part { name: "base"; \
+		 type: RECT; \
+		 repeat_events: 1; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: 0 param_item_height; \
+			color: GENLIST_PART_BG_COLOR_INC; \
+		 } \
+		 GENLIST_PART_MAP_START(-90.0, 0.0, 0.0) \
+		 GENLIST_PART_MAP_FINISH(0.0, 0.0, 0.0) \
+	  }
+
+#define GENLIST_EXPANDABLE_PART_BASE( GE_HEIGHT , GE_COLOR ) \
+	  part { name: "base"; \
+		 type: RECT; \
+		 repeat_events: 1; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: 0 GE_HEIGHT; \
+			color: GE_COLOR; \
+		 } \
+		 description { state: "selected" 0.0; \
+			inherit: "default" 0.0; \
+			color: GENLIST_PART_LIST_PRESS_COLOR_INC; \
+		 } \
+		 GENLIST_PART_MAP_START(-90.0, 0.0, 0.0) \
+		 GENLIST_PART_MAP_FINISH(0.0, 0.0, 0.0) \
+	  }
+
+#define GENLIST_PROGRAM_MAP_ROTATE_EXPAND_START() \
+			 name: "rotaion_transition"; \
+			 signal: "flip_item"; \
+			 action: STATE_SET "map_transition" 0.0; \
+			 after: "rotation";
+
+#define GENLIST_PROGRAM_MAP_ROTATE_EXPAND_FINISH( second ) \
+			 name: "rotation"; \
+			 action: STATE_SET "map_rotate" 0.0; \
+			 transition: LINEAR second; \
+			 after: "rotation_end";
+
+#define GENLIST_PROGRAM_MAP_EXPAND_END() \
+			 name: "rotation_end"; \
+			 action: STATE_SET "default" 0.0;
+
+#define GENLIST_PROGRAM_MAP_ROTATE_CONTRACT_START() \
+			 name: "rotation_transition2"; \
+			 signal: "elm,state,contract_flip"; \
+			 action: STATE_SET "map_rotate" 0.0; \
+			 after: "rotation2";
+
+#define GENLIST_PROGRAM_MAP_ROTATE_CONTRACT_FINISH( second ) \
+			 name: "rotation2"; \
+			 action: STATE_SET "map_transition" 0.0; \
+			 transition: LINEAR second; \
+			 after: "rotation3";
+
+#define GENLIST_PROGRAM_MAP_CONTRACT_END() \
+			 name: "rotation3"; \
+			 action: STATE_SET "hide" 0.0;
+
+#define GENLIST_PART_EXPANDABLE2_NOSHADOW_BASE( param_item_height ) \
+	  part { name: "base"; \
+		 type: RECT; \
+		 repeat_events: 1; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: 0 param_item_height; \
+			color: GENLIST_PART_EXPANDABLE_2ND_DEPTH_BG_COLOR_INC; \
+		 } \
+		 GENLIST_PART_MAP_START(-90.0, 0.0, 0.0) \
+		 GENLIST_PART_MAP_FINISH(0.0, 0.0, 0.0) \
+	  }
+
+#define GENLIST_PART_EXPANDABLE_SWALLOW_PADDING \
+	  part { name: "elm.swallow.pad"; \
+		 type: SWALLOW; \
+		 description { state: "default" 0.0; \
+			fixed: 1 0; \
+			align: 0.0 0.5; \
+			rel1 { \
+			   relative: 1.0 0.0;\
+			   to_x: "elm.padding.left"; \
+			} \
+			rel2.to_x: "elm.padding.left"; \
+		 } \
+		 GENLIST_PART_MAP_START(-90.0, 0.0, 0.0) \
+		 GENLIST_PART_MAP_FINISH(0.0, 0.0, 0.0) \
+	  } \
+
+#define GENLIST_PART_PADDING_LEFT_SLIDE( param_padding_size ) \
+	  part { name: "elm.padding.left"; \
+		 type: RECT; \
+		 scale: 1; \
+		 description { \
+			state: "default" 0.0; \
+			min: param_padding_size 0; \
+			fixed: 1 0; \
+			visible: 0; \
+			rel1 { relative: 0.0 0.0; to: "bg"; } \
+			rel2 { relative: 0.0 1.0; to: "bg"; } \
+			align: 0.0 0.0; \
+		 } \
+	  }
+
+/* only for demo */
+#define GENLIST_PART_BUTTON( param_name, param_text_name, param_text, param_left, param_right, param_top, param_bottom ) \
+	part { name: param_name; \
+	  mouse_events: 1; \
+	  description { state: "default" 0.0; \
+		 visible: 1; \
+		 rel1 { relative: param_left param_top; offset: 0 0; } \
+		 rel2 { relative: param_right param_bottom; offset: -1 -1; } \
+		 image { \
+			normal: "btn_normal.png"; \
+			border: 10 10 10 10; \
+			border_scale: 1; \
+		 } \
+		 image.middle: SOLID; \
+		 fill.smooth: 0; \
+	  } \
+	  description { state: "selected" 0.0;	\
+		 inherit: "default" 0.0;  \
+		 image { \
+			normal: "btn_selected.png"; \
+		 } \
+	  } \
+   } \
+   part { name: param_text_name;  \
+	  type: TEXT;  \
+	  mouse_events: 0; \
+	  scale: 1; \
+	  description {  \
+		 align: 0.0 0.0; \
+		 state: "default" 0.0;	\
+		 color: 0 0 0 255;	\
+		 rel1 { relative: 0.0 0.0; to: param_name; } \
+		 rel2 { relative: 1.0 1.0; to: param_name; } \
+		 text {  \
+			text: param_text; \
+			font: "SLP:style=Roman"; \
+			size: 24;  \
+			min: 1 1;  \
+			align: 0.5 0.5;  \
+		 }	\
+	  }  \
+   }
+
+/* only for demo */
+#define GENLIST_PROGRAM_BUTTON( param_name_focused, param_name_normal, param_part_name ) \
+   program { name: param_name_focused; \
+	  source: param_part_name; \
+	  signal: "mouse,down,1"; \
+	  action:  STATE_SET "selected" 0.0;  \
+	  target: param_part_name; \
+   } \
+   program { name: param_name_normal; \
+	  source: param_part_name; \
+	  signal: "mouse,up,1"; \
+	  action:  STATE_SET "default" 0.0;  \
+	  target: param_part_name; \
+   }
+
+#define GENLIST_PROGRAM_SLIDE_WITH_AFTER( param_name, param_state, param_next ) \
+   program { name: param_name; \
+	  action:  STATE_SET "hide" param_state; \
+	  target: "bg"; \
+	  transition: LINEAR 0.3; \
+	  after: param_next; \
+   }
+
+#define GENLIST_PROGRAM_SLIDE( param_name, param_state_name, param_state_value ) \
+   program { name: param_name; \
+	  action:  STATE_SET param_state_name param_state_value; \
+	  target: "bg"; \
+	  transition: LINEAR 0.3; \
+   }
+
+#define DESC_FLIP_IMAGE( param_state_value, param_image_file_name ) \
+   description { state: "flipping" param_state_value; \
+	  inherit: "default" 0.0; \
+	  image { normal: param_image_file_name; } \
+   }
+
+#define DESC_TEXT_HIDE( param_state_value ) \
+description { state: "hide" param_state_value; \
+   inherit: "default" 0.0; \
+   color: 0 0 0 (255*(1-param_state_value/0.20)); \
+}
+
+#define GENLIST_EDIT_PART_BASE( param_item_height ) \
+	  part { name: "base"; \
+		 type: RECT; \
+		 repeat_events: 0; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			min: 0 param_item_height; \
+			color: 0 0 0 0; \
+		 } \
+	  }
+
+#define GENLIST_PART_FLIP \
+	  part { name: "elm.flip.content"; \
+		 clip_to: "disclip"; \
+		 type: SWALLOW; \
+		 mouse_events: 1; \
+		 scale: 1; \
+		 description { state: "default" 0.0; \
+			visible: 0; \
+			fixed: 1 1; \
+			rel1 { \
+			   relative: 1.0  0.5; \
+			   to_x: "elm.padding.left"; \
+			} \
+			rel2 { \
+			   relative: 0.0  0.5; \
+			   to_x: "elm.padding.right"; \
+			} \
+		 } \
+		 description { state: "flip_enabled" 0.0; \
+			inherit: "default" 0.0; \
+			visible: 1; \
+		 } \
+	  }
+
+#define GENLIST_DESCRIPTION_INVISIBLE_SELECTED \
+		 description { state: "selected" 1.0; \
+			inherit: "default" 0.0; \
+			visible: 0; \
+		 }
+
+#define GENLIST_DESCRIPTION_FLIP_ENABLED \
+		 description { state: "flip_enabled" 0.0; \
+			inherit: "default" 0.0; \
+			visible: 0; \
+		 }
+
+#define GENLIST_PROGRAM_SCRIPT_FLIP_SELECT_1TEXT \
+		 script { \
+			new st[31]; \
+			new Float:vl; \
+			get_state(PART:"elm.text", st, 30, vl); \
+			set_state(PART:"bg_image", "selected", 0.0); \
+			if (!strcmp(st, "flip_enabled")) \
+			   set_state(PART:"elm.text", "selected", 1.0); \
+			else \
+			   set_state(PART:"elm.text", "selected", 0.0); \
+		 }
+
+#define GENLIST_PROGRAM_SCRIPT_FLIP_SELECT_2TEXT \
+		 script { \
+			new st[31]; \
+			new Float:vl; \
+			get_state(PART:"elm.text.1", st, 30, vl); \
+			set_state(PART:"bg_image", "selected", 0.0); \
+			if (!strcmp(st, "flip_enabled")) { \
+			   set_state(PART:"elm.text.1", "selected", 1.0); \
+			   set_state(PART:"elm.text.2", "selected", 1.0); \
+			} \
+			else { \
+			   set_state(PART:"elm.text.1", "selected", 0.0); \
+			   set_state(PART:"elm.text.2", "selected", 0.0); \
+			} \
+		 }
+
+#define GENLIST_PROGRAM_SCRIPT_FLIP_SELECT_3TEXT \
+		 script { \
+			new st[31]; \
+			new Float:vl; \
+			get_state(PART:"elm.text.1", st, 30, vl); \
+			set_state(PART:"bg_image", "selected", 0.0); \
+			if (!strcmp(st, "flip_enabled")) { \
+			   set_state(PART:"elm.text.1", "selected", 1.0); \
+			   set_state(PART:"elm.text.2", "selected", 1.0); \
+			   set_state(PART:"elm.text.3", "selected", 1.0); \
+			} \
+			else { \
+			   set_state(PART:"elm.text.1", "selected", 0.0); \
+			   set_state(PART:"elm.text.2", "selected", 0.0); \
+			   set_state(PART:"elm.text.3", "selected", 0.0); \
+			} \
+		 }
+
+#define GENLIST_PROGRAM_FLIP_1TEXT \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_1TEXT_1ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text"; \
+		 target: "elm.icon"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text"; \
+		 target: "elm.icon"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_1TEXT_2ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_1TEXT_3ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.icon.3"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.icon.3"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_2TEXT \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_2TEXT_1ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.icon"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.icon"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_2TEXT_2ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		  target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_2TEXT_3ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.icon.3"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.icon.3"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_3TEXT \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.text.3"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.text.3"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_3TEXT_1ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.text.3"; \
+		 target: "elm.icon"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.text.3"; \
+		 target: "elm.icon"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_3TEXT_2ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.text.3"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.text.3"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.flip.content"; \
+	  }
+
+#define GENLIST_PROGRAM_FLIP_3TEXT_3ICON \
+	  program { name: "flip_enabled"; \
+		 signal: "elm,state,flip,enabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "flip_enabled" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.text.3"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.icon.3"; \
+		 target: "elm.flip.content"; \
+	  } \
+	  program { name: "flip_disabled"; \
+		 signal: "elm,state,flip,disabled"; \
+		 source: "elm"; \
+		 action: STATE_SET "default" 0.0; \
+		 target: "elm.text.1"; \
+		 target: "elm.text.2"; \
+		 target: "elm.text.3"; \
+		 target: "elm.icon.1"; \
+		 target: "elm.icon.2"; \
+		 target: "elm.icon.3"; \
+		 target: "elm.flip.content"; \
+	  }
+
diff --git a/main/layout/genlist/genlist_size.edc b/main/layout/genlist/genlist_size.edc
new file mode 100755
index 0000000..73c285a
--- /dev/null
+++ b/main/layout/genlist/genlist_size.edc
@@ -0,0 +1,136 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/* hd_inc */
+
+#define GENLIST_HEIGHT_1_INC 1
+#define GENLIST_HEIGHT_16_INC 16
+#define GENLIST_HEIGHT_33_INC 33
+#define GENLIST_HEIGHT_49_INC 49
+#define GENLIST_HEIGHT_62_INC 62
+#define GENLIST_HEIGHT_65_INC 65
+#define GENLIST_HEIGHT_72_INC 72
+#define GENLIST_HEIGHT_73_INC 73
+#define GENLIST_HEIGHT_77_INC 77
+#define GENLIST_HEIGHT_89_INC 89
+#define GENLIST_HEIGHT_93_INC 93
+#define GENLIST_HEIGHT_97_INC 97
+#define GENLIST_HEIGHT_113_INC 113
+#define GENLIST_HEIGHT_129_INC 129
+#define GENLIST_HEIGHT_177_INC 177
+#define GENLIST_HEIGHT_182_INC 182
+#define GENLIST_HEIGHT_190_INC 190
+#define GENLIST_HEIGHT_207_INC 207
+#define GENLIST_HEIGHT_260_INC 260
+#define GENLIST_HEIGHT_291_INC 291
+#define GENLIST_HEIGHT_454_INC 454
+#define GENLIST_HEIGHT_566_INC 566
+
+#define GENLIST_PADDING_4_INC 4
+#define GENLIST_PADDING_5_INC 5
+#define GENLIST_PADDING_6_INC 6
+#define GENLIST_PADDING_8_INC 8
+#define GENLIST_PADDING_10_INC 10
+#define GENLIST_PADDING_11_INC 11
+#define GENLIST_PADDING_12_INC 12
+#define GENLIST_PADDING_13_INC 13
+#define GENLIST_PADDING_14_INC 14
+#define GENLIST_PADDING_16_INC 16
+#define GENLIST_PADDING_18_INC 18
+#define GENLIST_PADDING_21_INC 21
+#define GENLIST_PADDING_22_INC 22
+#define GENLIST_PADDING_24_INC 24
+#define GENLIST_PADDING_27_INC 27
+#define GENLIST_PADDING_32_INC 32
+#define GENLIST_PADDING_34_INC 34
+#define GENLIST_PADDING_46_INC 46
+#define GENLIST_PADDING_48_INC 48
+#define GENLIST_PADDING_64_INC 64
+#define GENLIST_PADDING_74_INC 74
+#define GENLIST_PADDING_88_INC 88
+#define GENLIST_PADDING_124_INC 124
+
+#define GENLIST_FONT_20_INC 20
+#define GENLIST_FONT_27_INC 27
+#define GENLIST_FONT_28_INC 28
+#define GENLIST_FONT_30_INC 30
+#define GENLIST_FONT_32_INC 32
+#define GENLIST_FONT_STYLE_32_INC "32"
+#define GENLIST_FONT_36_INC 36
+#define GENLIST_FONT_STYLE_36_INC "36"
+#define GENLIST_FONT_40_INC 40
+#define GENLIST_FONT_STYLE_40_INC "40"
+#define GENLIST_FONT_42_INC 42
+#define GENLIST_FONT_STYLE_42_INC "42"
+#define GENLIST_FONT_44_INC 44
+#define GENLIST_FONT_STYLE_44_INC "44"
+#define GENLIST_FONT_48_INC 48
+#define GENLIST_FONT_STYLE_48_INC "48"
+
+#define GENLIST_SIZE_6_INC 6
+#define GENLIST_SIZE_8_INC 8
+#define GENLIST_SIZE_10_INC 10
+#define GENLIST_SIZE_13_INC 13
+#define GENLIST_SIZE_16_INC 16
+#define GENLIST_SIZE_18_INC 18
+#define GENLIST_SIZE_21_INC 21
+#define GENLIST_SIZE_26_INC 26
+#define GENLIST_SIZE_32_INC 32
+#define GENLIST_SIZE_35_INC 35
+#define GENLIST_SIZE_38_INC 38
+#define GENLIST_SIZE_40_INC 40
+#define GENLIST_SIZE_42_INC 42
+#define GENLIST_SIZE_45_INC 45
+#define GENLIST_SIZE_48_INC 48
+#define GENLIST_SIZE_54_INC 54
+#define GENLIST_SIZE_56_INC 56
+#define GENLIST_SIZE_57_INC 57
+#define GENLIST_SIZE_61_INC 61
+#define GENLIST_SIZE_SLIDE_60_INC 60
+#define GENLIST_SIZE_64_INC 64
+#define GENLIST_SIZE_80_INC 80
+#define GENLIST_SIZE_90_INC 90
+#define GENLIST_SIZE_96_INC 96
+#define GENLIST_SIZE_112_INC 112
+#define GENLIST_SIZE_116_INC 116
+#define GENLIST_SIZE_128_INC 128
+#define GENLIST_SIZE_133_INC 133
+#define GENLIST_SIZE_141_INC 141
+#define GENLIST_SIZE_144_INC 144
+#define GENLIST_SIZE_154_INC 154
+#define GENLIST_SIZE_160_INC 160
+#define GENLIST_SIZE_163_INC 163
+#define GENLIST_SIZE_168_INC 168
+#define GENLIST_SIZE_174_INC 174
+#define GENLIST_SIZE_SLIDE_165_INC 165
+#define GENLIST_SIZE_176_INC 176
+#define GENLIST_SIZE_177_INC 177
+#define GENLIST_SIZE_192_INC 192
+#define GENLIST_SIZE_195_INC 195
+#define GENLIST_SIZE_206_INC 206
+#define GENLIST_SIZE_234_INC 234
+#define GENLIST_SIZE_235_INC 235
+#define GENLIST_SIZE_SLIDE_220_INC 220
+#define GENLIST_SIZE_390_INC 390
+#define GENLIST_SIZE_448_INC 448
+#define GENLIST_SIZE_560_INC 560
+#define GENLIST_SIZE_576_INC 576
+#define GENLIST_SIZE_672_INC 672
+
+#define GENLIST_TREESIZE_16_INC 16
+#define GENLIST_TREESIZE_32_INC 32
+
diff --git a/main/layout/genlist/genlist_styles.edc b/main/layout/genlist/genlist_styles.edc
new file mode 100755
index 0000000..4eeeca9
--- /dev/null
+++ b/main/layout/genlist/genlist_styles.edc
@@ -0,0 +1,262 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+group { name: "elm/genlist/item/ivug/2text.2/default";
+      alias: "elm/genlist/item_odd/ivug/2text.2/default";
+      alias: "elm/genlist/item_compress/ivug/2text.2/default";
+      alias: "elm/genlist/item_compress_odd/ivug/2text.2/default";
+      data.item: "stacking" "above";
+      data.item: "selectraise" "on";
+      data.item: "texts" "elm.text.1 elm.text.2";
+      data.item: "renames" "elm.edit.rename";
+      images {
+         //image: "00_list_bar_press_1x80.png" COMP;
+      }
+      parts {
+         GENLIST_PART_BASE( GENLIST_HEIGHT_72_INC )
+         GENLIST_PART_BG_IMAGE
+         GENLIST_PART_BOTTOM_LINE
+         GENLIST_PART_PADDING_TOP( GENLIST_PADDING_8_INC )
+         GENLIST_PART_PADDING_BOTTOM( GENLIST_PADDING_8_INC )
+         GENLIST_PART_PADDING_LEFT( GENLIST_PADDING_10_INC )
+         GENLIST_PART_PADDING_RIGHT( GENLIST_PADDING_10_INC )
+         part { name: "elm.text.1";
+            clip_to: "disclip";
+            type: TEXT;
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 0 GENLIST_SIZE_26_INC;
+               fixed: 0 1;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to_x: "elm.padding.left";
+                  to_y: "elm.padding.top";
+               }
+               rel2 {
+                  relative: 0.0 1.0;
+                  to_x: "elm.padding.right";
+                  to_y: "elm.padding.top";
+               }
+               align: 0.0 0.0;
+               color: GENLIST_PART_FONT_LIST_MAIN_TEXT_UNREAD_COLOR_INC;
+               text {
+                  font: "SLP:style=Roman";
+                  size: GENLIST_FONT_20_INC;
+                  min: 0 1;
+                  align: 0.0 0.5;
+               }
+            }
+            description { state: "selected" 0.0;
+               inherit: "default" 0.0;
+               color: GENLIST_PART_TEXT_PRESS_COLOR_INC;
+            }
+            GENLIST_DESCRIPTION_FLIP_ENABLED
+         }
+         part { name: "elm.text.2";
+            clip_to: "disclip";
+            type: TEXT;
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to_x: "elm.padding.left";
+                  to_y: "elm.text.1";
+               }
+               rel2 {
+                  relative: 0.0 0.0;
+                  to_x: "elm.padding.right";
+                  to_y: "elm.padding.bottom";
+               }
+               align: 0.0 0.0;
+               color: GENLIST_PART_FONT_LIST_SUB_TEXT_COLOR_INC;
+               text {
+                  font: "SLP:style=Medium";
+                  size: GENLIST_FONT_28_INC;
+                  min: 0 1;
+                  align: 0.0 0.5;
+               }
+            }
+            description { state: "selected" 0.0;
+               inherit: "default" 0.0;
+               color: GENLIST_PART_TEXT_PRESS_COLOR_INC;
+            }
+            GENLIST_DESCRIPTION_FLIP_ENABLED
+         }
+         GENLIST_PART_FLIP
+         GENLIST_PART_DISCLIP
+      }
+      programs {
+         // signal: elm,state,%s,active
+         //   a "check" item named %s went active
+         // signal: elm,state,%s,passive
+         //   a "check" item named %s went passive
+         // default is passive
+         program { name: "go_active";
+            signal: "elm,state,selected";
+            source: "elm";
+            action: STATE_SET "selected" 0.0;
+            target: "bg_image";
+            target: "elm.text.1";
+            target: "elm.text.2";
+         }
+         program { name: "go_passive";
+            signal: "elm,state,unselected";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "bg_image";
+            target: "elm.text.1";
+            target: "elm.text.2";
+            transition: LINEAR 0.1;
+         }
+         program { name: "go_disabled";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action: STATE_SET "disabled" 0.0;
+            target: "disclip";
+         }
+         program { name: "go_enabled";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "disclip";
+         }
+         GENLIST_PROGRAM_FLIP_2TEXT
+      }
+   }
+
+   group { name: "elm/genlist/item_compress/ivug/multiline/2text/default";
+      alias: "elm/genlist/item_compress_odd/ivug/multiline/2text/default";
+      alias: "elm/genlist/item_compress/ivug/multiline.2text/default";
+      alias: "elm/genlist/item_compress_odd/ivug/multiline.2text/default";
+      data.item: "stacking" "above";
+      data.item: "selectraise" "on";
+      data.item: "texts" "elm.text.1 elm.text.2";
+      parts {
+         part { name: "base";
+            type: RECT;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+               color: GENLIST_PART_BG_COLOR_INC;
+            }
+         }
+         GENLIST_PART_BG_IMAGE
+         GENLIST_PART_BOTTOM_LINE
+         GENLIST_PART_PADDING_TOP( GENLIST_PADDING_8_INC )
+         GENLIST_PART_PADDING_BOTTOM( GENLIST_PADDING_8_INC )
+         GENLIST_PART_PADDING_LEFT( GENLIST_PADDING_10_INC )
+         GENLIST_PART_PADDING_RIGHT( GENLIST_PADDING_10_INC )
+         part { name: "elm.text.1";
+            clip_to: "disclip";
+            type: TEXT;
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 0 GENLIST_SIZE_26_INC;
+               fixed: 0 1;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to_x: "elm.padding.left";
+                  to_y: "elm.padding.top";
+               }
+               rel2 {
+                  relative: 0.0 1.0;
+                  to_x: "elm.padding.right";
+                  to_y: "elm.padding.top";
+               }
+               align: 0.0 0.0;
+               color: 160 160 160 255; //GENLIST_PART_FONT_LIST_MAIN_TEXT_UNREAD_COLOR_INC;
+               text {
+                  font: "SLP:style=Roman";
+                  size: GENLIST_FONT_32_INC;
+                  min: 0 1;
+                  align: 0.0 0.5;
+               }
+            }
+            description { state: "selected" 0.0;
+               inherit: "default" 0.0;
+               color: GENLIST_PART_TEXT_PRESS_COLOR_INC;
+            }
+         }
+         part { name: "elm.text.2";
+            clip_to: "disclip";
+            type: TEXTBLOCK;
+            mouse_events: 0;
+            scale: 1;
+            description { state: "default" 0.0;
+               rel1 {
+                  relative: 1.0 1.0;
+                  to_x: "elm.padding.left";
+                  to_y: "elm.text.1";
+               }
+               rel2 {
+                  relative: 0.0 0.0;
+                  to_x: "elm.padding.right";
+                  to_y: "elm.padding.bottom";
+               }
+               text {
+                  style: "genlist_textblock_flexible_style";
+                  min: 0 1;
+                  align: 0.0 0.5;
+               }
+            }
+            description { state: "selected" 0.0;
+               inherit: "default" 0.0;
+               text.style: "genlist_textblock_flexible_selected_style";
+            }
+         }
+         GENLIST_PART_DISCLIP
+      }
+      programs {
+         // signal: elm,state,%s,active
+         //   a "check" item named %s went active
+         // signal: elm,state,%s,passive
+         //   a "check" item named %s went passive
+         // default is passive
+         program { name: "go_active";
+            signal: "elm,state,selected";
+            source: "elm";
+            action: STATE_SET "selected" 0.0;
+            target: "bg_image";
+            target: "elm.text.1";
+            target: "elm.text.2";
+         }
+         program { name: "go_passive";
+            signal: "elm,state,unselected";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "bg_image";
+            target: "elm.text.1";
+            target: "elm.text.2";
+            transition: LINEAR 0.1;
+         }
+         program { name: "go_disabled";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action: STATE_SET "disabled" 0.0;
+            target: "disclip";
+         }
+         program { name: "go_enabled";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "disclip";
+         }
+      }
+   }
+
diff --git a/main/layout/genlist/genlist_textblock_styles.edc b/main/layout/genlist/genlist_textblock_styles.edc
new file mode 100755
index 0000000..02ac574
--- /dev/null
+++ b/main/layout/genlist/genlist_textblock_styles.edc
@@ -0,0 +1,111 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/* hd_inc */
+#define GENLIST_PART_TEXT_PRESS_STYLE_COLOR_INC "#F9F9F9FF"
+#define GENLIST_PART_MATCH_TAG_COLOR_INC "+ color=#3F8DAD"
+
+#define GENLIST_PART_FONT_LIST_MAIN_TEXT_UNREAD_STYLE_COLOR_INC "#F9F9F9FF"
+#define GENLIST_PART_FONT_LIST_SUB_TEXT_STYLE_COLOR_INC "#646464FF"
+#define GENLIST_PART_FONT_FLEXIBLE_TEXT_MAIN_STYLE_COLOR_INC "#F9F9F9FF"
+#define GENLIST_PART_FONT_FLEXIBLE_TEXT_SUB_STYLE_COLOR_INC "#959595FF"
+#define GENLIST_PART_FONT_MULTILINE_TEXT_STYLE_COLOR_INC "#959595FF"
+#define GENLIST_PART_FONT_3LINE_MAIN_TEXT_READ_STYLE_COLOR_INC "#F9F9F9FF"
+#define GENLIST_PART_FONT_3LINE_MAIN_TEXT_UNREAD_STYLE_COLOR_INC "#F9F9F9FF"
+#define GENLIST_PART_FONT_3LINE_MAIN_TEXT_FOCUS_STYLE_COLOR_INC "#F9F9F9FF"
+#define GENLIST_PART_FONT_3LINE_MAIN_TEXT_2_STYLE_COLOR_INC "#F9F9F9FF"//"#688998FF"
+#define GENLIST_PART_FONT_3LINE_MAIN_TEXT_2_FOCUS_STYLE_COLOR_INC "#F9F9F9FF"
+#define GENLIST_PART_FONT_HELP_TEXT_STYLE_COLOR_INC "#929292FF"
+
+#define TEXTBLOCK_TAG \
+	   tag:  "br" "\n";\
+	   tag:  "ps" "ps";\
+	   tag:  "tab" "\t";\
+	   tag:  "b" "+ font=SLP:style=Bold";\
+	   tag:  "match" GENLIST_PART_MATCH_TAG_COLOR_INC;
+
+ styles {
+	style { name: "text_style"; // TODO: remove this later
+	   base: "font=SLP:style=Roman font_size=28 color=#000000 wrap=char ellipsis=1.0";
+	   tag:  "br" "\n";
+	   tag:  "ps" "ps";
+	   tag:  "tab" "\t";
+	   tag:  "b" "+ font=SLP:style=Bold";
+	   tag:  "match" "+ color=#E58616FF";
+	}
+	style { name: "genlist_default_textblock_style";
+	   base: "font=SLP:style=Roman font_size="GENLIST_FONT_STYLE_44_INC" color="GENLIST_PART_FONT_LIST_MAIN_TEXT_UNREAD_STYLE_COLOR_INC" text_class=list_item ellipsis=1.0";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_default_textblock_selected_style";
+	   base: "font=SLP:style=Roman font_size="GENLIST_FONT_STYLE_44_INC" color="GENLIST_PART_TEXT_PRESS_STYLE_COLOR_INC" text_class=list_item ellipsis=1.0";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_sub_textblock_style";
+	   base: "font=SLP:style=Medium font_size="GENLIST_FONT_STYLE_32_INC" color="GENLIST_PART_FONT_LIST_SUB_TEXT_STYLE_COLOR_INC" text_class=list_item ellipsis=1.0";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_sub_textblock_selected_style";
+	   base: "font=SLP:style=Medium font_size="GENLIST_FONT_STYLE_32_INC" color="GENLIST_PART_TEXT_PRESS_STYLE_COLOR_INC" text_class=list_item ellipsis=1.0";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_multiline_textblock_style";
+	   base: "font=SLP:style=Medium font_size="GENLIST_FONT_STYLE_32_INC" color="GENLIST_PART_FONT_MULTILINE_TEXT_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_multiline_textblock_selected_style";
+	   base: "font=SLP:style=Medium font_size="GENLIST_FONT_STYLE_32_INC" color="GENLIST_PART_TEXT_PRESS_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_style";
+	   base: "font=SLP:style=Roman font_size="GENLIST_FONT_STYLE_42_INC" color="GENLIST_PART_FONT_3LINE_MAIN_TEXT_UNREAD_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_selected_style";
+	   base: "font=SLP:style=Roman font_size="GENLIST_FONT_STYLE_42_INC" color="GENLIST_PART_TEXT_PRESS_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_sub_style";
+	   base: "font=SLP:style=Medium font_size="GENLIST_FONT_STYLE_36_INC" color="GENLIST_PART_FONT_3LINE_MAIN_TEXT_2_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_sub_selected_style";
+	   base: "font=SLP:style=Medium font_size="GENLIST_FONT_STYLE_36_INC" color="GENLIST_PART_TEXT_PRESS_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_flexible_style";
+	   base: "font=SLP:style=Roman font_size="GENLIST_FONT_STYLE_36_INC" color="GENLIST_PART_FONT_FLEXIBLE_TEXT_MAIN_STYLE_COLOR_INC" wrap=char text_class=list_item";// fixed by ivug
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_flexible_selected_style";
+	   base: "font=SLP:style=Roman font_size="GENLIST_FONT_STYLE_48_INC" color="GENLIST_PART_TEXT_PRESS_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_flexible_sub_style";
+	   base: "font=SLP:style=Roman font_size="GENLIST_FONT_STYLE_36_INC" color="GENLIST_PART_FONT_FLEXIBLE_TEXT_SUB_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_flexible_sub_selected_style";
+	   base: "font=SLP:style=Roman font_size="GENLIST_FONT_STYLE_36_INC" color="GENLIST_PART_TEXT_PRESS_STYLE_COLOR_INC" wrap=char text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+	style { name: "genlist_textblock_help_style";
+	   base: "font=SLP:style=Medium font_size="GENLIST_FONT_STYLE_32_INC" color="GENLIST_PART_FONT_HELP_TEXT_STYLE_COLOR_INC" wrap=mixed text_class=list_item";
+	   TEXTBLOCK_TAG
+	}
+}
+
diff --git a/main/layout/genlist/ivug-genlist.edc b/main/layout/genlist/ivug-genlist.edc
new file mode 100755
index 0000000..f9d527b
--- /dev/null
+++ b/main/layout/genlist/ivug-genlist.edc
@@ -0,0 +1,42 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+#define GENLIST_PART_BG_COLOR_INC 0 0 0 0
+
+#define GENLIST_PART_FONT_LIST_SUB_TEXT_COLOR_INC 249 249 249 255
+#define GENLIST_PART_TEXT_PRESS_COLOR_INC 249 249 249 255
+
+#define GENLIST_PART_FONT_LIST_MAIN_TEXT_UNREAD_COLOR_INC 100 100 100 255
+
+#define GENLIST_PART_DISCLIP_COLOR_INC 255 255 255 64
+
+/* 1.0 */
+#define GENLIST_PART_LIST_BG_COLOR_INC 0 0 0 0
+#define GENLIST_PART_LIST_LINE_COLOR_INC 68 68 68 0
+#define GENLIST_PART_LIST_PRESS_COLOR_INC 0 140 210 255
+
+collections {
+
+#include "genlist_size.edc"
+#include "genlist_macro.edc"
+
+#include "genlist_textblock_styles.edc"
+#include "genlist_styles.edc"
+#include "genlist_group_index.edc"
+
+}
+
diff --git a/main/layout/icons/01_Header icon/01_header_icon_add.png b/main/layout/icons/01_Header icon/01_header_icon_add.png
new file mode 100755
index 0000000..43c4984
--- /dev/null
+++ b/main/layout/icons/01_Header icon/01_header_icon_add.png
diff --git a/main/layout/icons/01_Header icon/01_header_icon_cancel.png b/main/layout/icons/01_Header icon/01_header_icon_cancel.png
new file mode 100755
index 0000000..4fb54c3
--- /dev/null
+++ b/main/layout/icons/01_Header icon/01_header_icon_cancel.png
diff --git a/main/layout/icons/01_Header icon/01_header_icon_done.png b/main/layout/icons/01_Header icon/01_header_icon_done.png
new file mode 100755
index 0000000..d771640
--- /dev/null
+++ b/main/layout/icons/01_Header icon/01_header_icon_done.png
diff --git a/main/layout/icons/01_Header icon/01_header_icon_edit.png b/main/layout/icons/01_Header icon/01_header_icon_edit.png
new file mode 100755
index 0000000..ea2535d
--- /dev/null
+++ b/main/layout/icons/01_Header icon/01_header_icon_edit.png
diff --git a/main/layout/icons/01_Header icon/01_header_icon_others.png b/main/layout/icons/01_Header icon/01_header_icon_others.png
new file mode 100755
index 0000000..4fc9dfa
--- /dev/null
+++ b/main/layout/icons/01_Header icon/01_header_icon_others.png
diff --git a/main/layout/icons/T01_btn_play.png b/main/layout/icons/T01_btn_play.png
new file mode 100755
index 0000000..a19a8e0
--- /dev/null
+++ b/main/layout/icons/T01_btn_play.png
diff --git a/main/layout/images/00_zoom_in.png b/main/layout/images/00_zoom_in.png
new file mode 100755
index 0000000..3685b2c
--- /dev/null
+++ b/main/layout/images/00_zoom_in.png
diff --git a/main/layout/images/00_zoom_in_press.png b/main/layout/images/00_zoom_in_press.png
new file mode 100755
index 0000000..2eb645f
--- /dev/null
+++ b/main/layout/images/00_zoom_in_press.png
diff --git a/main/layout/images/00_zoom_out.png b/main/layout/images/00_zoom_out.png
new file mode 100755
index 0000000..03e0e96
--- /dev/null
+++ b/main/layout/images/00_zoom_out.png
diff --git a/main/layout/images/00_zoom_out_press.png b/main/layout/images/00_zoom_out_press.png
new file mode 100755
index 0000000..7e29dc9
--- /dev/null
+++ b/main/layout/images/00_zoom_out_press.png
diff --git a/main/layout/images/T01_btn_cancel.png b/main/layout/images/T01_btn_cancel.png
new file mode 100755
index 0000000..051ff04
--- /dev/null
+++ b/main/layout/images/T01_btn_cancel.png
diff --git a/main/layout/images/T01_btn_cancel_press.png b/main/layout/images/T01_btn_cancel_press.png
new file mode 100755
index 0000000..32f7e76
--- /dev/null
+++ b/main/layout/images/T01_btn_cancel_press.png
diff --git a/main/layout/images/T01_btn_ok.png b/main/layout/images/T01_btn_ok.png
new file mode 100755
index 0000000..adb15aa
--- /dev/null
+++ b/main/layout/images/T01_btn_ok.png
diff --git a/main/layout/images/T01_btn_ok_dim.png b/main/layout/images/T01_btn_ok_dim.png
new file mode 100755
index 0000000..9cc983b
--- /dev/null
+++ b/main/layout/images/T01_btn_ok_dim.png
diff --git a/main/layout/images/T01_btn_ok_press.png b/main/layout/images/T01_btn_ok_press.png
new file mode 100755
index 0000000..4a59cfd
--- /dev/null
+++ b/main/layout/images/T01_btn_ok_press.png
diff --git a/main/layout/images/T01_btn_thumbnail_play.png b/main/layout/images/T01_btn_thumbnail_play.png
new file mode 100755
index 0000000..2ea3599
--- /dev/null
+++ b/main/layout/images/T01_btn_thumbnail_play.png
diff --git a/main/layout/images/gray-theme/00_winset_btn_prev.png b/main/layout/images/gray-theme/00_winset_btn_prev.png
new file mode 100755
index 0000000..15b43b0
--- /dev/null
+++ b/main/layout/images/gray-theme/00_winset_btn_prev.png
diff --git a/main/layout/images/gray-theme/I01_control_top_bg.png b/main/layout/images/gray-theme/I01_control_top_bg.png
new file mode 100755
index 0000000..287ef80
--- /dev/null
+++ b/main/layout/images/gray-theme/I01_control_top_bg.png
diff --git a/main/layout/images/gray-theme/T01_Option_header_bt.png b/main/layout/images/gray-theme/T01_Option_header_bt.png
new file mode 100755
index 0000000..3c6987f
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_Option_header_bt.png
diff --git a/main/layout/images/gray-theme/T01_Option_header_bt_dim.png b/main/layout/images/gray-theme/T01_Option_header_bt_dim.png
new file mode 100755
index 0000000..501d9e8
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_Option_header_bt_dim.png
diff --git a/main/layout/images/gray-theme/T01_Option_header_bt_press.png b/main/layout/images/gray-theme/T01_Option_header_bt_press.png
new file mode 100755
index 0000000..978107c
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_Option_header_bt_press.png
diff --git a/main/layout/images/gray-theme/T01_btn_prev.png b/main/layout/images/gray-theme/T01_btn_prev.png
new file mode 100755
index 0000000..ccaf337
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_btn_prev.png
diff --git a/main/layout/images/gray-theme/T01_control_top_arrow.png b/main/layout/images/gray-theme/T01_control_top_arrow.png
new file mode 100755
index 0000000..3f2ee50
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_control_top_arrow.png
diff --git a/main/layout/images/gray-theme/T01_control_top_bg.png b/main/layout/images/gray-theme/T01_control_top_bg.png
new file mode 100755
index 0000000..e7b5045
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_control_top_bg.png
diff --git a/main/layout/images/gray-theme/T01_title_btn.png b/main/layout/images/gray-theme/T01_title_btn.png
new file mode 100755
index 0000000..20c31f1
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_title_btn.png
diff --git a/main/layout/images/gray-theme/T01_title_btn_press.png b/main/layout/images/gray-theme/T01_title_btn_press.png
new file mode 100755
index 0000000..49861ed
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_title_btn_press.png
diff --git a/main/layout/images/gray-theme/T01_toolbar_bg.png b/main/layout/images/gray-theme/T01_toolbar_bg.png
new file mode 100755
index 0000000..e02c6c6
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_toolbar_bg.png
diff --git a/main/layout/images/gray-theme/T01_toolbar_press.png b/main/layout/images/gray-theme/T01_toolbar_press.png
new file mode 100755
index 0000000..703cc05
--- /dev/null
+++ b/main/layout/images/gray-theme/T01_toolbar_press.png
diff --git a/main/layout/images/gray-theme/magnifier.png b/main/layout/images/gray-theme/magnifier.png
new file mode 100755
index 0000000..4ae3188
--- /dev/null
+++ b/main/layout/images/gray-theme/magnifier.png
diff --git a/main/layout/images/gray-theme/magnifier_line.png b/main/layout/images/gray-theme/magnifier_line.png
new file mode 100755
index 0000000..c4dd14c
--- /dev/null
+++ b/main/layout/images/gray-theme/magnifier_line.png
diff --git a/main/layout/images/gray-theme/magnifier_noarrow.png b/main/layout/images/gray-theme/magnifier_noarrow.png
new file mode 100755
index 0000000..7cbd2a7
--- /dev/null
+++ b/main/layout/images/gray-theme/magnifier_noarrow.png
diff --git a/main/layout/images/gray-theme/magnifier_noarrow_line.png b/main/layout/images/gray-theme/magnifier_noarrow_line.png
new file mode 100755
index 0000000..fcfdb10
--- /dev/null
+++ b/main/layout/images/gray-theme/magnifier_noarrow_line.png
diff --git a/main/layout/images/gray-theme/reader_handler_down.png b/main/layout/images/gray-theme/reader_handler_down.png
new file mode 100755
index 0000000..8e95761
--- /dev/null
+++ b/main/layout/images/gray-theme/reader_handler_down.png
diff --git a/main/layout/images/gray-theme/reader_handler_up.png b/main/layout/images/gray-theme/reader_handler_up.png
new file mode 100755
index 0000000..172e2a3
--- /dev/null
+++ b/main/layout/images/gray-theme/reader_handler_up.png
diff --git a/main/layout/images/gray-theme/reader_longtap_blue.png b/main/layout/images/gray-theme/reader_longtap_blue.png
new file mode 100755
index 0000000..16df225
--- /dev/null
+++ b/main/layout/images/gray-theme/reader_longtap_blue.png
diff --git a/main/layout/ivug-base.edc b/main/layout/ivug-base.edc
new file mode 100755
index 0000000..fae85c6
--- /dev/null
+++ b/main/layout/ivug-base.edc
@@ -0,0 +1,61 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+collections {
+	group {
+		name: "ivug_base";
+		parts {
+			part {
+				name: "indication";
+				type: RECT;
+				scale: 1;
+				description {
+					state: "default" 0.0;
+					rel1 { relative: 0.0 0.0; }
+					rel2 { relative: 1.0 0.0; }
+					min: 0 0;
+					fixed: 0 1;
+					align: 0.5 0.0;
+					visible: 0;
+				}
+			}
+
+			part {
+				name: "clip";
+				type: RECT;
+				scale: 1;
+				description {
+					state: "default" 0.0;
+					rel1 { relative: 0.0 1.0;  to_y: "indication";}
+					rel2 { relative: 1.0 1.0; }
+				}
+			}
+			part {
+				name: "elm.swallow.content";
+				type: SWALLOW;
+				mouse_events: 1;
+				repeat_events: 0;
+				scale: 1;
+				clip_to: "clip";
+				description {
+					rel1.to: "clip";
+					rel2.to: "clip";
+				}
+			}
+		}
+	}
+}
diff --git a/main/layout/ivug-button.edc b/main/layout/ivug-button.edc
new file mode 100755
index 0000000..19fb76d
--- /dev/null
+++ b/main/layout/ivug-button.edc
@@ -0,0 +1,1332 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+#define BUTTON_STATE_ENABLED  0
+#define BUTTON_STATE_DISABLED 1
+
+#define NAVIBAR_PREV_BUTTON_LEFT_SEPARATOR_COLOR_INC 3 3 3 255
+#define NAVIBAR_PREV_BUTTON_RIGHT_SEPARATOR_COLOR_INC 52 52 52 255
+
+/* Default black themem text color
+#define BUTTON_TEXT_STYLE1_NORMAL_COLOR_INC 78 73 69 255
+*/
+#define BUTTON_TEXT_STYLE1_NORMAL_COLOR_INC 255 255 255 255
+#define BUTTON_TEXT_STYLE1_PRESSED_COLOR_INC 255 255 255 255
+#define BUTTON_TEXT_STYLE1_FOCUSED_COLOR_INC 255 255 255 255
+#define BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC 185 185 185 255
+
+#define BUTTON_TEXT_STYLE1_BG_MIN_INC 100 74
+#define BUTTON_TEXT_STYLE1_VISIBLE_BG_MIN_INC 148 74
+#define BUTTON_TEXT_STYLE1_ICONONLY_BG_MIN_INC 74 74
+#define BUTTON_TEXT_STYLE1_BG_BORDER_INC 5 5 5 5
+#define BUTTON_TEXT_STYLE1_PADDING_MIN_INC 5 5
+#define BUTTON_TEXT_STYLE1_VISIBLE_ICON_RECT_MIN_MAX_INC 38 38
+#define BUTTON_TEXT_STYLE1_VISIBLE_PADDING_ICON_TEXT_MIN_INC 10 0
+#define BUTTON_TEXT_STYLE1_VISIBLE_ICON_MIN_MAX_INC 38 38
+#define BUTTON_TEXT_STYLE1_ICONONLY_ICON_MIN_MAX_INC 38 38
+#define BUTTON_TEXT_STYLE1_FONT_SIZE_INC 28
+
+#define BUTTON_NAVIBAR_FUNCTION_BUTTON_TEXT_DISABLED_COLOR_INC 160 151 145 255
+
+#define BUTTON_NAVIBAR_CENTER_BG_NORMAL_MIN_W_INC 36
+#define BUTTON_NAVIBAR_CENTER_BG_NORMAL_MIN_H_INC 74
+#define BUTTON_NAVIBAR_CENTER_BG_NORMAL_BORDER_INC 5 5 5 5
+
+#define BUTTON_NAVIBAR_CENTER_PADDING_MIN_MAX_INC 16 2
+#define BUTTON_NAVIBAR_CENTER_ICON_RECT_VISIBLE_MIN_SIZE 36 36
+#define BUTTON_NAVIBAR_CENTER_PADDING_AFTER_ICON_VISIBLE_MIN_INC 6 0
+
+#define BUTTON_NAVIBAR_CENTER_PADDING_BEFORE_TEXT_DEFAULT_MIN_INC 6 0
+
+#define BUTTON_NAVIBAR_BACK_BUTTON_BUTTON_IMAGE_MIN_INC 106 40
+#define BUTTON_NAVIBAR_BACK_BUTTON_BG_MIN_MAX_INC 36 32
+
+#define BUTTON_NAVIBAR_CENTER_SWALLOW_VISIBLE_MIN_MAX_INC 36 36
+#define BUTTON_NAVIBAR_CENTER_SWALLOW_ICONONLY_MIN_MAX_INC 38 38
+
+#define BUTTON_NAVIBAR_CENTER_TEXT_FONT_SIZE_INC 32
+
+#define NAVIBAR_TITLE_RIGHT_SEPARATOR_COLOR_INC 69 87 94 0
+#define NAVIBAR_TITLE_LEFT_SEPARATOR_COLOR_INC 0 15 30 0
+
+
+#define	IV_EDC_IMAGE_OPTION_HEADER_BT			"T01_Option_header_bt.png"
+#define	IV_EDC_IMAGE_OPTION_HEADER_BT_DIM		"T01_Option_header_bt_dim.png"
+#define	IV_EDC_IMAGE_OPTION_HEADER_BT_PRESS		"T01_Option_header_bt_press.png"
+
+#define	IV_EDC_IMAGE_NAVIFRAME_MORE_BT			"T01_title_btn.png"
+#define	IV_EDC_IMAGE_NAVIFRAME_MORE_BT_DIM		"T01_title_btn.png"
+#define	IV_EDC_IMAGE_NAVIFRAME_MORE_BT_PRESS	"T01_title_btn_press.png"
+
+#define	IV_EDC_IMAGE_BTN_PREV			"T01_btn_prev.png"
+#define	IV_EDC_IMAGE_BTN_PREV_PRESS		"00_winset_btn_prev.png" /* TODO: Replace with T01_XXX image */
+
+#define	IV_EDC_OPTION_HEADER_BT_TEXT_COLOR_INC		255 255 255 255
+
+#define BUTTON_MULTILINE_TEXT_FONT_SIZE_INC 32 /* */
+
+collections {
+
+///////////////////////////////////////////////////////////////////////////////////////
+	   group { name: "elm/button/base/style1";
+		  alias: "elm/button/base/text_only/style1";
+		  alias: "elm/button/base/center";
+		  alias: "elm/button/base/icon_and_text/center";
+		  alias: "elm/button/base/nocontents/search_button";
+		  alias: "elm/button/base/naviframe/title/default";
+		  images {
+			 image: IV_EDC_IMAGE_NAVIFRAME_MORE_BT COMP;
+			 image: IV_EDC_IMAGE_NAVIFRAME_MORE_BT_DIM COMP;
+			 image: IV_EDC_IMAGE_NAVIFRAME_MORE_BT_PRESS COMP;
+		  }
+		  script {
+			 public button_state = BUTTON_STATE_ENABLED;
+		  }
+		  parts {
+			 part { name: "button_image";
+				scale: 1;
+				description { state: "default" 0.0;
+				   image {
+					  normal: IV_EDC_IMAGE_NAVIFRAME_MORE_BT;
+					  border: BUTTON_TEXT_STYLE1_BG_BORDER_INC;
+					  border_scale: 1;
+				   }
+				}
+				description { state: "clicked" 0.0;
+				   inherit: "default" 0.0;
+				   image {
+					  normal: IV_EDC_IMAGE_NAVIFRAME_MORE_BT_PRESS;
+				   }
+				}
+				description { state: "disabled" 0.0;
+				   inherit: "default" 0.0;
+				   image {
+					  normal: IV_EDC_IMAGE_NAVIFRAME_MORE_BT_DIM;
+				   }
+				}
+				description { state: "focused" 0.0;
+				   inherit: "default" 0.0;
+				   image {
+					  normal: IV_EDC_IMAGE_NAVIFRAME_MORE_BT_PRESS;
+				   }
+				}
+			 }
+			 part { name: "padding_left_top";
+				type: RECT;
+				scale: 1;
+				mouse_events: 0;
+				description { state: "default" 0.0;
+				   align: 0.0 0.0;
+				   rel2 {
+					  relative: 0.0 0.0;
+				   }
+				   min: BUTTON_TEXT_STYLE1_PADDING_MIN_INC;
+				   fixed: 1 1;
+				   visible: 0;
+				}
+			 }
+			 part { name: "bg";
+				type: RECT;
+				scale: 1;
+				mouse_events: 0;
+				description { state: "default" 0.0;
+				   min: BUTTON_TEXT_STYLE1_BG_MIN_INC;
+				   visible: 0;
+				}
+				description { state: "visible" 0.0;
+				   inherit: "default" 0.0;
+				   min: BUTTON_TEXT_STYLE1_VISIBLE_BG_MIN_INC;
+				}
+				description { state: "icononly" 0.0;
+				   inherit: "default" 0.0;
+				   min: BUTTON_TEXT_STYLE1_ICONONLY_BG_MIN_INC;
+				}
+			 }
+			 part { name: "padding_right_bottom";
+				type: RECT;
+				scale: 1;
+				mouse_events: 0;
+				description { state: "default" 0.0;
+				   align: 1.0 1.0;
+				   rel1 {
+					  relative: 1.0 1.0;
+				   }
+				   min: BUTTON_TEXT_STYLE1_PADDING_MIN_INC;
+				   fixed: 1 1;
+				   visible: 0;
+				}
+			 }
+			 part { name: "icon_rect";
+				type: RECT;
+				scale: 1;
+				mouse_events: 0;
+				description { state: "default" 0.0;
+				   visible: 0;
+				   min: 0 0;
+				   fixed: 1 0;
+				   rel1 {
+					  relative: 1.0 1.0;
+					  to: "padding_left_top";
+				   }
+				   rel2 {
+					  relative: 1.0 0.0;
+					  to_x: "padding_left_top";
+					  to_y: "padding_right_bottom";
+				   }
+				   align: 0.0 0.5;
+				}
+				description { state: "visible" 0.0;
+				   visible: 0;
+				   min: BUTTON_TEXT_STYLE1_VISIBLE_ICON_RECT_MIN_MAX_INC;
+				   max: BUTTON_TEXT_STYLE1_VISIBLE_ICON_RECT_MIN_MAX_INC;
+				   fixed: 1 0;
+				   rel1 {
+					  relative: 1.0 1.0;
+					  to: "padding_left_top";
+				   }
+				   rel2 {
+				   relative: 1.0 0.0;
+					  to_x: "padding_left_top";
+					  to_y: "padding_right_bottom";
+				   }
+				   align: 0.0 0.5;
+				}
+				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 {
+					  to: "icon_rect";
+				   }
+				   fixed: 1 0;
+				   min: 0 0;
+				   visible: 0;
+				}
+				description { state: "visible" 0.0;
+				   visible: 0;
+				   align: 0.0 0.0;
+				   rel1 {
+					  relative: 1.0 0.0;
+					  to: "icon_rect";
+				   }
+				   rel2 {
+					  to: "icon_rect";
+				   }
+				   fixed: 1 0;
+				   min: BUTTON_TEXT_STYLE1_VISIBLE_PADDING_ICON_TEXT_MIN_INC;
+				}
+				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_left_top";
+				   }
+				   rel2 {
+					  relative: 0.0 0.0;
+					  to_x: "elm.text";
+					  to_y: "padding_right_bottom";
+				   }
+				   fixed: 1 0;
+				   min: BUTTON_TEXT_STYLE1_VISIBLE_PADDING_ICON_TEXT_MIN_INC;
+				   visible: 0;
+				}
+			 }
+			 part { name: "elm.swallow.content";
+				type: SWALLOW;
+				scale: 1;
+				clip_to: "clipper";
+				description { state: "default" 0.0;
+				   visible: 0;
+				   align: 0.0 0.5;
+				   rel1 {
+					  relative: 1.0 1.0;
+					  to: "padding_left_top";
+				   }
+				   rel2 {
+					  relative: 1.0 0.0;
+					  to_x: "padding_left_top";
+					  to_y: "padding_right_bottom";
+				   }
+				   fixed: 1 0;
+				}
+				description { state: "visible" 0.0;
+				   fixed: 1 0;
+				   min: BUTTON_TEXT_STYLE1_VISIBLE_ICON_MIN_MAX_INC;
+				   max: BUTTON_TEXT_STYLE1_VISIBLE_ICON_MIN_MAX_INC;
+				   align: 1.0 0.5;
+				   rel1 {
+					  relative: 0.0 1.0;
+					  to_x: "padding_before_text";
+					  to_y: "padding_left_top";
+				   }
+				   rel2 {
+					  relative: 0.0 0.0;
+					  to_x: "padding_before_text";
+					  to_y: "padding_right_bottom";
+				   }
+				}
+				description { state: "icononly" 0.0;
+				   min: BUTTON_TEXT_STYLE1_ICONONLY_ICON_MIN_MAX_INC;
+				   max: BUTTON_TEXT_STYLE1_ICONONLY_ICON_MIN_MAX_INC;
+				   align: 0.5 0.5;
+				}
+			 }
+			 part { name: "elm.text";
+				type: TEXT;
+				mouse_events: 0;
+				scale: 1;
+				clip_to: "clipper";
+				description { state: "default" 0.0;
+				   visible: 0;
+				   rel1 {
+					  relative: 1.0 1.0;
+					  to_x: "padding_after_icon";
+					  to_y: "padding_left_top";
+				   }
+				   rel2 {
+					  relative: 0.0 0.0;
+					  to: "padding_right_bottom";
+				   }
+				   color: BUTTON_TEXT_STYLE1_NORMAL_COLOR_INC;
+				   text {
+					  font: "HelveticaNeue:style=Medium";
+					  size: BUTTON_TEXT_STYLE1_FONT_SIZE_INC;
+					  min: 0 0;
+					  max: 1 0;
+				   }
+				}
+				description { state: "visible" 0.0;
+				   inherit: "default" 0.0;
+				   visible: 1;
+				}
+				description { state: "clicked" 0.0;
+				   inherit: "default" 0.0;
+				   visible: 1;
+				   color: BUTTON_TEXT_STYLE1_PRESSED_COLOR_INC;
+				}
+				description { state: "disabled" 0.0;
+				   inherit: "default" 0.0;
+				   color: 0 0 0 128;
+				}
+				description { state: "disabled_visible" 0.0;
+				   inherit: "default" 0.0;
+				   color: BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC;
+				   visible: 1;
+				}
+				description { state: "focused" 0.0;
+				   inherit: "default" 0.0;
+				   visible: 1;
+				   color: BUTTON_TEXT_STYLE1_FOCUSED_COLOR_INC;
+				}
+			 }
+			 part { name: "over2";
+				type: RECT;
+				repeat_events: 1;
+				ignore_flags: ON_HOLD;
+				description { state: "default" 0.0;
+				   color: 0 0 0 0;
+				}
+			 }
+			 part { name: "over3";
+				type: RECT;
+				repeat_events: 1;
+				description { state: "default" 0.0;
+				   color: 0 0 0 0;
+				}
+			 }
+			 part { name: "clipper";
+				type: RECT;
+				description { state: "default" 0.0;
+				   color: 255 255 255 255;
+				}
+			 }
+			 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) != BUTTON_STATE_DISABLED)
+					 set_state(PART:"button_image", "default", 0.0);
+				}
+				after: button_unpress;
+			 }
+			 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:"bg", "visible", 0.0);
+					 }
+				   if (get_int(button_state) != BUTTON_STATE_DISABLED)
+					 set_state(PART:"elm.text", "visible", 0.0);
+				   else
+					 set_state(PART:"elm.text", "disabled_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:"bg", "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);
+						set_state(PART:"bg", "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:"bg", "icononly", 0.0);
+					 }
+				}
+			 }
+			 program { name: "icon_hide";
+				signal: "elm,state,icon,hidden";
+				source: "elm";
+				action: STATE_SET "default" 0.0;
+				target: "elm.swallow.content";
+				target: "padding_after_icon";
+				target: "icon_rect";
+				target: "bg";
+			 }
+			 program { name: "disable";
+				signal: "elm,state,disabled";
+				source: "elm";
+				action: STATE_SET "disabled" 0.0;
+				target: "button_image";
+				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, BUTTON_STATE_DISABLED);
+				}
+			 }
+			 program { name: "enable";
+				signal: "elm,state,enabled";
+				source: "elm";
+				action: STATE_SET "default" 0.0;
+				target: "button_image";
+				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, BUTTON_STATE_ENABLED);
+				}
+			 }
+			 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/naviframe_control/default";
+	alias: "elm/button/base/naviframe_control/center";
+	/* TODO: Remove this alias later */
+	alias: "elm/button/base/navigationbar_control/center";
+      script {
+         public button_state = BUTTON_STATE_ENABLED;
+      }
+      images.image: IV_EDC_IMAGE_OPTION_HEADER_BT COMP;
+      images.image: IV_EDC_IMAGE_OPTION_HEADER_BT_DIM COMP;
+      images.image: IV_EDC_IMAGE_OPTION_HEADER_BT_PRESS COMP;
+      parts {
+         part { name: "button_image";
+            type: IMAGE;
+            mouse_events: 1;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: BUTTON_NAVIBAR_CENTER_BG_NORMAL_MIN_W_INC BUTTON_NAVIBAR_CENTER_BG_NORMAL_MIN_H_INC;
+               rel1.offset: 0 0;
+               rel2.offset: -1 -1;
+               image.normal: IV_EDC_IMAGE_OPTION_HEADER_BT;
+               image.border: BUTTON_NAVIBAR_CENTER_BG_NORMAL_BORDER_INC;
+               color: IV_EDC_OPTION_HEADER_BT_TEXT_COLOR_INC;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               image.normal: IV_EDC_IMAGE_OPTION_HEADER_BT; /*FIXME*/
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: IV_EDC_IMAGE_OPTION_HEADER_BT_PRESS;
+            }
+         }
+         part {
+            name: "padding_left_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: 0.0 0.0;
+               min: BUTTON_NAVIBAR_CENTER_PADDING_MIN_MAX_INC;
+               fixed: 1 1;
+               visible: 0;
+            }
+         }
+         part {
+            name: "padding_right_bottom";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 1.0 1.0;
+               rel1.relative: 1.0 1.0;
+               rel2.relative: 1.0 1.0;
+               min: BUTTON_NAVIBAR_CENTER_PADDING_MIN_MAX_INC;
+               fixed: 1 1;
+               visible: 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: "padding_left_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_bottom"; }
+               align: 0.0 0.5;
+               color: 0 0 0 0;
+            }
+            description { state: "visible" 0.0;
+               visible: 1;
+               min: BUTTON_NAVIBAR_CENTER_ICON_RECT_VISIBLE_MIN_SIZE;
+               fixed: 1 0;
+               rel1 { relative: 1.0 1.0; to: "padding_left_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_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";
+            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: "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: BUTTON_NAVIBAR_CENTER_PADDING_AFTER_ICON_VISIBLE_MIN_INC;
+               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_left_top"; }
+               rel2 { relative: 0.0 0.0; to_x: "elm.text"; to_y: "padding_right_bottom"; }
+               fixed: 1 0;
+               min: BUTTON_NAVIBAR_CENTER_PADDING_BEFORE_TEXT_DEFAULT_MIN_INC;
+               color: 0 0 0 0;
+            }
+         }
+         part { name: "elm.swallow.content";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "clipper";
+            description { state: "default" 0.0;
+               visible: 0;
+               align: 0.0 0.5;
+               rel1 { relative: 1.0 1.0; to: "padding_left_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_bottom"; }
+               fixed: 1 0;
+            }
+            description { state: "visible" 0.0;
+               fixed: 1 0;
+               visible: 1;
+               min: BUTTON_NAVIBAR_CENTER_SWALLOW_VISIBLE_MIN_MAX_INC;
+               max: BUTTON_NAVIBAR_CENTER_SWALLOW_VISIBLE_MIN_MAX_INC;
+               align: 1.0 0.5;
+               rel1 { relative: 0.0 1.0; to_x: "padding_before_text"; to_y: "padding_left_top"; }
+               rel2 { relative: 0.0 0.0; to_x: "padding_before_text"; to_y: "padding_right_bottom"; }
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+            }
+            description { state: "icononly" 0.0;
+               visible: 1;
+               min: BUTTON_NAVIBAR_CENTER_SWALLOW_ICONONLY_MIN_MAX_INC;
+               max: BUTTON_NAVIBAR_CENTER_SWALLOW_ICONONLY_MIN_MAX_INC;
+               rel1 { relative: 1.0 1.0; to: "padding_left_top"; }
+               rel2 { relative: 0.0 0.0; to: "padding_right_bottom"; }
+               align: 0.5 0.5;
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+            }
+         }
+         part { name: "elm.text";
+            type: TEXT;
+            mouse_events: 0;
+            scale: 1;
+            clip_to: "clipper";
+            description { state: "default" 0.0;
+               visible: 0;
+               rel1 { relative: 1.0 1.0; to_x: "padding_after_icon"; to_y: "padding_left_top"; }
+               rel2 { relative: 0.0 0.0; to: "padding_right_bottom"; }
+               align: 0.5 0.5;
+               color: 255 255 255 255;
+               text {
+                  font: "HelveticaNeue:style=Medium";
+                  size: BUTTON_NAVIBAR_CENTER_TEXT_FONT_SIZE_INC;
+                  min: 0 0;
+                  max: 1 0;
+                  align: 0.5 0.5;
+               }
+            }
+            description { state: "visible" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: 255 255 255 255;
+            }
+         }
+         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;
+            }
+         }
+         part { name: "over3";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+               color: 0 0 0 0;
+            }
+         }
+         part { name: "clipper";
+            type: RECT;
+            description { state: "default" 0.0;
+               color: 255 255 255 255;
+            }
+            description { state: "disabled" 0.0;
+               color: 255 255 255 127;
+            }
+         }
+         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) != BUTTON_STATE_DISABLED)
+                  set_state(PART:"button_image", "default", 0.0);
+            }
+            after: button_unpress;
+         }
+         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";
+            target: "icon_rect";
+            target: "padding_after_icon";
+         }
+         program { name: "disable";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action: STATE_SET "disabled" 0.0;
+            target: "button_image";
+            target: "clipper";
+            target: "disabler";
+            after: "disable_text";
+         }
+         program { name: "disable_text";
+            script {
+               set_int(button_state, BUTTON_STATE_DISABLED);
+               set_state(PART:"elm.text", "visible", 0.0);
+            }
+         }
+         program { name: "enable";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "button_image";
+            target: "clipper";
+            target: "disabler";
+            after: "enable_text";
+         }
+         program { name: "enable_text";
+            script {
+               set_int(button_state, BUTTON_STATE_ENABLED);
+               set_state(PART:"elm.text", "visible", 0.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/multiline";
+      alias: "elm/button/base/text_only/multiline";
+      images {
+         image: IV_EDC_IMAGE_OPTION_HEADER_BT COMP;
+         image: IV_EDC_IMAGE_OPTION_HEADER_BT_PRESS COMP;
+         image: IV_EDC_IMAGE_OPTION_HEADER_BT_DIM COMP;
+      }
+      script {
+         public button_state = BUTTON_STATE_ENABLED;
+      }
+      styles{
+         style { name: "btn_multiline_style";
+            base: "font=HelveticaNeue:style=Medium font_size="BUTTON_MULTILINE_TEXT_FONT_SIZE_INC" align=center color=#ffffff wrap=mixed";
+            tag: "br" "\n";
+            tag: "ps" "ps";
+            tag: "tab" "\t";
+         }
+      }
+      parts {
+         part { name: "button_image";
+            mouse_events: 1;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 10 46;
+               image {
+                  normal: IV_EDC_IMAGE_OPTION_HEADER_BT;
+                  border: 4 4 3 3;
+                  border_scale: 1;
+               }
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               image.normal: IV_EDC_IMAGE_OPTION_HEADER_BT_PRESS;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               image.normal: IV_EDC_IMAGE_OPTION_HEADER_BT_DIM;
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               image.normal: IV_EDC_IMAGE_OPTION_HEADER_BT_PRESS;
+            }
+         }
+         part {
+            name: "padding_left_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: 0.0 0.0;
+               min: 2 2;
+               fixed: 1 1;
+               visible: 0;
+            }
+         }
+         part {
+            name: "padding_right_bottom";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               align: 1.0 1.0;
+               rel1.relative: 1.0 1.0;
+               rel2.relative: 1.0 1.0;
+               min: 2 2;
+               fixed: 1 1;
+               visible: 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_left_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "elm.swallow.content"; to_y: "padding_right_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: "padding_left_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_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: "padding_left_top"; }
+               rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_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: "padding_left_top"; }
+               rel2 { relative: 0.0 0.0; to: "padding_right_bottom"; }
+               align: 0.5 0.5;
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+            }
+         }
+         part { name: "elm.text";
+            type: TEXTBLOCK;
+            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_left_top"; }
+               rel2 { relative: 0.0 0.0; to: "padding_right_bottom"; }
+               align: 0.5 0.5;
+               color: BUTTON_TEXT_STYLE1_NORMAL_COLOR_INC;
+               text {
+                  style: "btn_multiline_style";
+                  min: 0 0;
+                  max: 0 1;
+               }
+            }
+            description { state: "visible" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 80 0;
+            }
+            description { state: "clicked" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: BUTTON_TEXT_STYLE1_PRESSED_COLOR_INC;
+            }
+            description { state: "disabled" 0.0;
+               inherit: "default" 0.0;
+               color: 0 0 0 128;
+            }
+            description { state: "disabled_visible" 0.0;
+               inherit: "default" 0.0;
+               color: BUTTON_NAVIBAR_FUNCTION_BUTTON_TEXT_DISABLED_COLOR_INC;
+               visible: 1;
+               min: 80 0;
+            }
+            description { state: "focused" 0.0;
+               inherit: "default" 0.0;
+               visible: 1;
+               min: 0 0;
+               color: BUTTON_TEXT_STYLE1_DISABLED_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;
+            }
+         }
+         part { name: "over3";
+            type: RECT;
+            mouse_events: 1;
+            repeat_events: 1;
+            description { state: "default" 0.0;
+               color: 0 0 0 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: "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) != BUTTON_STATE_DISABLED)
+                  set_state(PART:"button_image", "default", 0.0);
+            }
+            after: button_unpress;
+         }
+         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);
+               }
+               if(get_int(button_state) != BUTTON_STATE_DISABLED)
+                 set_state(PART:"elm.text", "visible", 0.0);
+               else
+                 set_state(PART:"elm.text", "disabled_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";
+            target: "padding_icon_text";
+         }
+         program { name: "disable";
+            signal: "elm,state,disabled";
+            source: "elm";
+            action: STATE_SET "disabled" 0.0;
+            target: "button_image";
+            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, BUTTON_STATE_DISABLED);
+            }
+         }
+         program { name: "enable";
+            signal: "elm,state,enabled";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "button_image";
+            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, BUTTON_STATE_ENABLED);
+            }
+         }
+         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";
+         }
+      }
+   }
+
+}
diff --git a/main/layout/ivug-details.edc b/main/layout/ivug-details.edc
new file mode 100755
index 0000000..4c38245
--- /dev/null
+++ b/main/layout/ivug-details.edc
@@ -0,0 +1,71 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/*
+	used for details view
+ */
+
+#define THUMBNAIL_PADDING_INC 26
+#define THUMBNAIL_WIDTH_INC 322
+
+#define BTN_THUMB_PLAY_W_INC 64
+#define BTN_THUMB_PLAY_H_INC 64
+
+#define BTN_THUMB_PLAY		"T01_btn_thumbnail_play.png"
+
+collections {
+   group {
+    		name: "details_view";
+
+		images {
+	            image: BTN_THUMB_PLAY COMP;
+	        }
+
+		parts{
+			part {
+				name: "details_view.swallow.bg";
+				type: SWALLOW;
+				repeat_events: 0;
+				scale:1;
+
+				description {
+					state: "default" 0.0;
+					rel1.relative: 0.0 0.0;
+					rel2.relative: 1.0 1.0;
+				}
+			}
+
+			part {
+				name: "detailsview.genlist";
+				type: SWALLOW;
+				repeat_events : 0;
+				mouse_events : 1;
+				scale: 1;
+				description {
+					state: "default" 0.0;
+					visible: 1;
+					rel1 { relative: 0.0 0.0; }
+					rel2 { relative: 1.0 1.0; }
+//					rel2 { relative: 1.0 0.0; to_y: "detailsview.ctrlbar";}
+//					rel2 { relative: 0.0 0.0; to_x: "detailsview.thumb"; to_y: "detailsview.ctrlbar";}
+				}
+			}
+
+		}
+	}	// end of group
+}	// end of collections
+
diff --git a/main/layout/ivug-effect.edc b/main/layout/ivug-effect.edc
new file mode 100755
index 0000000..519f1da
--- /dev/null
+++ b/main/layout/ivug-effect.edc
@@ -0,0 +1,145 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+collections {
+	group {
+		name: "ivug_effect";
+		parts {
+			part {
+				name: "indication";
+				type: RECT;
+				scale: 1;
+				description {
+					state: "default" 0.0;
+					rel1 { relative: 0.0 0.0; }
+					rel2 { relative: 1.0 0.0; }
+					min: 0 0;
+					fixed: 0 1;
+					align: 0.5 0.0;
+					visible: 0;
+				}
+
+				description {
+					state: "show" 0.0;
+					rel1 { relative: 0.0 0.0; }
+					rel2 { relative: 1.0 0.0; }
+					min: 0 50;
+					fixed: 0 1;
+					align: 0.5 0.0;
+					visible: 0;
+				}
+
+			}
+
+			part {
+				name: "clip";
+				type: RECT;
+				scale: 1;
+				description {
+					state: "default" 0.0;
+					rel1 { relative: 1 1;  to_y: "indication";}
+					rel2 { relative: 2 1; }
+					color: 255 255 255 0;
+				}
+				description {
+					state: "show" 0.0;
+					rel1 { relative: 0 1;  to_y: "indication";}
+					rel2 { relative: 1 1; }
+					color: 255 255 255 255;
+				}
+			}
+			part {
+				name: "elm.swallow.content";
+				type: SWALLOW;
+				clip_to: "clip";
+				scale: 1;
+				description {
+					rel1.to: "clip";
+					rel2.to: "clip";
+				}
+			}
+			part {
+				name: "event_blocker";
+				description {
+					state: "default" 0.0;
+					visible: 1;
+				}
+				description {
+					state: "show" 0.0;
+					inherit: "default" 0.0;
+				}
+				description {
+					state: "disabled" 0.0;
+					inherit: "default" 0.0;
+					visible: 0;
+				}
+			}
+		}
+		programs {
+			program {
+				name: "show.indicator";
+				source: "app";
+				signal: "elm,show,indicator";
+				action: STATE_SET "show" 0.0;
+				target: "indication";
+			}
+
+			program {
+				name: "show";
+				signal: "elm,state,show";
+				source: "app";
+				action: STATE_SET "show" 0.0;
+				target: "clip";
+				target: "event_blocker";
+				transition: "DECELERATE" 0.3;
+				after: "show_end";
+			}
+			program {
+				name: "hide";
+				signal: "elm,state,hide";
+				source: "app";
+				action: STATE_SET "default" 0.0;
+				target: "clip";
+				target: "event_blocker";
+				transition: "ACCELERATE" 0.3;
+				after: "hide_end";
+			}
+			program {
+				name: "disable_event_blocker";
+				signal: "elm,state,blocker,disabled";
+				action: STATE_SET "disabled" 0.0;
+				target: "event_blocker";
+			}
+			program {
+				name: "disable_blocker";
+				action: SIGNAL_EMIT "elm,state,blocker,disabled" "";
+			}
+			program {
+				name: "show_end";
+				action: SIGNAL_EMIT "elm,action,show,finished" "elm";
+				after: "disable_blocker";
+			}
+			program {
+				name: "hide_end";
+				action: SIGNAL_EMIT "elm,action,hide,finished" "elm";
+				after: "disable_blocker";
+			}
+		}
+	}
+}
+
+
diff --git a/main/layout/ivug-icons.edc b/main/layout/ivug-icons.edc
new file mode 100755
index 0000000..95fff2d
--- /dev/null
+++ b/main/layout/ivug-icons.edc
@@ -0,0 +1,60 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+#define DEFINE_ICON(_name, _fname)        \
+images { image: _fname COMP; }                   \
+collections { group { name: _name;                    \
+      parts { part { name: "icon";                          \
+            type: IMAGE; mouse_events: 1;                   \
+            scale: 1; \
+            description { state: "default" 0.0;             \
+               align: 0.5 0.5;       \
+               fixed: 1 1;						\
+               aspect: 1.0 1.0;                             \
+               aspect_preference: VERTICAL;                 \
+               image.normal: _fname;             \
+}}}}}
+
+#define DEFINE_ICON_SIZE(_name, _fname, w, h)        \
+images { image: _fname COMP; }                   \
+collections { group { name: _name;                    \
+      parts { part { name: "icon";                          \
+            type: IMAGE; mouse_events: 1;                   \
+            scale: 1; \
+            description { state: "default" 0.0;             \
+               align: 0.5 0.5;       \
+		min: (w) (h); \
+		max: (w) (h); \
+               fixed: 1 1;						\
+               aspect: 1.0 1.0;                             \
+               image.normal: _fname;             \
+}}}}}
+
+
+#define BTN_PLAY_VIDEO			"T01_btn_play.png"
+
+DEFINE_ICON("btn.video.play",			BTN_PLAY_VIDEO)
+
+#define HEADER_ICON_PATH 		"01_Header icon"
+
+#define HEADER_ICON_DONE		"01_header_icon_done.png"
+#define HEADER_ICON_CANCEL	"01_header_icon_cancel.png"
+#define HEADER_ICON_OTHERS	"01_header_icon_others.png"
+
+DEFINE_ICON("navi.icon.done", 		HEADER_ICON_PATH"/"HEADER_ICON_DONE)
+DEFINE_ICON("navi.icon.cancel", 		HEADER_ICON_PATH"/"HEADER_ICON_CANCEL)
+DEFINE_ICON("navi.icon.others",		HEADER_ICON_PATH"/"HEADER_ICON_OTHERS)
diff --git a/main/layout/ivug-main.edc b/main/layout/ivug-main.edc
new file mode 100755
index 0000000..1b8e803
--- /dev/null
+++ b/main/layout/ivug-main.edc
@@ -0,0 +1,461 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+// main view
+
+#define LAYOUT_INDICATOR_HEIGHT_INC 50
+#define LAYOUT_INDICATOR_COLOR 92 92 92 255		// Same as Naviframe
+
+#define NAVI_VIEW_HEIGHT	120
+#define CTRL_VIEW_HEIGHT	95
+
+collections {
+group {
+	name: "mainview";
+
+	parts {
+
+		part { name: "background";
+			type: RECT;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				color: 0 0 0 255;
+				//color: 255 255 255 255;
+				visible: 1;
+				rel1 { relative: 0.0 0.0;}
+				rel2 { relative: 1.0 1.0;}
+			}
+		}
+
+		part {
+			name: "clip";
+			type: RECT;
+			scale: 1;
+			mouse_events: 0;
+			description {
+				state: "default" 0.0;
+				rel1 { relative: 0.0 0.0; }
+				rel2 { relative: 1.0 1.0; }
+				visible: 1;
+				color: 255 255 255 255;
+			}
+			description {
+				state: "hide" 0.0;
+				inherit: "default" 0.0;
+				color: 255 255 255 0;
+				visible: 0;
+			}
+		}
+
+		part { name: "mainview.navibar";
+			type: SWALLOW;
+			scale: 1;
+			mouse_events: 1;
+			repeat_events : 0;
+			clip_to: "clip";
+			description {
+				state: "default" 0.0;
+				align: 0.5 0.0;
+				visible: 1;
+				rel1 { relative: 0.0 0.0;}
+				rel2 { relative: 1.0 1.0;}
+			}
+
+			description {
+				state: "hide" 0.0;
+				inherit: "default" 0.0;
+				visible: 0;
+			}
+		}
+
+	}
+
+	programs {
+	    program {
+	     	name: "main_view_click";
+		signal: "mouse,down,1";
+		source: "mainview";
+	 	action: SIGNAL_EMIT "elm,action,press" "";
+	    }
+	    program {
+	        name: "hide_menu";
+	        signal: "mainview,hide,menu";
+	        source: "elm";
+	        action: STATE_SET "hide" 0.0;
+	        transition: LINEAR 0.1;
+	        target: "clip";
+	        after: "hide_end";
+	    }
+	    program {
+	        name: "show_menu";
+	        signal: "mainview,show,menu";
+	        source: "elm";
+	        action: STATE_SET "default" 0.0;
+	        transition: LINEAR 0.1;
+	        target: "clip";
+	        after: "show_end";
+	    }
+	    program {
+			name: "show_end";
+			action: SIGNAL_EMIT "menu,show,finished" "edc";
+	    }
+	    program {
+			name: "hide_end";
+			action: SIGNAL_EMIT "menu,hide,finished" "edc";
+	    }
+
+	}
+
+}
+
+#define EMPTY_VIEW_HEIGHT	(720-LAYOUT_INDICATOR_HEIGHT_INC-NAVI_VIEW_HEIGHT-CTRL_VIEW_HEIGHT)
+//#define EMPTY_VIEW_HEIGHT	1000
+
+group {
+		name: "navi_content";
+		parts {
+			part {
+				name: "base";
+				type: RECT;
+				scale: 1;
+				repeat_events: 1;
+				description {
+					state: "default" 0.0;
+
+					rel1 { relative: 0 0; }
+					rel2 { relative: 1 1; }
+					color: 0 0 0 0;
+				}
+			}
+
+			part { name: "mainview.slider";
+				type: SWALLOW;
+				mouse_events: 1;
+				scale: 1;
+				description {
+	              		state: "default" 0.0;
+	               		visible: 1;
+	               		rel1 { relative: 0.0 0.0; }
+	               		rel2 { relative: 1.0 1.0; }
+	            		}
+			}
+
+#define ICON_ZOOM_GAP	50
+
+#define ICON_ZOOM_IN		"00_zoom_in.png"
+#define ICON_ZOOM_IN_PRESS	"00_zoom_in_press.png"
+#define ICON_ZOOM_OUT		"00_zoom_out.png"
+#define ICON_ZOOM_OUT_PRESS	"00_zoom_out_press.png"
+
+			part { name: "mainview.btn_zoom_out";
+					set {
+						name: "zoom_out_images";
+
+						image {
+							image: ICON_ZOOM_OUT COMP;
+							size: 56 56 56 56;
+						}
+
+						image {
+							image: ICON_ZOOM_OUT_PRESS COMP;
+							size: 56 56 56 56;
+						}
+
+					}
+
+					type: IMAGE;
+					scale: 1;
+					mouse_events: 1;
+					description {
+						visible: 1;
+						fixed: 1 1;
+						min: 56 56;
+						state: "default" 0.0;
+						align: 0.5 0.0;
+						/*rel1 { relative: (238/720) ((EMPTY_VIEW_HEIGHT-50-56)/EMPTY_VIEW_HEIGHT);}
+						rel2 { relative: (238/720) ((EMPTY_VIEW_HEIGHT-50-56)/EMPTY_VIEW_HEIGHT);}*/
+						rel1 { relative: ((238+28)/720) 1.0;
+							 offset: 0.0 -56-CTRL_VIEW_HEIGHT;}
+						rel2 { relative: ((238+28)/720) 1.0;
+							 offset: 0.0 -56-CTRL_VIEW_HEIGHT;}
+						image.normal: ICON_ZOOM_OUT;
+					}
+
+					description {
+						state: "show" 0.0;
+						inherit: "default" 0.0;
+						visible: 1;
+						image.normal: ICON_ZOOM_OUT;
+					}
+
+					description {
+						state: "pressed" 0.0;
+						inherit: "default" 0.0;
+						visible: 1;
+						image.normal: ICON_ZOOM_OUT_PRESS;
+					}
+
+					description {
+						state: "hide" 0.0;
+						inherit: "default" 0.0;
+						visible: 0;
+					}
+
+					description {
+						state: "disabled" 0.0;
+						inherit: "default" 0.0;
+						visible: 1;
+						image.normal: ICON_ZOOM_OUT;
+						color: 170 170 170 255;
+					}
+			}
+
+			part { name: "mainview.btn_zoom_in";
+					set {
+						name: "zoom_in_images";
+
+						image {
+							image: ICON_ZOOM_IN COMP;
+							size: 56 56 56 56;
+						}
+
+						image {
+							image: ICON_ZOOM_IN_PRESS COMP;
+							size: 56 56 56 56;
+						}
+
+					}
+
+					type: IMAGE;
+					scale: 1;
+					mouse_events: 1;
+					description {
+						visible: 1;
+						fixed: 1 1;
+						min: 56 56;
+						state: "default" 0.0;
+						align: 0.5 0.0;
+						/*rel1 { relative: ((238+56+132)/720) ((EMPTY_VIEW_HEIGHT-50-56)/EMPTY_VIEW_HEIGHT);}
+						rel2 { relative: ((238+56+132)/720) ((EMPTY_VIEW_HEIGHT-50-56)/EMPTY_VIEW_HEIGHT);}*/
+						rel1 { relative: ((720-238-28)/720) 1.0;
+							 offset: 0.0 -56-CTRL_VIEW_HEIGHT;}
+						rel2 { relative: ((720-238-28)/720) 1.0;
+							 offset: 0.0 -56-CTRL_VIEW_HEIGHT;}
+						image.normal: ICON_ZOOM_IN;
+					}
+
+					description {
+						state: "show" 0.0;
+						inherit: "default" 0.0;
+						visible: 1;
+						image.normal: ICON_ZOOM_IN;
+					}
+
+					description {
+						state: "pressed" 0.0;
+						inherit: "default" 0.0;
+						visible: 1;
+						image.normal: ICON_ZOOM_IN_PRESS;
+					}
+
+					description {
+						state: "hide" 0.0;
+						inherit: "default" 0.0;
+						visible: 0;
+					}
+
+					description {
+						state: "disabled" 0.0;
+						inherit: "default" 0.0;
+						visible: 1;
+						image.normal: ICON_ZOOM_IN;
+						color: 170 170 170 255;
+					}
+			}
+
+			part {
+				name: "zoom_out_blocker";
+				type: RECT;
+				scale: 1;
+				repeat_events: 0;
+				mouse_events: 1;
+				description {
+					state: "default" 0.0;
+					visible: 0;
+					rel1 { relative: 0 0; to: "mainview.btn_zoom_out";}
+					rel2 { relative: 1 1; to: "mainview.btn_zoom_out";}
+					color: 0 0 0 0;
+				}
+				description {
+					state: "disabled" 0.0;
+					inherit: "default" 0.0;
+					visible: 1;
+				}
+				description {
+					state: "show" 0.0;
+					inherit: "default" 0.0;
+					visible: 1;
+				}
+				description {
+					state: "hide" 0.0;
+					inherit: "default" 0.0;
+					visible: 0;
+				}
+			}
+
+			part {
+				name: "zoom_in_blocker";
+				type: RECT;
+				scale: 1;
+				repeat_events: 0;
+				mouse_events: 1;
+				description {
+					state: "default" 0.0;
+					visible: 0;
+					rel1 { relative: 0 0; to: "mainview.btn_zoom_in";}
+					rel2 { relative: 1 1; to: "mainview.btn_zoom_in";}
+					color: 0 0 0 0;
+				}
+				description {
+					state: "disabled" 0.0;
+					inherit: "default" 0.0;
+					visible: 1;
+				}
+				description {
+					state: "show" 0.0;
+					inherit: "default" 0.0;
+					visible: 1;
+				}
+				description {
+					state: "hide" 0.0;
+					inherit: "default" 0.0;
+					visible: 0;
+				}
+			}
+
+		}
+
+		programs {
+			program {
+				name: "hide_btn_zoom_out";
+				signal: "elm,state,btn_zoom_out,hide";
+				source: "elm";
+				action: STATE_SET "hide" 0.0;
+				target: "mainview.btn_zoom_out";
+				target: "zoom_out_blocker";
+			}
+			program {
+				name: "show_btn_zoom_out";
+				signal: "elm,state,btn_zoom_out,show";
+				source: "elm";
+				action: STATE_SET "show" 0.0;
+				target: "mainview.btn_zoom_out";
+				target: "zoom_out_blocker";
+			}
+			program {
+				name: "btn_zoom_out_mouse_down";
+				signal: "mouse,down,1";
+				source: "mainview.btn_zoom_out";
+				action: STATE_SET "pressed" 0.0;
+				target: "mainview.btn_zoom_out";
+			}
+			program {
+				name: "btn_zoom_out_mouse_up";
+				signal: "mouse,up,1";
+				source: "mainview.btn_zoom_out";
+				after: "show_btn_zoom_out";
+			}
+			program {
+				name: "btn_zoom_out_clicked";
+				signal: "mouse,clicked,1";
+				source: "mainview.btn_zoom_out";
+				action: SIGNAL_EMIT "mainview,zoom_out,clicked" "";
+			}
+
+			program {
+				name: "hide_btn_zoom_in";
+				signal: "elm,state,btn_zoom_in,hide";
+				source: "elm";
+				action: STATE_SET "hide" 0.0;
+				target: "mainview.btn_zoom_in";
+				target: "zoom_in_blocker";
+			}
+			program {
+				name: "show_btn_zoom_in";
+				signal: "elm,state,btn_zoom_in,show";
+				source: "elm";
+				action: STATE_SET "show" 0.0;
+				target: "mainview.btn_zoom_in";
+				target: "zoom_in_blocker";
+			}
+			program {
+				name: "btn_zoom_in_mouse_down";
+				signal: "mouse,down,1";
+				source: "mainview.btn_zoom_in";
+				action: STATE_SET "pressed" 0.0;
+				target: "mainview.btn_zoom_in";
+			}
+			program {
+				name: "btn_zoom_in_mouse_up";
+				signal: "mouse,up,1";
+				source: "mainview.btn_zoom_in";
+				after: "show_btn_zoom_in";
+			}
+			program {
+				name: "btn_zoom_in_clicked";
+				signal: "mouse,clicked,1";
+				source: "mainview.btn_zoom_in";
+				action: SIGNAL_EMIT "mainview,zoom_in,clicked" "";
+			}
+			program {
+				name: "enable_btn_zoom_out";
+				signal: "elm,state,btn_zoom_out,enable";
+				source: "elm";
+				action: STATE_SET "default" 0.0;
+				target: "zoom_out_blocker";
+				target: "mainview.btn_zoom_out";
+			}
+			program {
+				name: "disable_btn_zoom_out";
+				signal: "elm,state,btn_zoom_out,disable";
+				source: "elm";
+				action: STATE_SET "disabled" 0.0;
+				target: "zoom_out_blocker";
+				target: "mainview.btn_zoom_out";
+			}
+			program {
+				name: "enable_btn_zoom_in";
+				signal: "elm,state,btn_zoom_in,enable";
+				source: "elm";
+				action: STATE_SET "default" 0.0;
+				target: "zoom_in_blocker";
+				target: "mainview.btn_zoom_in";
+			}
+			program {
+				name: "disable_btn_zoom_in";
+				signal: "elm,state,btn_zoom_in,disable";
+				source: "elm";
+				action: STATE_SET "disabled" 0.0;
+				target: "zoom_in_blocker";
+				target: "mainview.btn_zoom_in";
+			}
+		}
+
+	}
+}
+
diff --git a/main/layout/ivug-naviframe.edc b/main/layout/ivug-naviframe.edc
new file mode 100755
index 0000000..d2d0368
--- /dev/null
+++ b/main/layout/ivug-naviframe.edc
@@ -0,0 +1,996 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/*
+* Refer to themes/groups/naviframe.edc
+*/
+
+#define NAVIFRAME_VIEW_TRANS_TIME 0.3
+#define NAVIFRAME_TEXT_PADDING_INC 144
+#define NAVIFRAME_TEXT_PADDING_MORE_BUTTON_INC 278
+#define NAVIFRAME_TEXT_PADDING_ICON_VISIBLE_INC 186
+
+#define NAVIFRAME_TITLE_H_INC 100
+#define NAVIFRAME_OH_CLOSED_H_INC 8
+#define NAVIFRAME_OH_OPENED_H_INC 106
+#define NAVIFRAME_OH_CONTENT_H_INC 74
+#define NAVIFRAME_OH_PADDING_INC 16
+#define NAVIFRAME_OH_OPENED_DOUBLE_H_INC 196
+#define NAVIFRAME_OH_SHADOW_H_INC 0
+#define NAVIFRAME_INDICATOR_W_INC 128
+#define NAVIFRAME_PADDING_EXPANDED_INC 141
+#define NAVIFRAME_TITLE_FONT_SIZE_INC 36
+#define NAVIFRAME_ICON_SIZE_INC 32 32
+#define NAVIFRAME_ICON_PADDING_INC 16 0
+#define NAVIFRAME_OH_ARROW_SIZE_INC 19 12
+#define NAVIFRAME_TITLE_TEXT_COLOR_INC 235 236 237 255
+#define NAVIFRAME_TITLE_BG_COLOR_INC 92 92 92 255
+#define NAVIFRAME_TITLE_LEFT_SEPARATOR_COLOR_INC 3 3 3 255
+#define NAVIFRAME_TITLE_RIGHT_SEPARATOR_COLOR_INC 52 52 52 255
+#define NAVIFRAME_OH_BORDER_INC 0 0 4 0
+
+#define NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 10
+#define NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 10
+#define NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC 124 80
+#define NAVIFRAME_TITLE_PREV_BTN_BG_SIZE_INC 144
+#define NAVIFRAME_NO_BUTTON_ICON_PADDING_INC 52
+#define NAVIFRAME_CONTROLBAR_BG_COLOR_INC 0 0 0 255
+#define CONTROLBAR_LARGE_HEIGHT_INC 95//122
+#define CONTROLBAR_SMALL_HEIGHT_INC CONTROLBAR_LARGE_HEIGHT_INC//102
+#define NAVIFRAME_PREV_BTN_W_INC 124
+#define NAVIFRAME_CONTROLBAR_PADDING_INC 5
+#define NAVIFRAME_SEGMENT_TITLE_H_INC 136
+
+#define NAVIFRAME_TITLE_SEGMENT_FONT_SIZE_INC 28
+#define NAVIFRAME_TITLE_SEGMENT_TEXT_H_INC 50
+#define NAVIFRAME_TITLE_SEGMENT_H_INC 74
+
+#define LAYOUT_INDICATOR_HEIGHT_INC 50
+#define LAYOUT_INDICATOR_COLOR 0 0 0 0 //92 92 92 255		// Same as Naviframe
+
+///////////////////////////////////////////////////////////////////////////
+// Naviframe
+///////////////////////////////////////////////////////////////////////////
+collections {
+   group { name:"elm/naviframe/base/ivug/default";
+      parts {
+         part { name: "base";
+            mouse_events: 0;
+            description { state: "default" 0.0;
+//            	rel1 { relative: 0.0 1.0; to_y:"indicator"; }
+            }
+         }
+      }
+   }
+   group { name:"elm/naviframe/item/basic/ivug/default";
+      alias:"elm/naviframe/item/1line/ivug/default";
+      images {
+         image: "T01_control_top_bg.png" COMP;
+         image: "T01_control_top_arrow.png" COMP;
+      }
+      script {
+         public oh_show = 0;     //optionheader show/hide
+         public oh_close = 0;    //optionheader close/open
+         public cbar_bg = 0;     //Controlbar BG Show call count
+         public left_btn_visible = 0; //whether left btn is shown
+         public icon_visible = 0; //whether icon is shown
+         public right_btn_visible = 0; //whether right btn is shown
+         public more_btn_visible = 0; //whether more btn is shown
+         public large_padded_center_align = 0; //large padding based on button size for center align for 1/2 buttons.
+      }
+      parts {
+		part {
+			name: "indicator";
+			type: RECT;
+			scale: 1;
+			repeat_events : 0;
+			description {
+				state: "default" 0.0;
+				rel1 { relative: 0.0 0.0; }
+				rel2 { relative: 1.0 0.0; }
+				min: 0 LAYOUT_INDICATOR_HEIGHT_INC;
+				fixed: 0 1;
+				align: 0.5 0.0;
+				color: LAYOUT_INDICATOR_COLOR;
+				visible: 1;
+			}
+
+			description {
+				state: "hide" 0.0;
+				inherit: "default" 0.0;
+				visible: 0;
+			}
+		}
+
+         part { name: "base";
+            type: RECT;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               visible: 0;
+               rel1.relative: 0.0 1.0;
+               rel1.to_y: "indicator";
+               rel2.relative: 1.0 1.0;
+            }
+            description { state: "left" 0.0;
+               inherit: "default" 0.0;
+               rel1.relative: -1.0 0.0;
+               rel1.to_y: "indicator";
+               rel2.relative: 0.0 1.0;
+            }
+            description { state: "right" 0.0;
+               inherit: "default" 0.0;
+               rel1.relative: 1.0 0.0;
+               rel1.to_y: "indicator";
+               rel2.relative: 2.0 1.0;
+            }
+         }
+
+        part { name: "elm.swallow.content";
+            type: SWALLOW;
+            scale: 1;
+            mouse_events: 1;
+            repeat_events: 0;
+            clip_to: "content_clip";
+            description { state: "default" 0.0;
+               align: 0.0 0.0;
+               rel1.relative: 0.0 0.0;
+               rel2.relative: 1.0 1.0;
+            }
+           }
+         part { name: "content_clip";
+            type: RECT;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               rel1.to: "elm.swallow.content";
+               rel2.to: "elm.swallow.content";
+            }
+         }
+
+         part { name: "elm.swallow.detail";
+            type: SWALLOW;
+            scale: 1;
+            repeat_events: 0;
+            description { state: "default" 0.0;
+               color: 255 0 0 100;
+               align: 0.0 0.0;
+               rel1.relative: 0.0 1.0;
+               rel1.to_x: "base";
+               rel1.to_y: "optionheader_bg";
+               rel2.relative: 1.0 0.0;
+               rel2.to_x: "base";
+               rel2.to_y: "controlbar_bg";
+               visible: 1;
+            }
+         }
+
+         part { name: "title_bg";
+            type: RECT;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 1 NAVIFRAME_TITLE_H_INC;
+               align: 0.0 0.0;
+               fixed: 0 1;
+               rel1 { relative: 0.0 0.0; to: "base"; }
+               rel2 { relative: 1.0 0.0; to: "base"; }
+               color: NAVIFRAME_TITLE_BG_COLOR_INC;
+            }
+            description { state: "hide" 0.0;
+               inherit: "default" 0.0;
+               min: 0 0;
+               max: 0 0;
+               fixed: 1 1;
+            }
+         }
+         part { name: "title_clip";
+            type: RECT;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               rel1 { to: "title_bg"; }
+               rel2 { to: "title_bg"; }
+            }
+         }
+         part { name: "optionheader_bg";
+            type: IMAGE;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 1 0;
+               align: 0.5 0;
+               fixed: 0 1;
+               rel1.to: "title_bg";
+               rel1.relative: 0 1;
+               rel2.to: "title_bg";
+               visible: 0;
+               image { normal: "T01_control_top_bg.png";
+                  border: NAVIFRAME_OH_BORDER_INC;
+               }
+            }
+            description { state: "show" 0.0;
+               inherit: "default" 0.0;
+               min: 1 NAVIFRAME_OH_OPENED_H_INC;
+               visible: 1;
+            }
+            description { state: "hide" 0.0;
+               inherit: "default" 0.0;
+               min: 0 0;
+               max: 0 0;
+               fixed: 1 1;
+            }
+         }
+         part { name: "optionheader_clip";
+            type: RECT;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               rel1 { to: "optionheader_bg"; }
+               rel2 { to: "optionheader_bg"; }
+            }
+         }
+         part { name: "optionheader_top_padding";
+            type: RECT;
+            scale: 1;
+            clip_to: "optionheader_clip";
+            description { state: "default" 0.0;
+               min: 0 NAVIFRAME_OH_PADDING_INC;
+               rel1 { relative: 0.0 0.0; to: "optionheader_bg"; }
+               rel2 { relative: 1.0 0.0; to: "optionheader_bg"; }
+               fixed: 0 1;
+               align: 0.0 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "optionheader";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "optionheader_clip";
+            description { state: "default" 0.0;
+               min: 0 NAVIFRAME_OH_CONTENT_H_INC;
+               rel1 { relative: 0.0 1.0; to: "optionheader_top_padding"; }
+               rel2 { relative: 1.0 1.0; to: "optionheader_top_padding"; }
+               fixed: 0 1;
+               align: 0.0 0.0;
+            }
+         }
+         part { name: "optionheader_bottom_padding";
+            type: RECT;
+            scale: 1;
+            clip_to: "optionheader_clip";
+            description { state: "default" 0.0;
+               min: 0 NAVIFRAME_OH_PADDING_INC;
+               rel1 { relative: 0.0 1.0; to: "optionheader"; }
+               rel2 { relative: 1.0 1.0; to: "optionheader"; }
+               fixed: 0 1;
+               align: 0.0 0.0;
+               visible: 0;
+            }
+         }
+         part { name: "padding_before_left_btn";
+            type: RECT;
+            mouse_events: 0;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
+               fixed: 1 0;
+               align: 0.0 0.5;
+               rel1 { relative: 0.0 0.0; to: "title_bg"; }
+               rel2 { relative: 0.0 1.0; to: "title_bg"; }
+               visible: 0;
+            }
+         }
+         part { name: "padding_after_left_btn";
+            type: RECT;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
+               fixed: 1 0;
+               align: 0 0.5;
+               rel1 { relative: 1.0 0.0; to: "title_left_btn"; }
+               rel2 { relative: 1.0 1.0; to: "title_left_btn"; }
+               visible: 0;
+            }
+         }
+         part { name: "padding_before_more_btn";
+            type: RECT;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
+               fixed: 1 0;
+               align: 1.0 0.5;
+               rel1 { relative: 0.0 0.0; to: "title_more_btn"; }
+               rel2 { relative: 0.0 1.0; to: "title_more_btn"; }
+               visible: 0;
+            }
+         }
+         part { name: "padding_after_right_btn";
+            type: RECT;
+            mouse_events: 0;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
+               fixed: 1 0;
+               align: 1.0 0.5;
+               rel1 { relative: 1.0 0.0; to: "title_bg"; }
+               rel2 { relative: 1.0 1.0; to: "title_bg"; }
+               visible: 0;
+            }
+            }
+         part { name: "padding_before_right_btn";
+            type: RECT;
+            mouse_events: 0;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               min: 0 0;
+               fixed: 1 0;
+               align: 1.0 0.5;
+               rel1 { relative: 0.0 0.0; to: "title_right_btn"; }
+               rel2 { relative: 0.0 1.0; to: "title_right_btn"; }
+               visible: 0;
+            }
+            description { state: "right_and_more_button" 0.0;
+               inherit: "default" 0.0;
+               min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
+            }
+         }
+         part { name: "padding_before_text";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               align: 1.0 0.5;
+               rel1 { relative: 0.0 0.0; to_x: "elm.text.title"; to_y: "title_bg"; }
+               rel2 { relative: 0.0 1.0; to_x: "elm.text.title"; to_y: "title_bg"; }
+               fixed: 1 0;
+               min: NAVIFRAME_ICON_PADDING_INC;
+               visible: 0;
+            }
+         }
+         part { name: "padding_center_text1";
+            type: RECT;
+            scale: 1;
+            mouse_events: 0;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
+               fixed: 1 0;
+               align: 0.0 0.0;
+               rel1 { relative: 0.0 0.0; to: "title_bg"; }
+               rel2 { relative: 0.0 1.0; to: "title_bg"; }
+               visible: 0;
+            }
+            description { state: "visible" 0.0;
+               inherit: "default" 0.0;
+               min: NAVIFRAME_TEXT_PADDING_INC 0;
+            }
+            description { state: "icon" 0.0;
+               inherit: "default" 0.0;
+               min: NAVIFRAME_NO_BUTTON_ICON_PADDING_INC 0;
+            }
+            description { state: "icon_left_button" 0.0;
+               inherit: "default" 0.0;
+               min: NAVIFRAME_TEXT_PADDING_ICON_VISIBLE_INC 0;
+            }
+         }
+         part { name: "padding_center_text2";
+            type: RECT;
+            mouse_events: 0;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               min: NAVIFRAME_TITLE_FUNC_BTN_PADDING_W_INC 0;
+               fixed: 1 0;
+               align: 1.0 0.5;
+               rel1 { relative: 1.0 0.0; to: "title_bg"; }
+               rel2 { relative: 1.0 1.0; to: "title_bg"; }
+               visible: 0;
+            }
+            description { state: "visible" 0.0;
+               inherit: "default" 0.0;
+               min: NAVIFRAME_TEXT_PADDING_INC 0;
+            }
+         }
+         part { name: "elm.text.title";
+            type: TEXT;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               text { font: "HelveticaNeue:style=Medium";
+                  size: NAVIFRAME_TITLE_FONT_SIZE_INC;
+                  min: 0 0;
+                  max: 1 0;
+                  align: 0.5 0.5;
+               }
+               color: NAVIFRAME_TITLE_TEXT_COLOR_INC;
+               align: 0.5 0.5;
+               fixed: 1 0;
+               rel1 { relative: 1.0 0.0; to: "padding_center_text1"; }
+               rel2 { relative: 0.0 1.0; to: "padding_center_text2"; }
+            }
+            description { state: "right_and_more_button" 0.0;
+               inherit: "default" 0.0;
+               rel1 { relative: 1.0 0.0; to: "padding_after_left_btn"; }
+               rel2 { relative: 0.0 1.0; to: "padding_before_more_btn"; }
+            }
+         }
+         part { name: "elm.swallow.icon";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               max: NAVIFRAME_ICON_SIZE_INC;
+               fixed: 1 1;
+               rel1 { relative: 0.0 0.0; to: "padding_before_text"; }
+               rel2 { relative: 0.0 1.0; to: "padding_before_text"; }
+               aspect: 1.0 1.0;
+               aspect_preference: VERTICAL;
+               align: 1.0 0.5;
+            }
+         }
+         part { name: "click_event_area";
+             ignore_flags: ON_HOLD;
+             repeat_events: 1;
+             description { state: "default" 0.0;
+                rel1 { to: "title_bg"; }
+                rel2 { to: "title_bg"; }
+             }
+         }
+         part { name: "title_left_btn";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
+               fixed: 1 1;
+               align: 0 0.5;
+               rel1 { relative: 1.0 0.0; to: "padding_before_left_btn"; }
+               rel2 { relative: 1.0 1.0; to: "padding_before_left_btn"; }
+            }
+         }
+         part { name: "title_right_btn";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
+               align: 1 0.5;
+               fixed: 1 1;
+               rel1 { relative: 0.0 0.0; to: "padding_after_right_btn"; }
+               rel2 { relative: 0.0 1.0; to: "padding_after_right_btn"; }
+            }
+         }
+         part { name: "title_more_btn";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "title_clip";
+            description { state: "default" 0.0;
+               max: NAVIFRAME_TITLE_FUNC_BTN_SIZE_INC;
+               fixed: 1 1;
+               align: 1 0.5;
+               rel1 { relative: 0.0 0.0; to: "padding_before_right_btn"; }
+               rel2 { relative: 0.0 1.0; to: "padding_before_right_btn"; }
+            }
+         }
+         part { name: "optionheader_arrow";
+            type: IMAGE;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: NAVIFRAME_OH_ARROW_SIZE_INC;
+               max: NAVIFRAME_OH_ARROW_SIZE_INC;
+               fixed: 1 1;
+               align: 0.5 0.0;
+               rel1 { relative: 0.0 1.025; to: "title_more_btn"; }
+               rel2 { relative: 1.0 1.025; to: "title_more_btn"; }
+               image.normal: "T01_control_top_arrow.png";
+               color: 255 255 255 0;
+            }
+            description { state: "show" 0.0;
+               inherit: "default" 0.0;
+               color: 255 255 255 255;
+            }
+         }
+         part { name: "controlbar_bg";
+            type: RECT;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 0 0;
+               max: 999999 0;
+               fixed: 0 1;
+               align: 0.0 1.0;
+               visible: 0;
+               rel1 { to: "base"; }
+               rel2 { to: "base"; }
+               color: NAVIFRAME_CONTROLBAR_BG_COLOR_INC;
+            }
+            description { state: "show" 0.0;
+               inherit: "default" 0.0;
+               min: 0 CONTROLBAR_SMALL_HEIGHT_INC;
+               max: 999999 CONTROLBAR_SMALL_HEIGHT_INC;
+               visible: 1;
+            }
+         }
+         part { name: "controlbar_clip";
+            type: RECT;
+            mouse_events: 0;
+            description { state: "default" 0.0;
+               rel1.to: "controlbar_bg";
+               rel2.to: "controlbar_bg";
+            }
+         }
+         part { name: "elm.prev_btn_bg";
+            type: RECT;
+            scale: 1;
+            clip_to: "controlbar_clip";
+            description { state: "default" 0.0;
+               min: 0 0;
+               fixed: 1 0;
+               align: 1.0 0.0;
+               rel1 { relative: 1.0 0.0; to: "controlbar_bg"; }
+               rel2.to: "controlbar_bg";
+               visible: 0;
+            }
+            description { state: "visible" 0.0;
+               inherit: "default" 0.0;
+               min: NAVIFRAME_TITLE_PREV_BTN_BG_SIZE_INC 0;
+            }
+         }
+         part { name: "elm.swallow.prev_btn";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "controlbar_clip";
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               align: 0.5 0.5;
+               rel1.to: "elm.prev_btn_bg";
+               rel2.to: "elm.prev_btn_bg";
+            }
+         }
+         part { name: "controlbar";
+            type: SWALLOW;
+            scale: 1;
+            clip_to: "controlbar_clip";
+            description { state: "default" 0.0;
+          	   fixed: 1 1;
+               rel1.to: "controlbar_bg";
+               rel2 { relative: 0.0 1.0; to: "elm.prev_btn_bg"; }
+            }
+         }
+      }
+      programs {
+
+         program { name: "content_new_pushed";
+            signal: "elm,state,new,pushed,internal";
+            source: "";
+            action: STATE_SET "default" 0.0;
+            target: "base";
+            transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
+            after: "show_finished";
+         }
+         program { name: "content_cur_pushed";
+            signal: "elm,state,cur,pushed,internal";
+            source: "";
+            action: STATE_SET "left" 0.0;
+            target: "base";
+            transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
+            after: "pushed_finished";
+         }
+         program { name: "content_prev_popped";
+            signal: "elm,state,prev,popped,internal";
+            source: "";
+            action: STATE_SET "default" 0.0;
+            target: "base";
+            transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
+            after: "show_finished";
+         }
+         program { name: "content_cur_popped";
+            signal: "elm,state,cur,popped,internal";
+            source: "";
+            action: STATE_SET "right" 0.0;
+            target: "base";
+            transition: DECELERATE NAVIFRAME_VIEW_TRANS_TIME;
+            after: "popped_finished";
+         }
+         program { name: "cur_pushed";
+            signal: "elm,state,cur,pushed";
+            source: "elm";
+            script {
+               set_state(PART:"base", "default", 0.0);
+               emit("elm,state,cur,pushed,internal", "");
+            }
+         }
+         program { name: "new_pushed";
+            signal: "elm,state,new,pushed";
+            source: "elm";
+            script {
+               set_state(PART:"base", "right", 0.0);
+               emit("elm,state,new,pushed,internal", "");
+            }
+         }
+         program { name: "prev_popped";
+            signal: "elm,state,prev,popped";
+            source: "elm";
+            script {
+               set_state(PART:"base", "left", 0.0);
+               emit("elm,state,prev,popped,internal", "");
+            }
+         }
+         program { name: "cur_popped";
+            signal: "elm,state,cur,popped";
+            source: "elm";
+            script {
+               set_state(PART:"base", "default", 0.0);
+               emit("elm,state,cur,popped,internal", "");
+            }
+         }
+         program { name: "visible";
+            signal: "elm,state,visible";
+            source: "elm";
+            action: STATE_SET "default" 0.0;
+            target: "base";
+         }
+         program { name: "title_show";
+            signal: "elm,state,title,show";
+            source: "elm";
+            script {
+               set_state(PART:"indicator", "default", 0.0);
+               set_state(PART:"title_bg", "default", 0.0);
+               if (get_int(oh_show) == 1) {
+                  if (get_int(oh_close) == 1) {
+                     emit("elm,state,optionheader,instant_close", "");
+                  }else {
+                     emit("elm,state,optionheader,instant_open", "");
+                  }
+               }
+               else
+                 set_state(PART:"optionheader_bg", "default", 0.0);
+            }
+         }
+         program { name: "title_hide";
+            signal: "elm,state,title,hide";
+            source: "elm";
+            action: STATE_SET "hide" 0.0;
+            target: "title_bg";
+            target: "optionheader_bg";
+            target: "indicator";
+         }
+         program { name: "prev_btn_show";
+            signal: "elm,state,prev_btn,show";
+            source: "elm";
+            script {
+               emit("elm,state,controlbar_bg,show", "elm");
+               set_state(PART:"elm.prev_btn_bg", "visible", 0.0);
+            }
+         }
+         program { name: "prev_btn_hide";
+            signal: "elm,state,prev_btn,hide";
+            source: "elm";
+            script {
+               emit("elm,state,controlbar_bg,hide", "elm");
+               set_state(PART:"elm.prev_btn_bg", "default", 0.0);
+            }
+         }
+         program { name: "left_btn_show";
+            signal: "elm,state,title_left_btn,show";
+            source: "elm";
+            script {
+               set_int(left_btn_visible, 1);
+               if (get_int(icon_visible) == 1)
+                 set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
+               else
+                 set_state(PART:"padding_center_text1", "visible", 0.0);
+               if ((get_int(more_btn_visible) == 1) && (get_int(right_btn_visible) == 1)) {
+                  set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
+                  set_int(large_padded_center_align, 0);
+               }
+               else {
+                  set_state(PART:"padding_center_text2", "visible", 0.0);
+                  set_int(large_padded_center_align, 1);
+               }
+            }
+         }
+         program { name: "left_btn_hide";
+            signal: "elm,state,title_left_btn,hide";
+            source: "elm";
+            script {
+               set_int(left_btn_visible, 0);
+               if ((get_int(more_btn_visible) == 0) && (get_int(right_btn_visible) == 0)) {
+                  set_state(PART:"padding_center_text2", "default", 0.0);
+                  set_int(large_padded_center_align, 0);
+               }
+               else {
+                  set_state(PART:"padding_center_text2", "visible", 0.0);
+                  set_int(large_padded_center_align, 1);
+               }
+               if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
+                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
+               else if (get_int(large_padded_center_align) == 1)
+                  set_state(PART:"padding_center_text1", "visible", 0.0);
+               else if (get_int(icon_visible) == 1)
+                  set_state(PART:"padding_center_text1", "icon", 0.0);
+               else
+                  set_state(PART:"padding_center_text1", "default", 0.0);
+            }
+         }
+         program { name: "right_btn_show";
+            signal: "elm,state,title_right_btn,show";
+            source: "elm";
+            script {
+               set_int(right_btn_visible, 1);
+               if (get_int(more_btn_visible) == 1) {
+                  set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
+                  set_state(PART:"padding_before_right_btn", "right_and_more_button", 0.0);
+                  set_int(large_padded_center_align, 0);
+               }
+               else {
+                  set_state(PART:"padding_center_text2", "visible", 0.0);
+                  set_int(large_padded_center_align, 1);
+               }
+               if ((get_int(icon_visible) == 1) && ((get_int(left_btn_visible) == 1) ||
+                                                    (get_int(large_padded_center_align) == 1)))
+                 set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
+               else if ((get_int(left_btn_visible) == 1) || (get_int(large_padded_center_align) == 1))
+                 set_state(PART:"padding_center_text1", "visible", 0.0);
+               else if (get_int(icon_visible) == 1)
+                 set_state(PART:"padding_center_text1", "icon", 0.0);
+               else
+                 set_state(PART:"padding_center_text1", "default", 0.0);
+            }
+         }
+         program { name: "right_btn_hide";
+            signal: "elm,state,title_right_btn,hide";
+            source: "elm";
+            script {
+               set_int(right_btn_visible, 0);
+               set_state(PART:"padding_before_right_btn", "default", 0.0);
+               if ((get_int(more_btn_visible) == 0) && (get_int(left_btn_visible) == 0)) {
+                  set_state(PART:"padding_center_text2", "default", 0.0);
+                  set_int(large_padded_center_align, 0);
+               }
+               else {
+                  set_state(PART:"padding_center_text2", "visible", 0.0);
+                  set_int(large_padded_center_align, 1);
+               }
+               if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
+                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
+               else if (get_int(large_padded_center_align) == 1)
+                  set_state(PART:"padding_center_text1", "visible", 0.0);
+               else if (get_int(icon_visible) == 1)
+                  set_state(PART:"padding_center_text1", "icon", 0.0);
+               else
+                  set_state(PART:"padding_center_text1", "default", 0.0);
+            }
+         }
+         program { name: "more_btn_show";
+            signal: "elm,state,title_more_btn,show";
+            source: "elm";
+            script {
+               set_int(more_btn_visible, 1);
+               if (get_int(right_btn_visible) == 1) {
+                  set_state(PART:"elm.text.title", "right_and_more_button", 0.0);
+                  set_state(PART:"padding_before_right_btn", "right_and_more_button", 0.0);
+                  set_int(large_padded_center_align, 0);
+               }
+               else {
+                  set_state(PART:"padding_center_text2", "visible", 0.0);
+                  set_int(large_padded_center_align, 1);
+               }
+               if ((get_int(icon_visible) == 1) && ((get_int(left_btn_visible) == 1) ||
+                                                    (get_int(large_padded_center_align) == 1)))
+                 set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
+               else if ((get_int(left_btn_visible) == 1) || (get_int(large_padded_center_align) == 1))
+                 set_state(PART:"padding_center_text1", "visible", 0.0);
+               else if (get_int(icon_visible) == 1)
+                 set_state(PART:"padding_center_text1", "icon", 0.0);
+               else
+                 set_state(PART:"padding_center_text1", "default", 0.0);
+            }
+         }
+         program { name: "more_btn_hide";
+            signal: "elm,state,title_more_btn,hide";
+            source: "elm";
+            script {
+               set_int(more_btn_visible, 0);
+               set_state(PART:"padding_before_right_btn", "default", 0.0);
+               if ((get_int(right_btn_visible) == 0) && (get_int(left_btn_visible) == 0)) {
+                  set_state(PART:"padding_center_text2", "default", 0.0);
+                  set_int(large_padded_center_align, 0);
+               }
+               else {
+                  set_state(PART:"padding_center_text2", "visible", 0.0);
+                  set_int(large_padded_center_align, 1);
+               }
+               if ((get_int(large_padded_center_align) == 1) && (get_int(icon_visible) == 1))
+                  set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
+               else if (get_int(large_padded_center_align) == 1)
+                  set_state(PART:"padding_center_text1", "visible", 0.0);
+               else if (get_int(icon_visible) == 1)
+                  set_state(PART:"padding_center_text1", "icon", 0.0);
+               else
+                  set_state(PART:"padding_center_text1", "default", 0.0);
+            }
+         }
+         program { name: "icon_show";
+            signal: "elm,state,elm.swallow.icon,show";
+            source: "elm";
+            script {
+               set_int(icon_visible, 1);
+               if ((get_int(large_padded_center_align) == 1) || (get_int(left_btn_visible) == 1))
+                 set_state(PART:"padding_center_text1", "icon_left_button", 0.0);
+               else
+                 set_state(PART:"padding_center_text1", "icon", 0.0);
+            }
+         }
+         program { name: "icon_hide";
+            signal: "elm,state,elm.swallow.icon,hide";
+            source: "elm";
+            script {
+               set_int(icon_visible, 0);
+               if ((get_int(large_padded_center_align) == 1) || (get_int(left_btn_visible) == 1))
+                 set_state(PART:"padding_center_text1", "visible", 0.0);
+               else
+                 set_state(PART:"padding_center_text1", "default", 0.0);
+            }
+         }
+         program { name: "controlbar_show";
+            signal: "elm,state,controlbar,show";
+            source: "elm";
+            script {
+               emit("elm,state,controlbar_bg,show", "elm");
+            }
+         }
+         program { name: "controlbar_hide";
+            signal: "elm,state,controlbar,hide";
+            source: "elm";
+            script {
+               emit("elm,state,controlbar_bg,hide", "elm");
+            }
+         }
+         program { name: "controlbar_bg_show";
+            signal: "elm,state,controlbar_bg,show";
+            source: "elm";
+            script {
+               set_state(PART:"controlbar_bg", "show", 0.0);
+               set_int(cbar_bg, get_int(cbar_bg) + 1);
+            }
+         }
+         program { name: "controlbar_bg_hide";
+            signal: "elm,state,controlbar_bg,hide";
+            source: "elm";
+            script {
+               set_int(cbar_bg, get_int(cbar_bg) - 1);
+               if (get_int(cbar_bg) <= 0)
+                 set_state(PART:"controlbar_bg", "default", 0.0);
+            }
+         }
+         program { name: "optionheader_show";
+            signal: "elm,state,optionheader,show";
+            source: "elm";
+            script {
+               set_state(PART:"optionheader_bg", "show", 0.0);
+               set_state(PART:"optionheader_arrow", "show", 0.0);
+               set_int(oh_show, 1);
+            }
+         }
+         program { name: "optionheader_hide";
+            signal: "elm,state,optionheader,hide";
+            source: "elm";
+            script {
+               set_state(PART:"optionheader_bg", "default", 0.0);
+               set_state(PART:"optionheader_arrow", "default", 0.0);
+               set_int(oh_show, 0);
+            }
+         }
+         program { name: "optionheader_open";
+            signal: "elm,state,optionheader,open";
+            source: "";
+            action: STATE_SET "show" 0.0;
+            target: "optionheader_bg";
+            target: "optionheader_arrow";
+            transition: LINEAR 0.2;
+            after: "optionheader_open_set";
+         }
+         program { name: "optionheader_close";
+            signal: "elm,state,optionheader,close";
+            source: "";
+            action: STATE_SET "default" 0.0;
+            target: "optionheader_bg";
+            target: "optionheader_arrow";
+            transition: LINEAR 0.2;
+            after: "optionheader_close_set";
+         }
+         program { name: "optionheader_instant_open";
+            signal: "elm,state,optionheader,instant_open";
+            source: "";
+            action: STATE_SET "show" 0.0;
+            target: "optionheader_bg";
+            target: "optionheader_arrow";
+            after: "optionheader_open_set";
+         }
+         program { name: "optionheader_instant_close";
+            signal: "elm,state,optionheader,instant_close";
+            source: "";
+            action: STATE_SET "default" 0.0;
+            target: "optionheader_bg";
+            target: "optionheader_arrow";
+            after: "optionheader_close_set";
+         }
+         program { name: "optionheader_close_set";
+            signal: "elm,state,optionheader,close_set";
+            source: "";
+            script {
+               set_int(oh_close, 1);
+            }
+         }
+         program { name: "optionheader_open_set";
+            signal: "elm,state,optionheader,open_set";
+            source: "";
+            script {
+               set_int(oh_close, 0);
+            }
+         }
+         program { name: "controlbar_open";
+            signal: "elm,state,controlbar,open";
+            source: "";
+            action: STATE_SET "show" 0.0;
+            target: "controlbar_bg";
+            transition: LINEAR 0.2;
+         }
+         program { name: "controlbar_close";
+            signal: "elm,state,controlbar,close";
+            source: "";
+            action: STATE_SET "default" 0.0;
+            target: "controlbar_bg";
+            transition: LINEAR 0.2;
+         }
+         program { name: "controlbar_instant_open";
+            signal: "elm,state,controlbar,instant_open";
+            source: "";
+            script {
+               emit("elm,state,prev_btn,show", "elm");
+               emit("elm,state,controlbar,show", "elm");
+            }
+         }
+         program { name: "controlbar_instant_close";
+            signal: "elm,state,controlbar,instant_close";
+            source: "";
+            script {
+               emit("elm,state,prev_btn,hide", "elm");
+               emit("elm,state,controlbar,hide", "elm");
+            }
+         }
+         program { name: "show_finished";
+            action: SIGNAL_EMIT "elm,action,show,finished" "";
+         }
+         program { name: "pushed_finished";
+            action: SIGNAL_EMIT "elm,action,pushed,finished" "";
+         }
+         program { name: "popped_finished";
+            action: SIGNAL_EMIT "elm,action,popped,finished" "";
+         }
+         program {
+            name: "title_clicked";
+            signal: "mouse,clicked,1";
+            source: "click_event_area";
+            action: SIGNAL_EMIT "elm,action,title,clicked" "";
+         }
+      }
+   }
+
+}
+
diff --git a/main/layout/ivug-selectioninfo.edc b/main/layout/ivug-selectioninfo.edc
new file mode 100755
index 0000000..00a1340
--- /dev/null
+++ b/main/layout/ivug-selectioninfo.edc
@@ -0,0 +1,371 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/*
+* Refer to themes\groups\selectioninfo.edc
+*/
+
+#define SELECTION_INFO_BACKGROUND_COLOR_INC	91 91 91 255
+#define SELECTION_INFO_TEXT_COLOR_INC		255 255 255 255
+
+#define SELECTION_INFO_MIN_VER_W_INC                 720
+#define SELECTION_INFO_MIN_HORZ_W_INC                1280
+#define SELECTION_INFO_VER_PADDING_INC               48
+#define SELECTION_INFO_LEFT_PADDING_INC              16
+#define SELECTION_INFO_TEXT_FONT_SIZE_INC            32
+#define SELECTION_INFO_MIN_VER_BOTTOM_64_H_INC       143//=95+48	150
+#define SELECTION_INFO_MIN_VER_BOTTOM_86_H_INC       143//=95+48	186
+
+collections {
+
+	group { name: "elm/standard/selectioninfo/vertical/bottom_12";
+	   parts {
+	      part { name: "bg";
+	         type: RECT;
+	         mouse_events: 1;
+	         repeat_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    	min: SELECTION_INFO_MIN_VER_W_INC SELECTION_INFO_VER_PADDING_INC;
+	            fixed: 1 1;
+	            align: 0.5 1.0;
+	            rel1.relative: 0.5 1.0;
+	            rel2.relative: 0.5 1.0;
+	            color: SELECTION_INFO_BACKGROUND_COLOR_INC;
+	         }
+	      }
+	      part {
+	         name: "elm.text";
+	         type: TEXT;
+	         mouse_events: 0;
+	         scale: 1;
+	         description {
+	            state: "default" 0.0;
+	            align: 0.5 0.0;
+	            rel1 { to: "bg"; }
+	            rel2 { to: "bg"; }
+	            color: SELECTION_INFO_TEXT_COLOR_INC;
+	            text {
+	               font: "HelveticaNeue";
+		           size: SELECTION_INFO_TEXT_FONT_SIZE_INC;
+	               text: "";
+	            }
+	         }
+	      }
+	   }
+	   programs {
+	      program { name: "clicked";
+	         signal: "mouse,clicked,1";
+	         source: "base";
+	         action: SIGNAL_EMIT "elm,action,click" "";
+	      }
+	   }
+	}
+
+	group { name: "elm/standard/selectioninfo/vertical/bottom_64";
+	   parts {
+	      part {
+	         name: "bg";
+	         type: RECT;
+	         mouse_events: 1;
+	         repeat_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    min: SELECTION_INFO_MIN_VER_W_INC SELECTION_INFO_MIN_VER_BOTTOM_64_H_INC;
+	            fixed: 1 1;
+	            align: 0.5 1.0;
+	            rel1.relative: 0.5 1.0;
+	            rel2.relative: 0.5 1.0;
+	            color: 0 0 0 0;
+	         }
+	      }
+	      part { name: "base";
+	         type: RECT;
+	         mouse_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    	min: 0 SELECTION_INFO_VER_PADDING_INC;
+	            fixed: 0 1;
+	            align: 0.5 0.0;
+	            rel1 { relative: 0.0 0.0; to: "bg"; }
+		    rel2 { relative: 1.0 0.32; to: "bg"; }
+	            color: SELECTION_INFO_BACKGROUND_COLOR_INC;
+	         }
+	      }
+	      part {
+	         name: "elm.text";
+	         type: TEXT;
+	         mouse_events: 0;
+	         scale: 1;
+	         description {
+	            state: "default" 0.0;
+	            align: 0.5 0.0;
+	            rel1 { to: "base"; }
+	            rel2 { to: "base"; }
+	            color: SELECTION_INFO_TEXT_COLOR_INC;
+	            text {
+	               font: "HelveticaNeue";
+		           size: SELECTION_INFO_TEXT_FONT_SIZE_INC;
+	               text: "";
+	            }
+	         }
+	      }
+	   }
+	   programs {
+	      program {
+	         name: "clicked";
+	         signal: "mouse,clicked,1";
+	         source: "base";
+	         action: SIGNAL_EMIT "elm,action,click" "";
+	      }
+	   }
+	}
+
+	group { name: "elm/standard/selectioninfo/vertical/bottom_86";
+	   parts {
+	      part {
+	         name: "bg";
+	         type: RECT;
+	         mouse_events: 1;
+	         repeat_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    	min: SELECTION_INFO_MIN_VER_W_INC SELECTION_INFO_MIN_VER_BOTTOM_86_H_INC;
+	            fixed: 1 1;
+	            align: 0.5 1.0;
+	            rel1.relative: 0.5 1.0;
+	            rel2.relative: 0.5 1.0;
+	            color: 0 0 0 0;
+	         }
+	      }
+	      part {
+	         name: "base";
+	         type: RECT;
+	         mouse_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    	min: 0 SELECTION_INFO_VER_PADDING_INC;
+	            fixed: 0 1;
+	            align: 0.5 0.0;
+	            rel1 { relative: 0.0 0.0; to: "bg"; }
+				rel2 { relative: 1.0 0.258; to: "bg"; }
+	            color: SELECTION_INFO_BACKGROUND_COLOR_INC;
+	         }
+	      }
+	      part {
+	         name: "elm.text";
+	         type: TEXT;
+	         mouse_events: 0;
+	         scale: 1;
+	         description {
+	            state: "default" 0.0;
+	            align: 0.5 0.0;
+	            rel1 { to: "base"; }
+	            rel2 { to: "base"; }
+	            color: SELECTION_INFO_TEXT_COLOR_INC;
+	            text {
+	               font: "HelveticaNeue";
+		           size: SELECTION_INFO_TEXT_FONT_SIZE_INC;
+	               text: "";
+	            }
+	         }
+	      }
+	   }
+	   programs {
+	      program {
+	         name: "clicked";
+	         signal: "mouse,clicked,1";
+	         source: "base";
+	         action: SIGNAL_EMIT "elm,action,click" "";
+	      }
+	   }
+	}
+
+	group { name: "elm/standard/selectioninfo/horizontal/bottom_12";
+	   parts {
+	      part { name: "bg";
+	         type: RECT;
+	         mouse_events: 1;
+	         repeat_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    min: SELECTION_INFO_MIN_HORZ_W_INC SELECTION_INFO_VER_PADDING_INC;
+	            fixed: 1 1;
+	            align: 0.5 1.0;
+	            rel1.relative: 0.5 1.0;
+	            rel2.relative: 0.5 1.0;
+	            color: SELECTION_INFO_BACKGROUND_COLOR_INC;
+	         }
+	      }
+	      part {
+	         name: "elm.text";
+	         type: TEXT;
+	         mouse_events: 0;
+	         scale: 1;
+	         description {
+	            state: "default" 0.0;
+	            align: 0.5 0.0;
+	            rel1 { to: "bg"; }
+	            rel2 { to: "bg"; }
+	            color: SELECTION_INFO_TEXT_COLOR_INC;
+	            text {
+	               font: "HelveticaNeue";
+		           size: SELECTION_INFO_TEXT_FONT_SIZE_INC;
+	               text: "";
+	            }
+	         }
+	      }
+	   }
+	   programs {
+	      program { name: "clicked";
+	         signal: "mouse,clicked,1";
+	         source: "base";
+	         action: SIGNAL_EMIT "elm,action,click" "";
+	      }
+	   }
+	}
+
+	group { name: "elm/standard/selectioninfo/horizontal/bottom_64";
+	   parts {
+	      part {
+	         name: "bg";
+	         type: RECT;
+	         mouse_events: 1;
+	         repeat_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    min: SELECTION_INFO_MIN_HORZ_W_INC SELECTION_INFO_MIN_VER_BOTTOM_64_H_INC;
+	            fixed: 1 1;
+	            align: 0.5 1.0;
+	            rel1.relative: 0.5 1.0;
+	            rel2.relative: 0.5 1.0;
+	            color: 0 0 0 0;
+	         }
+	      }
+	      part { name: "base";
+	         type: RECT;
+	         mouse_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    min: 0 SELECTION_INFO_VER_PADDING_INC;
+	            fixed: 0 1;
+	            align: 0.5 0.0;
+	            rel1 { relative: 0.0 0.0; to: "bg"; }
+		    	rel2 { relative: 1.0 0.32; to: "bg"; }
+	            color: SELECTION_INFO_BACKGROUND_COLOR_INC;
+	         }
+	      }
+	      part {
+	         name: "elm.text";
+	         type: TEXT;
+	         mouse_events: 0;
+	         scale: 1;
+	         description {
+	            state: "default" 0.0;
+	            align: 0.5 0.0;
+	            rel1 { to: "base"; }
+	            rel2 { to: "base"; }
+	            color: SELECTION_INFO_TEXT_COLOR_INC;
+	            text {
+	               font: "HelveticaNeue";
+		           size: SELECTION_INFO_TEXT_FONT_SIZE_INC;
+	               text: "";
+	            }
+	         }
+	      }
+	   }
+	   programs {
+	      program {
+	         name: "clicked";
+	         signal: "mouse,clicked,1";
+	         source: "base";
+	         action: SIGNAL_EMIT "elm,action,click" "";
+	      }
+	   }
+	}
+
+	group { name: "elm/standard/selectioninfo/horizontal/bottom_86";
+	   parts {
+	      part {
+	         name: "bg";
+	         type: RECT;
+	         mouse_events: 1;
+	         repeat_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    min: SELECTION_INFO_MIN_HORZ_W_INC SELECTION_INFO_MIN_VER_BOTTOM_86_H_INC;
+	            fixed: 1 1;
+	            align: 0.5 1.0;
+	            rel1.relative: 0.5 1.0;
+	            rel2.relative: 0.5 1.0;
+	            color: 0 0 0 0;
+	         }
+	      }
+	      part {
+	         name: "base";
+	         type: RECT;
+	         mouse_events: 1;
+	         scale : 1;
+	         description {
+	            state: "default" 0.0;
+		    min: 0 SELECTION_INFO_VER_PADDING_INC;
+	            fixed: 0 1;
+	            align: 0.5 0.0;
+	            rel1 { relative: 0.0 0.0; to: "bg"; }
+		    	rel2 { relative: 1.0 0.258; to: "bg"; }
+	            color: SELECTION_INFO_BACKGROUND_COLOR_INC;
+	         }
+	      }
+	      part {
+	         name: "elm.text";
+	         type: TEXT;
+	         mouse_events: 0;
+	         scale: 1;
+	         description {
+	            state: "default" 0.0;
+	            align: 0.5 0.0;
+	            rel1 { to: "base"; }
+	            rel2 { to: "base"; }
+	            color: SELECTION_INFO_TEXT_COLOR_INC;
+	            text {
+	               font: "HelveticaNeue";
+		           size: SELECTION_INFO_TEXT_FONT_SIZE_INC;
+	               text: "";
+	            }
+	         }
+	      }
+	   }
+	   programs {
+	      program {
+	         name: "clicked";
+	         signal: "mouse,clicked,1";
+	         source: "base";
+	         action: SIGNAL_EMIT "elm,action,click" "";
+	      }
+	   }
+	}
+
+}
diff --git a/main/layout/ivug-setas.edc b/main/layout/ivug-setas.edc
new file mode 100755
index 0000000..7ec8ab1
--- /dev/null
+++ b/main/layout/ivug-setas.edc
@@ -0,0 +1,278 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+#define BTN_CANCEL_WIDTH	86
+#define BTN_CANCEL_HEIGHT	86
+
+#define BTN_OK_WIDTH	86
+#define BTN_OK_HEIGHT	86
+
+#define BTN_CANCEL			"T01_btn_cancel.png"
+#define BTN_CANCEL_PRESS		"T01_btn_cancel_press.png"
+
+#define BTN_OK		"T01_btn_ok.png"
+#define BTN_OK_PRESS	"T01_btn_ok_press.png"
+#define BTN_OK_DIM	"T01_btn_ok_dim.png"
+
+#define _STATE_ENABLED 1
+#define _STATE_DISABLED 0
+
+collections {
+   group {
+		name: "setas_view";
+
+		images {
+		image: BTN_CANCEL COMP;
+		image: BTN_CANCEL_PRESS COMP;
+
+		image: BTN_OK COMP;
+		image: BTN_OK_PRESS COMP;
+		image: BTN_OK_DIM COMP;
+	        }
+	      script {
+	         public ok_state = _STATE_ENABLED;
+	      }
+		parts{
+			part {
+				name: "bg";
+				type: RECT;
+				mouse_events: 1;
+				repeat_events: 0;
+				scale:1;
+				description {
+					state: "default" 0.0;
+					color: 0 0 0 255;
+					rel1.relative: 0.0 0.0;
+					rel2.relative: 1.0 1.0;
+				}
+			}
+
+			part{
+				name: "setasview.photocam";
+				type: SWALLOW;
+				mouse_events: 1;
+				repeat_events: 0;
+				scale: 1; //allow scaling
+
+				description {
+					state: "default" 0.0;
+					rel1 { relative: 0 0; to:bg; }
+					rel2 { relative: 1 1; to:bg; }
+				}
+			 }
+
+			part {
+				name: "event";
+				type: RECT;
+				repeat_events: 1;
+				mouse_events: 1;
+				scale:1;
+
+				description {
+					state: "default" 0.0;
+					color: 0 0 0 0;
+					visible: 1;
+					rel1.relative: 0.0 0.0;
+					rel2.relative: 1.0 1.0;
+				}
+			}
+
+			part { name: "setasview.btn_cancel";
+				type: IMAGE;
+				scale: 1;
+				mouse_events: 1;
+				description {
+					visible: 0;
+					min: BTN_CANCEL_WIDTH BTN_CANCEL_HEIGHT;
+					max: BTN_CANCEL_WIDTH BTN_CANCEL_HEIGHT;
+					fixed: 1 1;
+					state: "default" 0.0;
+					align: 1.0 1.0;
+					rel1 { relative: 0.0 0.0;}
+					rel2 { relative: 0.944 0.975;}
+				}
+
+				description {
+					state: "show" 0.0;
+					inherit: "default" 0.0;
+					visible: 1;
+					image.normal: BTN_CANCEL;
+				}
+
+				description {
+					state: "pressed" 0.0;
+					inherit: "default" 0.0;
+					visible: 1;
+					image.normal: BTN_CANCEL_PRESS;
+				}
+
+				description {
+					state: "hide" 0.0;
+					visible: 0;
+				}
+			}
+
+			part { name: "setasview.btn_ok";
+				type: IMAGE;
+				scale: 1;
+				mouse_events: 1;
+				description {
+					state: "default" 0.0;
+					visible: 1;
+					min: BTN_OK_WIDTH BTN_OK_HEIGHT;
+					max: BTN_OK_WIDTH BTN_OK_HEIGHT;
+					fixed: 1 1;
+					align: 0.0 1.0;
+					image.normal: BTN_OK;
+					rel1 { relative: 0.056 0.0;}
+					rel2 { relative: 1.0 0.975;}
+				}
+
+				description {
+					state: "pressed" 0.0;
+					inherit: "default" 0.0;
+					image.normal: BTN_OK_PRESS;
+				}
+
+				description {
+					state: "dim" 0.0;
+					inherit: "default" 0.0;
+					image.normal: BTN_OK_DIM;
+				}
+
+				description {
+					state: "hide" 0.0;
+					visible: 0;
+				}
+			}
+		}
+
+		programs {
+
+/* For button cancel */
+		   program {
+		        name: "hide_btn_cancel";
+		        signal: "setasview,hide,btn_cancel";
+		        source: "elm";
+		        action: STATE_SET "hide" 0.0;
+		        target: "setasview.btn_cancel";
+		    }
+
+		    program {
+		        name: "show_btn_cancel";
+		        signal: "setasview,show,btn_cancel";
+		        source: "elm";
+		        action: STATE_SET "show" 0.0;
+		        target: "setasview.btn_cancel";
+		    }
+
+		    program {
+		     	name: "btn_cancel_mouse_down";
+			signal: "mouse,down,1";
+			source: "setasview.btn_cancel";
+		 	action: STATE_SET "pressed" 0.0;
+			target: "setasview.btn_cancel";
+		    }
+
+		    program {
+		     	name: "btn_cancel_mouse_up";
+			signal: "mouse,up,1";
+			source: "setasview.btn_cancel";
+			after: "show_btn_cancel";
+		    }
+
+		    program {
+		     	name: "btn_cancel_clicked";
+			signal: "mouse,clicked,1";
+			source: "setasview.btn_cancel";
+			action: SIGNAL_EMIT "setasview,cancel,clicked" "";
+		    }
+
+/* For button ok */
+		   program {
+		        name: "hide_btn_set";
+		        signal: "setasview,hide,btn_ok";
+		        source: "elm";
+		        action: STATE_SET "hide" 0.0;
+		        target: "setasview.btn_ok";
+		    }
+
+		    program {
+		        name: "show_btn_set";
+		        signal: "setasview,show,btn_ok";
+		        source: "elm";
+		        script {
+		        	if ( get_int(ok_state) == _STATE_DISABLED )
+		        		set_state(PART:"setasview.btn_ok", "dim", 0.0);
+		        	else
+		        		set_state(PART:"setasview.btn_ok", "default", 0.0);
+		        }
+		    }
+		    program {
+		        name: "dim_btn_set";
+		        signal: "setasview,disable,btn_ok";
+		        source: "elm";
+
+		        script {
+		        	set_int(ok_state, _STATE_DISABLED);
+		        	set_state(PART:"setasview.btn_ok", "dim", 0.0);
+		        }
+		    }
+
+		    program {
+		        name: "enable_btn_set";
+		        signal: "setasview,enable,btn_ok";
+		        source: "elm";
+		        script {
+		        	set_int(ok_state, _STATE_ENABLED);
+		        	set_state(PART:"setasview.btn_ok", "default", 0.0);
+		        }
+		    }
+
+		    program {
+		     	name: "btn_set_mouse_down";
+			signal: "mouse,down,1";
+			source: "setasview.btn_ok";
+
+			script {
+				if ( get_int(ok_state) == _STATE_ENABLED )
+					set_state(PART:"setasview.btn_ok", "pressed", 0.0);
+			}
+		    }
+
+		    program {
+		     	name: "btn_set_mouse_up";
+			signal: "mouse,up,1";
+			source: "setasview.btn_ok";
+			after: "show_btn_set";
+		    }
+
+		    program {
+		     	name: "btn_set_clicked";
+			signal: "mouse,clicked,1";
+			source: "setasview.btn_ok";
+		     	script {
+				if ( get_int(ok_state) == _STATE_ENABLED )
+				{
+					emit("setasview,set,clicked", "");
+				}
+		     	}
+		    }
+
+		}
+	}
+}
diff --git a/main/layout/ivug-slider.edc b/main/layout/ivug-slider.edc
new file mode 100755
index 0000000..ea0c0b7
--- /dev/null
+++ b/main/layout/ivug-slider.edc
@@ -0,0 +1,180 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+// slider layout
+
+collections {
+group {
+
+	name: "slider";
+
+	images {
+            image: "T01_btn_play.png" COMP;
+        }
+
+	parts {
+
+		part { name: "background";
+			type: RECT;
+			mouse_events: 0;
+			scale: 1;
+			description {
+				state: "default" 0.0;
+				color: 0 0 0 255;
+				visible: 1;
+				rel1 { relative: 0.0 0.0;}
+				rel2 { relative: 1.0 1.0;}
+			}
+		}
+
+		part { name: "slider.photocam";
+			type: SWALLOW;
+			mouse_events: 1;
+			scale: 1;
+			description {
+              		state: "default" 0.0;
+               		visible: 1;
+               		rel1 { relative: 0.0 0.0; }
+               		rel2 { relative: 1.0 1.0; }
+                 	}
+		    }
+
+		part { name: "slider.thumbnail";
+			type: SWALLOW;
+			mouse_events: 1;
+			scale: 1;
+			description {
+              		state: "default" 0.0;
+				align: 0.5 0.5;
+               		visible: 0;
+               		rel1 { relative: 0.0 0.0; }
+               		rel2 { relative: 1.0 1.0; }
+                 	}
+
+			description {
+				state: "show" 0.0;
+				inherit: "default" 0.0;
+               		visible: 1;
+                 	}
+		    }
+
+
+		part { name: "slider.icon";
+			type: IMAGE;
+			mouse_events: 1;
+			scale: 1;
+			description {
+              		state: "default" 0.0;
+					align: 0.5 0.5;
+               		visible: 0;
+					fixed: 1 1;
+					max: 72 72;
+               		rel1 { relative: 0.0 0.0; }
+               		rel2 { relative: 1.0 1.0; }
+					image.normal: "T01_btn_play.png";
+                 	}
+
+			description {
+					state: "show" 0.0;
+					inherit: "default" 0.0;
+               		visible: 1;
+                 	}
+		    }
+
+		part { name: "slider.progress";
+			type: SWALLOW;
+			mouse_events: 0;
+			scale: 1;
+			description {
+              		state: "default" 0.0;
+				align: 0.5 0.5;
+               		visible: 0;
+               		rel1 { relative: 0.0 0.0; }
+               		rel2 { relative: 1.0 1.0; }
+                 	}
+
+			description {
+				state: "show" 0.0;
+				inherit: "default" 0.0;
+               		visible: 1;
+                 	}
+		    }
+
+	    } //parts
+
+	 programs {
+
+		program {
+				name: "show_thumbnail";
+				signal: "elm,state,show_thumbnail";
+				source: "slider";
+				action: STATE_SET "show" 0.0;
+				target: "slider.thumbnail";
+			}
+
+		program {
+				name: "hide_thumbnail";
+				signal: "elm,state,hide_thumbnail";
+				source: "slider";
+				action: STATE_SET "default" 0.0;
+				target: "slider.thumbnail";
+			}
+
+		program {
+				name: "show_icon";
+				signal: "elm,state,show_icon";
+				source: "slider";
+				action: STATE_SET "show" 0.0;
+				target: "slider.icon";
+			}
+
+		program {
+				name: "hide_icon";
+				signal: "elm,state,hide_icon";
+				source: "slider";
+				action: STATE_SET "default" 0.0;
+				target: "slider.icon";
+			}
+
+		program {
+				name: "show_progress";
+				signal: "elm,state,show,progress";
+				source: "slider";
+				action: STATE_SET "show" 0.0;
+				target: "slider.progress";
+			}
+
+		program {
+				name: "hide_progress";
+				signal: "elm,state,hide,progress";
+				source: "slider";
+				action: STATE_SET "default" 0.0;
+				target: "slider.progress";
+			}
+
+		program {
+				name: "icon_click";
+				signal: "mouse,clicked,1";
+				source: "slider.icon";
+				action: SIGNAL_EMIT "slider,icon,click" "";
+			}
+
+	 	}//programs
+
+     } //group
+
+}
diff --git a/main/layout/ivug-toolbar.edc b/main/layout/ivug-toolbar.edc
new file mode 100755
index 0000000..c65ea20
--- /dev/null
+++ b/main/layout/ivug-toolbar.edc
@@ -0,0 +1,886 @@
+/*
+ * Copyright 2012  Samsung Electronics Co., Ltd
+ *
+ * Licensed under the Flora License, Version 1.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *	  http://www.tizenopensource.org/license
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+
+/*
+*  Refer to themes\widgets\toolbar.edc
+*/
+
+#define ITEM_STATE_ENABLED 0
+#define ITEM_STATE_DISABLED 1
+
+/* 1.0 */
+#define BUTTON_CONTROLBAR_ITEM_BUTTON_TEXT_SIZE_INC 28
+#define BUTTON_CONTROLBAR_ITEM_BUTTON_TEXTBLOCK_COLOR_INC "#f9f9f9"
+#define BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC 56 56
+
+#define BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC 249 249 249 255
+#define BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC 249 249 249 255
+
+collections {
+
+	group { name: "elm/toolbar/base/ivug-toolbar/default";
+	   images {
+	      image: "T01_toolbar_bg.png" COMP;
+	   }
+	   parts {
+	      part { name: "base";
+	         mouse_events: 1;
+	         description { state: "default" 0.0;
+	            image.normal: "T01_toolbar_bg.png";
+	         }
+	      }
+	      part { name: "clipper";
+	         type: RECT;
+	         mouse_events: 0;
+	         description {
+	            state: "default" 0.0;
+	            rel1 {
+	               to: "base";
+	               offset: 2 2;
+	            }
+	            rel2 {
+	               to: "base";
+	               offset: -3 -3;
+	            }
+	         }
+	      }
+	      part { name: "elm.swallow.content";
+	         clip_to: "clipper";
+	         type: SWALLOW;
+	         description {
+	            state: "default" 0.0;
+	            rel1.to: "clipper";
+	            rel2.to: "clipper";
+	         }
+	      }
+	      part { name: "event";
+	         type: RECT;
+	         mouse_events: 1;
+	         repeat_events: 1;
+	         description { state: "default" 0.0;
+	            color: 0 0 0 0;
+	         }
+	      }
+	   }
+	}
+
+	group { name: "elm/toolbar/item/ivug-toolbar/default";
+	   images {
+	      image: "T01_toolbar_press.png" COMP;
+	   }
+	   styles{
+	      style { name: "toolbar_style";
+	         base: "font=SLP:style=Medium font_size="BUTTON_CONTROLBAR_ITEM_BUTTON_TEXT_SIZE_INC" align=center color="BUTTON_CONTROLBAR_ITEM_BUTTON_TEXTBLOCK_COLOR_INC" wrap=mixed ellipsis=1";
+	         tag: "br" "\n";
+	         tag: "ps" "ps";
+	         tag: "hilight" "+ font=SLP:style=Bold";
+	         tag: "b" "+ font=SLP:style=Bold";
+	         tag: "tab" "\t";
+	      }
+	   }
+
+	   data.item: "transition_animation_on" "1";
+	   script {
+	      public item_state = ITEM_STATE_ENABLED;
+	   }
+	   parts {
+	      part { name: "bg";
+	         mouse_events: 0;
+	         description { state: "default" 0.0;
+	            visible: 0;
+	            color: 255 255 255 0;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to: "padding_right_bottom";
+	            }
+	            image {
+	               normal: "T01_toolbar_press.png";
+	               border: 3 3 3 3;
+	            }
+	            image.middle: SOLID;
+	            fill.smooth: 0;
+	         }
+	         description { state: "selected" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: 255 255 255 255;
+	         }
+	         description { state: "disabled" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 0;
+	            color: 255 255 255 0;
+	         }
+	      }
+	      part { name: "padding_left_top";
+	         type: RECT;
+	         scale: 1;
+	         mouse_events: 0;
+	         description { state: "default" 0.0;
+	            align: 0.0 0.0;
+	            rel2.relative: 0.0 0.0;
+	            min: 10 8;
+	            fixed: 1 1;
+	            visible: 1;
+	            color: 0 0 0 0;
+	         }
+	      }
+	      part { name: "padding_right_bottom";
+	         type: RECT;
+	         scale: 1;
+	         mouse_events: 0;
+	         description { state: "default" 0.0;
+	            align: 1.0 1.0;
+	            rel1.relative: 1.0 1.0;
+	            min: 10 5;
+	            fixed: 1 1;
+	            visible: 1;
+	            color: 0 0 0 0;
+	         }
+	      }
+	      part {
+	         name: "icon_rect";
+	         type: RECT;
+	         scale: 1;
+	         mouse_events: 0;
+	         description { state: "default" 0.0;
+	            min: 0 0;
+	            fixed: 0 1;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 1.0;
+	               to_x: "padding_right_bottom";
+	               to_y: "padding_left_top";
+	            }
+	            align: 0.5 0.0;
+	            color: 0 0 0 0;
+	         }
+	         description { state: "visible" 0.0;
+	            min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            fixed: 0 1;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 1.0;
+	               to_x: "padding_right_bottom";
+	               to_y: "padding_left_top";
+	            }
+	            align: 0.5 0.0;
+	            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: 0.0 1.0;
+	               to: "icon_rect";
+	            }
+	            rel2.to: "icon_rect";
+	            fixed: 0 1;
+	            min: 0 0;
+	            color: 0 0 0 0;
+	         }
+	         description { state: "visible" 0.0;
+	            inherit: "default" 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: 0.5 1.0;
+	            rel1 {
+	               relative: 1.0 0.0;
+	               to_x: "padding_left_top";
+	               to_y: "elm.text";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to_x: "padding_right_bottom";
+	               to_y: "elm.text";
+	            }
+	            fixed: 0 1;
+	            min: 0 0;
+	            color: 0 0 0 0;
+	         }
+	      }
+	      part { name: "elm.swallow.icon";
+	         type: SWALLOW;
+	         scale: 1;
+	         clip_to: "elm.icon.clipper";
+	         description { state: "default" 0.0;
+	            visible: 0;
+	            align: 0.5 0.0;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 1.0;
+	               to_x: "padding_right_bottom";
+	               to_y: "padding_left_top";
+	            }
+	            fixed: 0 1;
+	         }
+	         description { state: "visible" 0.0;
+	            fixed: 0 1;
+	            min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to_x: "padding_right_bottom";
+	               to_y: "padding_before_text";
+	            }
+	            aspect: 1.0 1.0;
+	            aspect_preference: HORIZONTAL;
+	         }
+	         description { state: "icononly" 0.0;
+	            min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to: "padding_right_bottom";
+	            }
+	            aspect: 1.0 1.0;
+	            aspect_preference: HORIZONTAL;
+	         }
+	      }
+	      part { name: "elm.swallow.icon_new";
+	         type: SWALLOW;
+	         scale: 1;
+	         clip_to: "elm.icon_new.clipper";
+	         description { state: "default" 0.0;
+	            visible: 0;
+	            align: 0.5 0.0;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 1.0;
+	               to_x: "padding_right_bottom";
+	               to_y: "padding_left_top";
+	            }
+	            fixed: 0 1;
+	         }
+	         description { state: "visible" 0.0;
+	            fixed: 0 1;
+	            min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to_x: "padding_right_bottom";
+	               to_y: "padding_before_text";
+	            }
+	            aspect: 1.0 1.0;
+	            aspect_preference: HORIZONTAL;
+	         }
+	         description { state: "icononly" 0.0;
+	            min: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            max: BUTTON_CONTROLBAR_ITEM_BUTTON_ICON_SIZE_INC;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to: "padding_right_bottom";
+	            }
+	            aspect: 1.0 1.0;
+	            aspect_preference: HORIZONTAL;
+	         }
+	      }
+	      part { name: "elm.text";
+	         type: TEXTBLOCK;
+	         mouse_events: 0;
+	         scale: 1;
+	         clip_to: "elm.text.clipper";
+	         description { state: "default" 0.0;
+	            visible: 1;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to_x: "padding_left_top";
+	               to_y: "padding_after_icon";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to: "padding_right_bottom";
+	            }
+	            color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
+	            fixed: 1 1;
+	            text {
+	               style: "toolbar_style";
+	               min: 0 1;
+	               max: 0 1;
+	            }
+	         }
+	         description { state: "selected" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	         }
+	         description { state: "visible" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	         }
+	         description { state: "clicked" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
+	         }
+	         description { state: "focused" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
+	         }
+	      }
+	      part { name: "elm.text_new";
+	         type: TEXTBLOCK;
+	         mouse_events: 0;
+	         scale: 1;
+	         clip_to: "elm.text_new.clipper";
+	         description { state: "default" 0.0;
+	            visible: 1;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to_x: "padding_left_top";
+	               to_y: "padding_after_icon";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to: "padding_right_bottom";
+	            }
+	            color: BUTTON_NAVIFRAME_DEFAULT_TEXT_COLOR_INC;
+	            fixed: 1 1;
+	            text {
+	               style: "toolbar_style";
+	               min: 0 1;
+	               max: 0 1;
+	            }
+	         }
+	         description { state: "visible" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	         }
+	         description { state: "clicked" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
+	         }
+	         description { state: "focused" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
+	         }
+	      }
+	      part { name: "elm.text.clipper";
+	         type: RECT;
+	         description { state: "default" 0.0;
+	            color: 255 255 255 255;
+	         }
+	         description { state: "animation" 0.0;
+	            color: 255 255 255 0;
+	         }
+	         description { state: "disabled" 0.0;
+	            color: 255 255 255 153;
+	         }
+	      }
+	      part { name: "elm.text_new.clipper";
+	         type: RECT;
+	         description { state: "default" 0.0;
+	            color: 255 255 255 0;
+	         }
+	         description { state: "animation" 0.0;
+	            color: 255 255 255 255;
+	         }
+	      }
+	      part { name: "elm.icon.clipper";
+	         type: RECT;
+	         description { state: "default" 0.0;
+	            color: 255 255 255 255;
+	         }
+	         description { state: "animation" 0.0;
+	            color: 255 255 255 0;
+	         }
+	         description { state: "disabled" 0.0;
+	            color: 255 255 255 153;
+	         }
+	      }
+	      part { name: "elm.icon_new.clipper";
+	         type: RECT;
+	         description { state: "default" 0.0;
+	            color: 255 255 255 0;
+	         }
+	         description { state: "animation" 0.0;
+	            color: 255 255 255 255;
+	         }
+	      }
+	      part { name: "event";
+	         type: RECT;
+	         mouse_events: 1;
+	         ignore_flags: ON_HOLD;
+	         description { state: "default" 0.0;
+	            color: 0 0 0 0;
+	         }
+	      }
+	      part { name: "event2";
+	         type: RECT;
+	         mouse_events: 1;
+	         repeat_events: 1;
+	         description { state: "default" 0.0;
+	            color: 0 0 0 0;
+	         }
+	      }
+	   }
+	   programs {
+	      program { name: "pressed";
+	         signal:  "mouse,down,1";
+	         source:  "event";
+	         script {
+	            if (get_int(item_state) != ITEM_STATE_DISABLED)
+	              set_state(PART:"bg", "selected", 0.0);
+	         }
+	         transition: LINEAR 0.2;
+	      }
+	      program { name: "unpressed";
+	         signal:  "mouse,up,1";
+	         source:  "event2";
+	         action:  STATE_SET "default" 0.0;
+	         target:  "bg";
+	         transition: LINEAR 0.1;
+	      }
+	      program { name: "go";
+	         signal:  "mouse,up,1";
+	         source:  "event";
+	         action:  SIGNAL_EMIT "elm,action,click" "elm";
+	      }
+	      program { name: "mouse,in";
+	         signal:  "mouse,in";
+	         source:  "event";
+	         action:  SIGNAL_EMIT "elm,mouse,in" "elm";
+	      }
+	      program { name: "mouse,out";
+	         signal:  "mouse,out";
+	         source:  "event";
+	         action:  SIGNAL_EMIT "elm,mouse,out" "elm";
+	      }
+	      program { name: "disable";
+	         signal: "elm,state,disabled";
+	         source: "elm";
+	         action: STATE_SET "disabled" 0.0;
+	         target: "bg";
+	         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);
+	               set_state(PART:"elm.text_new", "disabled_visible", 0.0);
+	            }
+	            else
+	            {
+	               set_state(PART:"elm.text", "disabled", 0.0);
+	               set_state(PART:"elm.text_new", "disabled", 0.0);
+	            }
+	            set_state(PART:"elm.text.clipper", "disabled", 0.0);
+	            set_state(PART:"elm.icon.clipper", "disabled", 0.0);
+	            set_int(item_state, ITEM_STATE_DISABLED);
+	         }
+	      }
+	      program { name: "enable";
+	         signal: "elm,state,enabled";
+	         source: "elm";
+	         action: STATE_SET "default" 0.0;
+	         target: "bg";
+	         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);
+	               set_state(PART:"elm.text_new", "visible", 0.0);
+	            }
+	            else
+	            {
+	               set_state(PART:"elm.text", "default", 0.0);
+	               set_state(PART:"elm.text_new", "default", 0.0);
+	            }
+	            set_state(PART:"elm.text.clipper", "default", 0.0);
+	            set_state(PART:"elm.icon.clipper", "default", 0.0);
+	            set_int(item_state, ITEM_STATE_ENABLED);
+	         }
+	      }
+	      program { name: "label_set,animation,forward";
+	         signal: "elm,state,label_set,forward";
+	         source: "elm";
+	         after: "label_set,animation";
+	      }
+	      program { name: "label_set,animation,backward";
+	         signal: "elm,state,label_set,backward";
+	         source: "elm";
+	         after: "label_set,animation";
+	      }
+	      program { name: "label_set,animation";
+	         signal: "elm,state,label_set";
+	         source: "elm";
+	         action: STATE_SET "animation" 0.0;
+	         target: "elm.text.clipper";
+	         target: "elm.text_new.clipper";
+	         transition: LINEAR 0.2;
+	         after: "label_set,animation,done";
+	      }
+	      program { name: "label_set,animation,done";
+	         action: SIGNAL_EMIT "elm,state,label_set,done" "elm";
+	      }
+	      program { name: "label,reset";
+	         signal: "elm,state,label,reset";
+	         source: "elm";
+	         action: STATE_SET "default" 0.0;
+	         target: "elm.text.clipper";
+	         target: "elm.text_new.clipper";
+	      }
+	      program { name: "icon_set,animation,forward";
+	         signal: "elm,state,icon_set,forward";
+	         source: "elm";
+	         after: "icon_set,animation";
+	      }
+	      program { name: "icon_set,animation,backward";
+	         signal: "elm,state,icon_set,backward";
+	         source: "elm";
+	         after: "icon_set,animation";
+	      }
+	      program { name: "icon_set,animation";
+	         signal: "elm,state,icon_set";
+	         source: "elm";
+	         action: STATE_SET "animation" 0.0;
+	         target: "elm.icon.clipper";
+	         target: "elm.icon_new.clipper";
+	         transition: LINEAR 0.2;
+	         after: "icon_set,animation,done";
+	      }
+	      program { name: "icon_set,animation,done";
+	         action: SIGNAL_EMIT "elm,state,icon_set,done" "elm";
+	      }
+	      program { name: "icon,reset";
+	         signal: "elm,state,icon,reset";
+	         source: "elm";
+	         action: STATE_SET "default" 0.0;
+	         target: "elm.icon.clipper";
+	         target: "elm.icon_new.clipper";
+	      }
+	      program { name: "text_show";
+	         signal: "elm,state,text,visible";
+	         source: "elm";
+	         script {
+	            new st[31];
+	            new Float:vl;
+	            get_state(PART:"elm.swallow.icon", st, 30, vl);
+	            if (!strcmp(st, "icononly"))
+	              {
+	                 set_state(PART:"elm.swallow.icon", "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.icon", st, 30, vl);
+	            if (!strcmp(st, "visible"))
+	              {
+	                 set_state(PART:"elm.swallow.icon", "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.icon", "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.icon", "icononly", 0.0);
+	                 set_state(PART:"icon_rect", "icononly", 0.0);
+	                 set_state(PART:"padding_after_icon", "icononly", 0.0);
+	              }
+	         }
+	      }
+	   }
+	}
+
+	group { name: "elm/toolbar/item/ivug-toolbar/item_horizontal";
+	   inherit: "elm/toolbar/item/ivug-toolbar/default";
+	   script {
+	      public item_state = ITEM_STATE_ENABLED;
+	   }
+	   parts {
+	      part { name: "icon_rect";
+	         description { state: "default" 0.0;
+	            fixed: 1 0;
+	            align: 0.0 0.5;
+	         }
+	         description { state: "visible" 0.0;
+	            fixed: 1 0;
+	            rel2 {
+	               relative: 1.0 0.0;
+	               to_x: "padding_left_top";
+	               to_y: "padding_right_bottom";
+	            }
+	            align: 0.0 0.5;
+	         }
+	      }
+	      part { name: "padding_after_icon";
+	         description { state: "default" 0.0; //when only icon or no icon is there
+	            rel1.relative: 1.0 0.0;
+	            fixed: 1 1;
+	         }
+	         description { state: "visible" 0.0;
+	            inherit: "default" 0.0;
+	            min: 6 0;
+	         }
+	      }
+	      part { name: "padding_before_text";
+	         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_left_top";
+	            }
+	            rel2 {
+	               to_x: "elm.text";
+	               to_y: "padding_right_bottom";
+	            }
+	            fixed: 1 0;
+	            min: 6 0;
+	         }
+	      }
+	      part { name: "elm.swallow.icon";
+	         description { state: "default" 0.0;
+	            align: 0.0 0.5;
+	            rel2 {
+	               relative: 1.0 0.0;
+	               to_x: "padding_left_top";
+	               to_y: "padding_right_bottom";
+	            }
+	            fixed: 1 0;
+	         }
+	         description { state: "visible" 0.0;
+	            fixed: 1 0;
+	            align: 1.0 0.5;
+	            rel1 {
+	               relative: 0.0 1.0;
+	               to_x: "padding_before_text";
+	               to_y: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to_x: "padding_before_text";
+	               to_y: "padding_right_bottom";
+	            }
+	            aspect_preference: VERTICAL;
+	         }
+	         description { state: "icononly" 0.0;
+	            aspect_preference: VERTICAL;
+	         }
+	      }
+	      part { name: "elm.swallow.icon_new";
+	         description { state: "default" 0.0;
+	            align: 0.0 0.5;
+	            rel2 {
+	               relative: 1.0 0.0;
+	               to_x: "padding_left_top";
+	               to_y: "padding_right_bottom";
+	            }
+	            fixed: 1 0;
+	         }
+	         description { state: "visible" 0.0;
+	            fixed: 1 0;
+	            align: 1.0 0.5;
+	            rel1 {
+	               relative: 0.0 1.0;
+	               to_x: "padding_before_text";
+	               to_y: "padding_left_top";
+	            }
+	            rel2 {
+	               relative: 0.0 0.0;
+	               to_x: "padding_before_text";
+	               to_y: "padding_right_bottom";
+	            }
+	            aspect_preference: VERTICAL;
+	         }
+	         description { state: "icononly" 0.0;
+	            aspect_preference: VERTICAL;
+	         }
+	      }
+	      part { name: "elm.text";
+	         type: TEXTBLOCK;
+	         description { state: "default" 0.0;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to_x: "padding_after_icon";
+	               to_y: "padding_left_top";
+	            }
+	            text {
+	               style: "toolbar_style";
+	               min: 1 0;
+	               max: 1 0;
+	            }
+	         }
+	         description { state: "selected" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	         }
+	         description { state: "visible" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	         }
+	         description { state: "clicked" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
+	         }
+	         description { state: "focused" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
+	         }
+	      }
+	      part { name: "elm.text_new";
+	         type: TEXTBLOCK;
+	         description { state: "default" 0.0;
+	            rel1 {
+	               relative: 1.0 1.0;
+	               to_x: "padding_after_icon";
+	               to_y: "padding_left_top";
+	            }
+	            text {
+	               style: "toolbar_style";
+	               min: 1 0;
+	               max: 1 0;
+	            }
+	         }
+	         description { state: "selected" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	         }
+	         description { state: "visible" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	         }
+	         description { state: "clicked" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
+	         }
+	         description { state: "focused" 0.0;
+	            inherit: "default" 0.0;
+	            visible: 1;
+	            color: BUTTON_NAVIFRAME_FOCUSED_TEXT_COLOR_INC;
+	         }
+	      }
+	   }
+	}
+
+	/*group { name: "elm/toolbar/separator/ivug-toolbar/default";
+	   images {
+	      image: "separator_v.png" COMP;
+	   }
+	   parts {
+	      part { name: "separator"; // separator group
+	         description { state: "default" 0.0;
+	            min: 2 2;
+	            max: 2 9999;
+	            rel1.offset: 4 4;
+	            rel2.offset: -5 -5;
+	            image {
+	               normal: "separator_v.png";
+	            }
+	            fill {
+	               smooth: 0;
+	            }
+	         }
+	      }
+	   }
+	}*/
+
+	group { name: "elm/toolbar/object/ivug-toolbar/default";
+	   parts {
+	      part { name: "elm.swallow.object"; // object group
+	         type: SWALLOW;
+	         description {
+	             state: "default" 0.0;
+	         }
+	      }
+	   }
+	}
+}
+