/*
 * efl-theme-tizen
 * Copyright (c) 2012-2013 Samsung Electronics Co., Ltd.
 *
 * Licensed under the Apache License, Version 2.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.apache.org/licenses/LICENSE-2.0
 *
 * 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.
 */



        /********************/
        /* elm_actionslider */
        /********************/
	#define ACTIONSLIDER_BG_H               	96
	#define ACTIONSLIDER_BG_LEFT_W          	6
	#define ACTIONSLIDER_BG_RIGHT_W         	6

	// button type
	#define ACTIONSLIDER_BUTTON_W			64
	#define ACTIONSLIDER_BUTTON_H			88
	#define ACTIONSLIDER_BUTTON_TOP_PADDING_H	4
	#define ACTIONSLIDER_BUTTON_BOTTOM_PADDING_H	4
	#define ACTIONSLIDER_BUTTON_TEXT_PADDING_LEFT	12
	#define ACTIONSLIDER_BUTTON_TEXT_PADDING_RIGHT	12

	// bar type
	#define ACTIONSLIDER_BAR_W			32
	#define ACTIONSLIDER_BAR_H			86
	#define ACTIONSLIDER_BAR_TOP_PADDING_H		5
	#define ACTIONSLIDER_BAR_BOTTOM_PADDING_H	5
	#define ACTIONSLIDER_BAR_TEXT_PADDING_LEFT	10
	#define ACTIONSLIDER_BAR_TEXT_PADDING_RIGHT	10

	// elm_actionslider default(button) style
	group {
		name: "elm/actionslider/base/default";
		alias: "elm/actionslider/base/button";

		images {
			image: "01_action_slider_bg_left.png" COMP;
			image: "01_action_slider_bg_center.png" COMP;
			image: "01_action_slider_bg_right.png" COMP;
		}

		parts {
			part {
				name: "bg";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BG_H;
					fixed: 0 1;
					align: 0.5 0;
					rel1 { relative: 0.0 0.0; }
					rel2 { relative: 1.0 0.0; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "image.bg.left";
				type: IMAGE;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BG_LEFT_W 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 0.0 1.0; to: "bg"; }
					image.normal: "01_action_slider_bg_left.png";
				}
			}
			part {
				name: "image.bg.right";
				type: IMAGE;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BG_RIGHT_W 0;
					fixed: 1 0;
					align: 1.0 0.5;
					rel1 { relative: 1.0 0.0;  to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					image.normal: "01_action_slider_bg_right.png";
				}
			}
			part {
				name: "image.bg.center";
				type: IMAGE;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					rel1 { relative: 1.0 0.0; to: "image.bg.left"; }
					rel2 { relative: 0.0 1.0; to: "image.bg.right"; }
					image.normal: "01_action_slider_bg_center.png";
				}
			}
			part {
				name: "padding.top";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BUTTON_TOP_PADDING_H;
					fixed: 0 1;
					align: 0.5 0.0;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 1.0 0.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "padding.bottom";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BUTTON_BOTTOM_PADDING_H;
					fixed: 0 1;
					align: 0.5 1.0;
					rel1 { relative: 0.0 1.0; to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "icon.dragable.area";
				type: RECT;
				mouse_events: 1;
				description { 
					state: "default" 0.0;
					rel1 { relative: 0.0 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
					rel2 { relative: 1.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "text.padding.left";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BUTTON_TEXT_PADDING_LEFT 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
					rel2 { relative: 0.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "text.padding.right";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BUTTON_TEXT_PADDING_RIGHT 0;
					fixed: 1 0;
					align: 1 0.5;
					rel1 { relative: 1.0 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
					rel2 { relative: 1.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "elm.text.left";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }	
					rel2 { relative: 0.5 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
					color: 0 162 255 255;
					text {
						font: "Tizen:style=Roman";
						size: 32;
						align: 0 0.5;
						text_class: "tizen";
					}
				}
			}
			part {
				name: "elm.text.right";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 0.5 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }	
					rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
					color: 230 0 0 255;
					text {
						font: "Tizen:style=Roman";
						size: 32;
						align: 1 0.5;
						text_class: "tizen";
					}
				}
			}
			part {
				name: "elm.text.center";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				effect: SHADOW;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }
					rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
					color: 230 0 0 255;
					color2: 0 0 0 255;
					text {
						font: "Tizen:style=Roman";
						size: 42;
						align: 0.5 0.5;
						text_class: "tizen";
					}
				}
				description {
					state: "show" 0.0;
					inherit: "default" 0.0;
					visible: 1;
				}
				description {
					state: "hide" 0.0;
					inherit: "default" 0.0;
					visible: 0;
				}	
			}
			part {
				name: "elm.swallow.icon";
				type: SWALLOW;
				mouse_events: 1;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BUTTON_W ACTIONSLIDER_BUTTON_H;
					fixed: 1 1;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "icon.dragable.area"; }
					rel2 { relative: 0.0 1.0; to: "icon.dragable.area"; }
				}
				dragable {
					confine: "icon.dragable.area";
					x: 1 1 1530;
					y: 0 0 0;
				}
			}
		} // end of parts
		programs {
		} // end of programs
	} // end of group "elm/actionslider/base/default" and "elm/actionslider/base/button"

	group {
		name: "elm/actionslider/icon/default";
		alias: "elm/actionslider/icon/button";

		images {
			image: "01_action_slider_button.png" COMP;
		}
		parts {
			part {
				name: "image.button";
				type: IMAGE;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					rel1 { relative: 0.0 0.0; } 
					rel2 { relative: 1.0 1.0; }
					image.normal: "01_action_slider_button.png";
				}
			}
		} // end of parts
	} // end of group "elm/actionslider/icon/default"

	// elm_actionslider bar_green style
	group {
		name: "elm/actionslider/base/bar_green";

		images {
			image: "01_action_slider_bg_left.png" COMP;
			image: "01_action_slider_bg_center.png" COMP;
			image: "01_action_slider_bg_right.png" COMP;
			image: "01_action_slider_bar_green_left.png" COMP;
			image: "01_action_slider_bar_green_center.png" COMP;
		}

		parts {
			part {
				name: "bg";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BG_H;
					fixed: 0 1;
					align: 0.5 0;
					rel1 { relative: 0.0 0.0; }
					rel2 { relative: 1.0 0.0; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "image.bg.left";
				type: IMAGE;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BG_LEFT_W 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 0.0 1.0; to: "bg"; }
					image.normal: "01_action_slider_bg_left.png";
				}
			}
			part {
				name: "image.bg.right";
				type: IMAGE;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BG_RIGHT_W 0;
					fixed: 1 0;
					align: 1.0 0.5;
					rel1 { relative: 1.0 0.0;  to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					image.normal: "01_action_slider_bg_right.png";
				}
			}
			part {
				name: "image.bg.center";
				type: IMAGE;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					rel1 { relative: 1.0 0.0; to: "image.bg.left"; }
					rel2 { relative: 0.0 1.0; to: "image.bg.right"; }
					image.normal: "01_action_slider_bg_center.png";
				}
			}
			part {
				name: "padding.top";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BAR_TOP_PADDING_H;
					fixed: 0 1;
					align: 0.5 0.0;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 1.0 0.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "padding.bottom";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BAR_BOTTOM_PADDING_H;
					fixed: 0 1;
					align: 0.5 1.0;
					rel1 { relative: 0.0 1.0; to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "text.padding.left";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BAR_TEXT_PADDING_LEFT 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "image.bg.center"; }
					rel2 { relative: 0.0 1.0; to: "image.bg.center"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "text.padding.right";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BAR_TEXT_PADDING_RIGHT 0;
					fixed: 1 0;
					align: 1 0.5;
					rel1 { relative: 1.0 0.0; to: "image.bg.center"; }
					rel2 { relative: 1.0 1.0; to: "image.bg.center"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "elm.text.right";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 0.5 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }	
					rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
					color: 255 255 255 255;
					text {
						font: "Tizen:style=Roman";
						size: 42;
						align: 1 0.5;
						text_class: "tizen";
					}
				}
			}
			part {
				name: "bar.padding.left";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 3 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 0.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "image.bar.left";
				type: IMAGE;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 6 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 1.0 1.0; to_x: "bar.padding.left"; to_y: "padding.top"; }
					rel2 { relative: 1.0 0.0; to_x: "bar.padding.left"; to_y: "padding.bottom"; }
					image.normal: "01_action_slider_bar_green_left.png";
				}
			}
			part {
				name: "bar.padding.center";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: 11 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 1.0 1.0; to_x: "image.bar.left"; to_y: "padding.top"; }
					rel2 { relative: 1.0 0.0; to_x: "image.bar.left"; to_y: "padding.bottom"; }
				}
			}
			part {
				name: "image.bar.center";
				type: IMAGE;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 0.0 1.0; to_x: "bar.padding.center"; to_y: "padding.top"; }
					rel2 { relative: 0.0 0.0; to_x: "elm.swallow.icon"; to_y: "padding.bottom"; }
					image.normal: "01_action_slider_bar_green_center.png";
				}
			}
			part {
				name: "icon.dragable.area";
				type: RECT;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					rel1 { relative: 1.0 1.0; to_x: "bar.padding.center"; to_y: "padding.top"; }
					rel2 { relative: 1.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "elm.swallow.icon";
				type: SWALLOW;
				mouse_events: 1;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BAR_W ACTIONSLIDER_BAR_H;
					fixed: 1 1;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "icon.dragable.area"; }
					rel2 { relative: 1.0 1.0; to: "icon.dragable.area"; }
				}
				dragable {
					confine: "icon.dragable.area";
					x: 1 1 1530;
					y: 0 0 0;
				}
			}
			part {
				name: "elm.text.center";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				effect: SHADOW;
				description {
					state: "default" 0.0;
					visible: 0;
					rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }
					rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
					color: 255 255 255 255;
					color2: 0 0 0 255;
					text {
						font: "Tizen:style=Roman";
						size: 42;
						align: 0.5 0.5;
						text_class: "tizen";
					}
				}
				description {
					state: "show" 0.0;
					inherit: "default" 0.0;
					visible: 1;
				}
				description {
					state: "hide" 0.0;
					inherit: "default" 0.0;
					visible: 0;
				}	
			}
		} // end of parts
		programs {
			program {
				name: "show_text_center";
				signal: "elm,show,text,center";
				source: "elm";
				action: STATE_SET "show" 0.0;
				target: "elm.text.center";
			}
			program {
				name: "hide_text_center";
				signal: "elm,hide,text,center";
				source: "elm";
				action: STATE_SET "hide" 0.0;
				target: "elm.text.center";
			}
		} // end of programs
	} // end of group "elm/actionslider/base/bar_green"

	group {
		name: "elm/actionslider/icon/bar_green";

		images {
			image: "01_action_slider_bar_green_right.png" COMP;
		}
		parts {
			part {
				name: "image.button";
				type: IMAGE;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					rel1 { relative: 0.0 0.0; } 
					rel2 { relative: 1.0 1.0; }
					image.normal: "01_action_slider_bar_green_right.png";
				}
			}
		} // end of parts
	} // end of group "elm/actionslider/icon/bar_green"

	// elm_actionslider bar_red style
	group {
		name: "elm/actionslider/base/bar_red";

		images {
			image: "01_action_slider_bg_left.png" COMP;
			image: "01_action_slider_bg_center.png" COMP;
			image: "01_action_slider_bg_right.png" COMP;
			image: "01_action_slider_bar_red_left.png" COMP;
			image: "01_action_slider_bar_red_center.png" COMP;
		}

		parts {
			part {
				name: "bg";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BG_H;
					fixed: 0 1;
					align: 0.5 0;
					rel1 { relative: 0.0 0.0; }
					rel2 { relative: 1.0 0.0; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "image.bg.left";
				type: IMAGE;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BG_LEFT_W 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 0.0 1.0; to: "bg"; }
					image.normal: "01_action_slider_bg_left.png";
				}
			}
			part {
				name: "image.bg.right";
				type: IMAGE;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BG_RIGHT_W 0;
					fixed: 1 0;
					align: 1.0 0.5;
					rel1 { relative: 1.0 0.0;  to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					image.normal: "01_action_slider_bg_right.png";
				}
			}
			part {
				name: "image.bg.center";
				type: IMAGE;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					rel1 { relative: 1.0 0.0; to: "image.bg.left"; }
					rel2 { relative: 0.0 1.0; to: "image.bg.right"; }
					image.normal: "01_action_slider_bg_center.png";
				}
			}
			part {
				name: "padding.top";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BAR_TOP_PADDING_H;
					fixed: 0 1;
					align: 0.5 0.0;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 1.0 0.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "padding.bottom";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 ACTIONSLIDER_BAR_BOTTOM_PADDING_H;
					fixed: 0 1;
					align: 0.5 1.0;
					rel1 { relative: 0.0 1.0; to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "text.padding.left";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BAR_TEXT_PADDING_LEFT 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "image.bg.center"; }
					rel2 { relative: 0.0 1.0; to: "image.bg.center"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "text.padding.right";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BAR_TEXT_PADDING_RIGHT 0;
					fixed: 1 0;
					align: 1 0.5;
					rel1 { relative: 1.0 0.0; to: "image.bg.center"; }
					rel2 { relative: 1.0 1.0; to: "image.bg.center"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "elm.text.right";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 0.5 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }	
					rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
					color: 255 255 255 255;
					text {
						font: "Tizen:style=Roman";
						size: 42;
						align: 1 0.5;
						text_class: "tizen";
					}
				}
			}
			part {
				name: "bar.padding.left";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 3 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 0.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "image.bar.left";
				type: IMAGE;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 6 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 1.0 1.0; to_x: "bar.padding.left"; to_y: "padding.top"; }
					rel2 { relative: 1.0 0.0; to_x: "bar.padding.left"; to_y: "padding.bottom"; }
					image.normal: "01_action_slider_bar_red_left.png";
				}
			}
			part {
				name: "bar.padding.center";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: 11 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 1.0 1.0; to_x: "image.bar.left"; to_y: "padding.top"; }
					rel2 { relative: 1.0 0.0; to_x: "image.bar.left"; to_y: "padding.bottom"; }
				}
			}
			part {
				name: "image.bar.center";
				type: IMAGE;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 0.0 1.0; to_x: "bar.padding.center"; to_y: "padding.top"; }
					rel2 { relative: 0.0 0.0; to_x: "elm.swallow.icon"; to_y: "padding.bottom"; }
					image.normal: "01_action_slider_bar_red_center.png";
				}
			}
			part {
				name: "icon.dragable.area";
				type: RECT;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					rel1 { relative: 1.0 1.0; to_x: "bar.padding.center"; to_y: "padding.top"; }
					rel2 { relative: 1.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "elm.swallow.icon";
				type: SWALLOW;
				mouse_events: 1;
				scale: 1;
				description {
					state: "default" 0.0;
					min: ACTIONSLIDER_BAR_W ACTIONSLIDER_BAR_H;
					fixed: 1 1;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "icon.dragable.area"; }
					rel2 { relative: 1.0 1.0; to: "icon.dragable.area"; }
				}
				dragable {
					confine: "icon.dragable.area";
					x: 1 1 1530;
					y: 0 0 0;
				}
			}
			part {
				name: "elm.text.center";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				effect: SHADOW;
				description {
					state: "default" 0.0;
					visible: 0;
					rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }
					rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
					color: 255 255 255 255;
					color2: 0 0 0 255;
					text {
						font: "Tizen:style=Roman";
						size: 42;
						align: 0.5 0.5;
						text_class: "tizen";
					}
				}
				description {
					state: "show" 0.0;
					inherit: "default" 0.0;
					visible: 1;
				}
				description {
					state: "hide" 0.0;
					inherit: "default" 0.0;
					visible: 0;
				}	
			}
		} // end of parts
		programs {
			program {
				name: "show_text_center";
				signal: "elm,show,text,center";
				source: "elm";
				action: STATE_SET "show" 0.0;
				target: "elm.text.center";
			}
			program {
				name: "hide_text_center";
				signal: "elm,hide,text,center";
				source: "elm";
				action: STATE_SET "hide" 0.0;
				target: "elm.text.center";
			}
		} // end of programs
	} // end of group "elm/actionslider/base/bar_red"

	group {
		name: "elm/actionslider/icon/bar_red";

		images {
			image: "01_action_slider_bar_red_right.png" COMP;
		}
		parts {
			part {
				name: "image.button";
				type: IMAGE;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					rel1 { relative: 0.0 0.0; } 
					rel2 { relative: 1.0 1.0; }
					image.normal: "01_action_slider_bar_red_right.png";
				}
			}
		} // end of parts
	} // end of group "elm/actionslider/icon/bar_red"


	// elm_actionslider callslider style
	group {
		name: "elm/actionslider/base/callslider";

		images {
			image: "08_voicecall_multi_tasking_bg.png" COMP;
			image: "08_voicecall_multi_tasking_arrow_left.png" COMP;
			image: "08_voicecall_multi_tasking_arrow_right.png" COMP;
		}

		parts {
			part {
				name: "bg";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 480 42;
					fixed: 1 0;
					align: 0 0;
					rel1 { relative: 0.0 0.0; }
					rel2 { relative: 1.0 1.0; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "image.bg";
				type: IMAGE;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					rel1 { relative: 0.0 0.0; to:"bg";}
					rel2 { relative: 1.0 1.0; to:"bg";}
					image.normal: "08_voicecall_multi_tasking_bg.png";
				}
			}
			part {
				name: "padding.top";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 3;
					fixed: 0 1;
					align: 0.5 0.0;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 1.0 0.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "padding.bottom";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 3;
					fixed: 0 1;
					align: 0.5 1.0;
					rel1 { relative: 0.0 1.0; to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "text.padding.left";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 5 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 0.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "text.padding.right";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 5 0;
					fixed: 1 0;
					align: 1 0.5;
					rel1 { relative: 1.0 0.0; to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "elm.text.left";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }	
					rel2 { relative: 0.5 0.0; to_x: "bg"; to_y: "padding.bottom"; }
					color: 230 228 229 255;
					text {
						font: "Tizen:style=Roman";
						size: 22;
						align: 0 0.5;
						text_class: "tizen";
					}
				}
			}
			part {
				name: "elm.text.right";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 0.5 1.0; to_x: "bg"; to_y: "padding.top"; }	
					rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
					color: 230 228 229 255;
					text {
						font: "Tizen:style=Roman";
						size: 22;
						align: 1 0.5;
						text_class: "tizen";
					}
				}
			}
			part {
				name: "drag.padding.left";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 0;
					fixed: 1 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "bg"; }
					rel2 { relative: 0.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "drag.padding.right";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 0;
					fixed: 1 0;
					align: 1 0.5;
					rel1 { relative: 1.0 0.0; to: "bg"; }
					rel2 { relative: 1.0 1.0; to: "bg"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "icon.dragable.area";
				type: RECT;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					rel1 { relative: 1.0 1.0; to_x: "drag.padding.left"; to_y: "padding.top"; }
					rel2 { relative: 0.0 0.0; to_x: "drag.padding.right"; to_y: "padding.bottom"; }
					color: 0 0 0 0;
				}
			}
			part {
				name: "elm.swallow.space";
				type: SWALLOW;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 40 36;
					fixed: 1 0;
					align: 0.5 0.5;
					rel1 { relative: 0.5 0.0; to: "icon.dragable.area"; }
					rel2 { relative: 0.5 1.0; to: "icon.dragable.area"; }
					color: 0 0 0 0;
					visible: 0;
				}
			}
			part {
				name: "image.button.left";
				type: IMAGE;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					min: 16 15;
					fixed: 1 1;
					align: 1 0.5;
					rel1 { relative: 0.0 0.5; to:"elm.swallow.space";} 
					rel2 { relative: 0.0 0.5; to:"elm.swallow.space";}
					//rel1 { relative: 0.0 0.5; to:"elm.swallow.icon";} 
					//rel2 { relative: 0.0 0.5; to:"elm.swallow.icon";}
					image.normal: "08_voicecall_multi_tasking_arrow_left.png";
				}
			}
			part {
				name: "image.button.right";
				type: IMAGE;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					min: 16 15;
					fixed: 1 1;
					align: 0 0.5;
					rel1 { relative: 1.0 0.5; to:"elm.swallow.space";} 
					rel2 { relative: 1.0 0.5; to:"elm.swallow.space";}
					//rel1 { relative: 1.0 0.5; to:"elm.swallow.icon";} 
					//rel2 { relative: 1.0 0.5; to:"elm.swallow.icon";}
					image.normal: "08_voicecall_multi_tasking_arrow_right.png";
				}
			}
			part {
				name: "elm.swallow.icon";
				type: SWALLOW;
				mouse_events: 1;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 40 36;
					fixed: 0 0;
					align: 0 0.5;
					rel1 { relative: 0.0 0.0; to: "icon.dragable.area"; }
					rel2 { relative: 1.0 1.0; to: "icon.dragable.area"; }
					color: 0 0 0 0;
				}
				dragable {
					confine: "icon.dragable.area";
					x: 1 1 1530;
					y: 0 0 0;
				}
			}
		} // end of parts
	} // end of group "elm/actionslider/base/callslider"

	group {
		name: "elm/actionslider/icon/callslider";

		data {
			/* Set padding value */
			item: "left" "19";
			item: "right" "19";
		}

		images {
			image: "08_voicecall_multi_tasking_button.png" COMP;
		}
		parts {
			part {
				name: "image.button";
				type: IMAGE;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					min: 0 0;
					fixed: 0 0;
					align: 0.5 0.5;
					rel1 { relative: 0.0 0.0; } 
					rel2 { relative: 1.0 1.0; }
					image.normal: "08_voicecall_multi_tasking_button.png";
					//image.border: 19 19 0 0;
					image.border: 19 19 18 18;
					image.border_scale: 1;
				}
			}
			part {
				name: "elm.text.button";
				type: TEXT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1 { relative: 0.0 0.0; to: "image.button"; }	
					rel2 { relative: 1.0 1.0; to: "image.button"; }
					color: 53 45 39 255;
					text {
						font: "Tizen:style=Roman";
						size: 22;
						align: 0.5 0.5;
						text: "";
						text_class: "tizen";
					}
				}
			}
		} // end of parts
	} // end of group "elm/actionslider/icon/callslider"