#define MAIN_W 720
#define BODY_PADDING_MIN_H 34
#define BODY_PADDING_MID_MIN_H 16
#define SUBJECT_MIN_H 50
#define SUBJECT_BG_H 12
#define AUDIO_PANEL_H 80
#define PAGE_INDEX_MIN_W 96
#define DETAIL_PADDING_V_MIN 20
#define DETAIL_PADDING_H_MIN 20

//colors
#define COLOR_SUBJECT_BG 216 226 232 255
#define COLOR_SUBJECT_INDEX 128 128 128 255 //winset guide font 'index list'
#define COLOR_DETAIL_INFO_TEXT 108 168 199 255
#define COLOR_PROGRESS_START_TEXT 255 255 255 255
#define COLOR_PROGRESS_END_TEXT 142 142 142 255

//play controllbar attributes
#define PLAY_CTRBAR_MIN_H 218
#define PLAY_CTRBAR_TOP_PADDING_MIN_H 51
#define PLAY_CTRBAR_PROGRESSBAR_PADDING_MIN_H 28
#define PLAY_CTRBAR_MIDDLE_PADDING_MIN_H 42
#define PLAY_CTRBAR_BOTTOM_PADDING_MIN_H 17

#define PLAY_CTRBAR_PROGRESS_BAR_W 486
#define PLAY_CTRBAR_PROGRESS_PADDING_W 20

#define PLAY_CTRBAR_VOL_BUTTON_W 104
#define PLAY_CTRBAR_VOL_BUTTON_PADDING_W 30

#define PLAY_CTRBAR_NAVI_BUTTON_W 122
#define PLAY_CTRBAR_NAVI_BUTTON_PADDING_W 22

#define PLAY_CTRBAR_BUTTON_VOLUME_START_X 20
#define PLAY_CTRBAR_BUTTON_PREV_START_X (PLAY_CTRBAR_BUTTON_VOLUME_START_X+PLAY_CTRBAR_VOL_BUTTON_W+PLAY_CTRBAR_VOL_BUTTON_PADDING_W)
#define PLAY_CTRBAR_BUTTON_PLAY_START_X (PLAY_CTRBAR_BUTTON_PREV_START_X+PLAY_CTRBAR_NAVI_BUTTON_W+PLAY_CTRBAR_NAVI_BUTTON_PADDING_W)
#define PLAY_CTRBAR_BUTTON_NEXT_START_X (PLAY_CTRBAR_BUTTON_PLAY_START_X+PLAY_CTRBAR_NAVI_BUTTON_W+PLAY_CTRBAR_NAVI_BUTTON_PADDING_W)

#define PLAY_VOLUMEBAR_H	112

//edc images
#define PLAYER_BG "M01_player_bg.png"
#define VOL_BTN "M01_controller_icon_volume.png"
#define VOL_BTN_PRESS "M01_controller_icon_volume_press.png"
#define PREV_BTN "M01_play_btn_previous.png"
#define PREV_BTN_PRESS "M01_play_btn_previous_press.png"
#define PREV_BTN_DIM "M01_Play_btn_previous_dim.png"
#define PLAY_BTN "M01_Play_btn__play.png"
#define PLAY_BTN_PRESS "M01_Play_btn__play_press.png"
#define PAUSE_BTN "M01_play_btn_pause.png"
#define PAUSE_BTN_PRESS "M01_play_btn_pause_press.png"
#define NEXT_BTN "M01_play_btn_next.png"
#define NEXT_BTN_PRESS "M01_play_btn_next_press.png"
#define NEXT_BTN_DIM "M01_Play_btn_next_dim.png"
#define PROGRESS_BAR "M01_player_progress_bar.png"
#define PROGRESS_BG "M01_player_progress_bg.png"

#define LOCK_ICON "M01_icon_locked.png"
#define SUBJECT_INDEX_BG "M01_subject_bg.png"

#define TITLE_LIST_BG "M01_popup_bubble_bg.png"
#define AUDIO_ICON "myfile_icon_music.png"

collections {
	group {
		name: "volume_controller";
		images {
			image: VOLUME_BAR_BG COMP;
		}
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 PLAY_VOLUMEBAR_H;
				}
			}
			part {
				name: "rect/bg";
				type: IMAGE;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1{to:"rect"; relative:0.0 0.0;}
					rel2{to:"rect"; relative:1.0 1.0;}
					image {
						normal: TITLE_LIST_BG;
						border: 11 11 11 11;
						border_scale: 1;
					}
				}
			}
			part {
				name: "slider";
				scale: 1;
				type: SWALLOW;
				description {
					state: "default" 0.0;
					rel1 {
						to: "rect";
						relative: 0.0 0.0;
					}
					rel2 {
						to: "rect";
						relative: 1.0 1.0;
					}
				}
			}
		}
	}

	group {
		name: "play_controller";
		images {
			image: PLAYER_BG COMP;
			image: VOL_BTN COMP;
			image: VOL_BTN_PRESS COMP;
			image: PREV_BTN COMP;
			image: PREV_BTN_PRESS COMP;
			image: PREV_BTN_DIM COMP;
			image: PLAY_BTN COMP;
			image: PLAY_BTN_PRESS COMP;
			image: PAUSE_BTN COMP;
			image: PAUSE_BTN_PRESS COMP;
			image: NEXT_BTN COMP;
			image: NEXT_BTN_PRESS COMP;
			image: NEXT_BTN_DIM COMP;
		}
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 PLAY_CTRBAR_MIN_H;
				}
			}
			part {
				name: "rect/bg";
				type: IMAGE;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					rel1{to:"rect"; relative:0.0 0.0;}
					rel2{to:"rect"; relative:1.0 1.0;}
					image { normal: PLAYER_BG; }
				}
			}
			part {
				name: "rect/padding/top";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: 0 PLAY_CTRBAR_TOP_PADDING_MIN_H;
					align: 0.0 0.0;
					fixed: 1 1;
					rel1{to:"rect"; relative:0.0 0.0;}
					rel2{to:"rect"; relative:1.0 0.0;}
				}
			}
			part {
				name: "rect/padding/progressbar";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: 0 PLAY_CTRBAR_PROGRESSBAR_PADDING_MIN_H;
					align: 0.0 0.0;
					fixed: 1 1;
					rel1{to:"rect/padding/top"; relative:0.0 1.0;}
					rel2{to:"rect/padding/top"; relative:1.0 1.0;}
				}
			}
			part {
				name: "progress/start/time";
				type: TEXT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 0 PLAY_CTRBAR_PROGRESSBAR_PADDING_MIN_H;
					align: 0.5 0.5;
					fixed: 1 1;
					rel1{to:"rect/padding/progressbar"; relative:0.0 0.0;}
					rel2{to:"progressbar"; relative:0.0 1.0;}
					color: COLOR_PROGRESS_START_TEXT;
					text {
						font: SLP_FONT_REGULAR;
						text_class: FONT_TEXT_CLASS_REGULAR;
						size: 28;
						align: 0.5 0.5;
						ellipsis: 0.0;
						text: "";
					}
				}
			}
			part {
				name: "progressbar";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 0 PLAY_CTRBAR_PROGRESSBAR_PADDING_MIN_H;
					align: 0.0 0.0;
					fixed: 1 1;
					rel1{to:"rect/padding/progressbar"; relative:((MAIN_W-PLAY_CTRBAR_PROGRESS_BAR_W)/2)/MAIN_W 0.0;}
					rel2{to:"rect/padding/progressbar"; relative:(((MAIN_W-PLAY_CTRBAR_PROGRESS_BAR_W)/2)+PLAY_CTRBAR_PROGRESS_BAR_W)/MAIN_W 0.0;}
				}
			}
			part {
				name: "progress/end/time";
				type: TEXT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 0 PLAY_CTRBAR_PROGRESSBAR_PADDING_MIN_H;
					align: 0.5 0.5;
					fixed: 1 1;
					rel1{to:"progressbar"; relative:1.0 0.0;}
					rel2{to:"rect/padding/progressbar"; relative:1.0 1.0;}
					color: COLOR_PROGRESS_END_TEXT;
					text {
						font: SLP_FONT_REGULAR;
						text_class: FONT_TEXT_CLASS_REGULAR;
						size: 28;
						align: 0.5 0.5;
						ellipsis: 0.0;
						text: "";
					}
				}
			}
			part {
				name: "rect/padding/middle";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: 0 PLAY_CTRBAR_MIDDLE_PADDING_MIN_H;
					align: 0.0 0.0;
					fixed: 1 1;
					rel1{to:"rect/padding/progressbar"; relative:0.0 1.0;}
					rel2{to:"rect/padding/progressbar"; relative:1.0 1.0;}
				}
			}
			part {
				name: "rect/padding/buttons";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					fixed: 1 1;
					rel1{to:"rect/padding/middle"; relative:0.0 1.0;}
					rel2{to:"rect/padding/bottom"; relative:1.0 0.0;}
				}
			}
			part {
				name: "rect/padding/bottom";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: 0 PLAY_CTRBAR_BOTTOM_PADDING_MIN_H;
					align: 0.0 1.0;
					fixed: 1 1;
					rel1{to:"rect"; relative:0.0 1.0;}
					rel2{to:"rect"; relative:1.0 1.0;}
				}
			}
			part {
				name: "volume";
				type : IMAGE;
				scale: 1;
				mouse_events: 1;
				description { state: "default" 0.0;
					visible: 1;
					min: 104 74;
					max: 104 74;
					fixed: 1 1;
					align: 0.5 0.5;
					rel1 { relative: PLAY_CTRBAR_BUTTON_VOLUME_START_X/MAIN_W 0.0; to, "rect/padding/buttons"; offset: 0 3;}
					rel2 { relative: PLAY_CTRBAR_BUTTON_VOLUME_START_X/MAIN_W 1.0; to, "rect/padding/buttons"; offset: PLAY_CTRBAR_VOL_BUTTON_W -3;}
					image { normal: VOL_BTN; }

				}
				description { state: "pressed" 0.0;
					inherit: "default" 0.0;
					image { normal: VOL_BTN_PRESS; }
				}
			}
			part {
				name: "rect/divide/line";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 1 70;
					align: 0.0 0.0;
					fixed: 1 1;
					rel1{to:"volume"; relative:1.0 0.0; offset: 10 2;}
					rel2{to:"volume"; relative:1.0 1.0; offset: 10 -2;}
					color: 144 144 144 255;
				}
			}
			part { name: "prev";
				type : IMAGE;
				scale: 1;
				mouse_events: 1;
				description { state: "default" 0.0;
					visible: 1;
					min: 122 80;
					max: 122 80;
					fixed: 1 1;
					rel1 { relative: PLAY_CTRBAR_BUTTON_PREV_START_X/MAIN_W 0.0; to, "rect/padding/buttons";}
					rel2 { relative: PLAY_CTRBAR_BUTTON_PREV_START_X/MAIN_W 1.0; to, "rect/padding/buttons"; offset: PLAY_CTRBAR_NAVI_BUTTON_W 0;}
					image { normal: PREV_BTN; }
				}
				description { state: "pressed" 0.0;
					inherit: "default" 0.0;
					image { normal: PREV_BTN_PRESS; }
				}
				description { state: "dimmed" 0.0;
					inherit: "default" 0.0;
					image { normal: PREV_BTN_DIM; }
				}
			}
			part { name: "next";
				type : IMAGE;
				scale: 1;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 122 80;
					max: 122 80;
					fixed: 1 1;
					align: 0.5 0.5;
					rel1 { relative: PLAY_CTRBAR_BUTTON_NEXT_START_X/MAIN_W 0.0; to, "rect/padding/buttons";}
					rel2 { relative: PLAY_CTRBAR_BUTTON_NEXT_START_X/MAIN_W 1.0; to, "rect/padding/buttons"; offset: PLAY_CTRBAR_NAVI_BUTTON_W 0;}
					image { normal: NEXT_BTN; }
				}
				description { state: "pressed" 0.0;
					inherit: "default" 0.0;
					image { normal: NEXT_BTN_PRESS; }
				}
				description { state: "dimmed" 0.0;
					inherit: "default" 0.0;
					image { normal: NEXT_BTN_DIM; }
				}
			}
			part { name: "play_pause";
				type : IMAGE;
				scale: 1;
				mouse_events: 1;
				description {
				state: "default" 0.0;
					visible: 1;
					min: 122 80;
					max: 122 80;
					fixed: 1 1;
					align: 0.5 0.5;
					rel1 { relative: PLAY_CTRBAR_BUTTON_PLAY_START_X/MAIN_W 0.0; to, "rect/padding/buttons";}
					rel2 { relative: PLAY_CTRBAR_BUTTON_PLAY_START_X/MAIN_W 1.0; to, "rect/padding/buttons"; offset: PLAY_CTRBAR_NAVI_BUTTON_W 0;}
					image { normal: PLAY_BTN; }
				}
				description { state: "default" 1.0;
					inherit: "default" 0.0;
					image { normal: PAUSE_BTN; }
				}
				description { state: "pressed" 0.0;
					inherit: "default" 0.0;
					image { normal: PLAY_BTN_PRESS; }
				}
				description { state: "pressed" 1.0;
					inherit: "default" 0.0;
					image { normal: PAUSE_BTN_PRESS; }
				}
			}
			programs {
				program {
					name: "vol_btn_click";
					source: "volume";
					signal: "mouse,clicked,1";
					script {
						emit ("volume_clicked", "");
					}
				}
				program {
					name: "vol_btn_down";
					source: "volume";
					signal: "mouse,down,1";
					script {
						set_state(PART:"volume", "pressed", 0.0);
					}
				}
				program {
					name: "vol_btn_up";
					source: "volume";
					signal: "mouse,up,1";
					script {
						set_state(PART:"volume", "default", 0.0);
					}
				}
				program {
					name: "prev_btn_click";
					source: "prev";
					signal: "mouse,clicked,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"prev", st, 30, vl)

						if (!strcmp(st, "default"))
							emit ("prev_clicked", "");
					}
				}
				program {
					name: "prev_btn_down";
					source: "prev";
					signal: "mouse,down,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"prev", st, 30, vl)

						if (!strcmp(st, "default"))
							set_state(PART:"prev", "pressed", 0.0);
					}
				}
				program {
					name: "prev_btn_up";
					source: "prev";
					signal: "mouse,up,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"prev", st, 30, vl)

						if (!strcmp(st, "pressed"))
							set_state(PART:"prev", "default", 0.0);
					}
				}
				program {
					name: "prev_btn_enable";
					source: "*";
					signal: "prev_enable";
					script {
						set_state(PART:"prev", "default", 0.0);
					}
				}
				program {
					name: "prev_btn_disable";
					source: "*";
					signal: "prev_disable";
					script {
						set_state(PART:"prev", "dimmed", 0.0);
					}
				}
				program {
					name: "play_btn_click";
					source: "play_pause";
					signal: "mouse,clicked,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"play_pause", st, 30, vl)
						if(vl == 0.0)
							emit ("play_clicked", "");
						else
							emit ("pause_clicked", "");
					}
				}
				program {
					name: "play_btn_down";
					source: "play_pause";
					signal: "mouse,down,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"play_pause", st, 30, vl)
						if(vl == 0.0)
							set_state(PART:"play_pause", "pressed", 0.0);
						else
							set_state(PART:"play_pause", "pressed", 1.0);
					}
				}
				program {
					name: "play_btn_up";
					source: "play_pause";
					signal: "mouse,up,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"play_pause", st, 30, vl)
						if(vl == 0.0)
							set_state(PART:"play_pause", "default", 0.0);
						else
							set_state(PART:"play_pause", "default", 1.0);
					}
				}
				program {
					name: "play_btn_play";
					source: "*";
					signal: "play";
					script {
						set_state(PART:"play_pause", "default", 0.0);
					}
				}
				program {
					name: "play_btn_pause";
					source: "*";
					signal: "pause";
					script {
						set_state(PART:"play_pause", "default", 1.0);
					}
				}
				program {
					name: "next_btn_click";
					source: "next";
					signal: "mouse,clicked,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"next", st, 30, vl)

						if (!strcmp(st, "default"))
							emit ("next_clicked", "");
					}
				}
				program {
					name: "next_btn_down";
					source: "next";
					signal: "mouse,down,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"next", st, 30, vl)

						if (!strcmp(st, "default"))
							set_state(PART:"next", "pressed", 0.0);
					}
				}
				program {
					name: "next_btn_up";
					source: "next";
					signal: "mouse,up,1";
					script {
						new st[31];
						new Float:vl;
						get_state(PART:"next", st, 30, vl)

						if (!strcmp(st, "pressed"))
							set_state(PART:"next", "default", 0.0);
					}
				}
				program {
					name: "next_btn_enable";
					source: "*";
					signal: "next_enable";
					script {
						set_state(PART:"next", "default", 0.0);
					}
				}
				program {
					name: "next_btn_disable";
					source: "*";
					signal: "next_disable";
					script {
						set_state(PART:"next", "dimmed", 0.0);
					}
				}
			}
		}
	}

	group {
		name: "elm/progressbar/horizontal/list_progress";
		images {
			image: PROGRESS_BAR COMP;
			image: PROGRESS_BG COMP;
		}
		parts {
			part {
				name: "elm.padding.left";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 0;
					fixed: 1 0;
					rel1 {
						relative: 0.0  0.0;
						offset: 0 0;
					}
					rel2 {
						relative: 0.0  1.0;
						offset: 0 0;
					}
					color: 0 0 0 0;
					align: 0.0 0.0;
				}
			}
			part {
				name: "elm.padding.right";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 0;
					fixed: 1 0;
					rel1 {
						relative: 1.0  0.0;
						offset: 0 0;
					}
					rel2 {
						relative: 1.0  1.0;
						offset:   0   0;
					}
					color: 0 0 0 0;
					align: 1.0 0.0;
				}
			}
			part {
				name: "elm.background.progressbar";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					rel1 {
						to_x: "elm.padding.left";
						relative: 1.0 0.0;
						offset: 0 0;
					}
					rel2 {
						to_x: "elm.padding.right";
						relative: 0.0 1.0;
						offset: 0 0;
					}
				}
			}
			part {
				name: "elm.swallow.bar";
				mouse_events: 0;
				scale: 1;
				type: SWALLOW;
				description {
					min: 1 7;
					max: 99999 7;
					state: "default" 0.0;
					rel1 {
						to: "elm.background.progressbar";
						relative: 0.0 0.0;
					}
					rel2 {
						to: "elm.background.progressbar";
						relative: 1.0 1.0;
					}
				}
			}
			part {
				name: "elm.swallow.content";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					align: 0.0 0.5;
					rel1 {
						offset: 0 0;
						to_y: "elm.background.progressbar";
					}
					rel2 {
						offset: 0 -1;
						relative: 0.0 1.0;
						to_y: "elm.background.progressbar";
					}
				}
				description {
					state: "visible" 0.0;
					inherit: "default" 0.0;
					visible: 1;
					aspect: 1.0 1.0;
					aspect_preference: VERTICAL;
					rel2.offset: 4 -1;
				}
			}
			part {
				name: "background";
				mouse_events: 0;
				scale: 1;
				clip_to: "elm.background.progressbar";
				description {
					state: "default" 0.0;
					rel1 {
						to: "elm.swallow.bar";
						relative: 0.0 0.0;
					}
					rel2 {
						to: "elm.swallow.bar";
						relative: 1.0 1.0;
					}
					image {
						normal: PROGRESS_BG;
					}
				}
			}
			part {
				name: "elm.progress.progressbar";
				mouse_events: 0;
				scale: 1;
				clip_to: "elm.background.progressbar";
				description {
					state: "default" 0.0;
					min: 0 0;
					fixed: 1 1;
					rel1 {
						to: "elm.swallow.bar";
						relative: 0.0 0.0;
					}
					rel2 {
						to_y: "elm.swallow.bar";
						to_x: "elm.cur.progressbar";
						offset: -1 -1;
					}
					image {
						normal: PROGRESS_BAR;
					}
				}
				description {
					state: "invert" 0.0;
					inherit: "default" 0.0;
					rel1 {
						to_y: "elm.swallow.bar";
						to_x: "elm.cur.progressbar";
					}
					rel2 {
						to: "elm.swallow.bar";
						relative: 1.0 1.0;
					}
				}
				description {
					state: "state_begin" 0.0;
					inherit: "default" 0.0;
					rel1 {
						to: "elm.swallow.bar";
						relative: 0.0 0.0;
					}
					rel2 {
						to: "elm.swallow.bar";
						relative: 0.1 1.0;
					}
				}
				description {
					state: "state_end" 0.0;
					inherit: "default" 0.0;
					rel1 {
						to: "elm.swallow.bar";
						relative: 0.9 0.0;
					}
					rel2 {
						to: "elm.swallow.bar";
						relative: 1.0 1.0;
					}
				}
			}
			part {
				name: "elm.cur.progressbar";
				mouse_events: 0;
				scale: 1;
				dragable {
					confine: "background";
					x: 1 1 1;
					y: 0 0 0;
				}
				description {
					state: "default" 0.0;
					min: 0 28;
					fixed: 1 1;
					visible: 0;
					rel1 {
						to: "background";
						relative: 0 0;
					}
					rel2.to: "background";
				}
			}
			part {
				name: "progress-rect";
				type: RECT;
				mouse_events: 0;
				scale: 1;
				description {
					state: "default" 0.0;
					rel1.to: "elm.progress.progressbar";
					rel2.to: "elm.progress.progressbar";
				}
			}
		}
	}

	group {
		name: "subject/pageindex";
		images {
			image: LOCK_ICON COMP;
			image: SUBJECT_INDEX_BG COMP;
		}
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 SUBJECT_MIN_H+SUBJECT_BG_H;
				}
			}
			part {
				name: "rect/bg";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					color: 0 0 0 0;
					rel1{to: "rect"; relative: 0.0 0.0;}
					rel2{to: "rect"; relative: 1.0 1.0;}
				}
			}
			part {
				name: "rect/bg/image";
				type: IMAGE;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 0 SUBJECT_BG_H;
					align: 0.5 1.0;
					rel1{to:"rect"; relative:0.0 1.0;}
					rel2{to:"rect"; relative:1.0 1.0;}
					image {
						normal: SUBJECT_INDEX_BG;
					}
				}
			}
			part {
				name: "subject/text";
				type: TEXT;
				scale: 1;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					rel1{to:"rect"; relative:0.0 0.0; offset: DETAIL_PADDING_H_MIN 0; }
					rel2{to:"rect"; relative:0.8 1.0;}
					align: 0.0 0.5;
					color: COLOR_SUBJECT_INDEX;
					text {
						font: "SLP:style=Bold";
						text_class: "slp_medium";
						size: 32;
						align: 0.0 0.5;
					}
				}
			}
			part {
				name: "page/text";
				type: TEXT;
				scale: 1;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					align: 1.0 0.5;
					min: PAGE_INDEX_MIN_W SUBJECT_MIN_H;
					rel1{to:"rect"; relative:1.0 0.0;}
					rel2{to:"rect"; relative:1.0 1.0;}
					color: COLOR_SUBJECT_INDEX;
					text {
						font: "SLP:style=Bold";
						text_class: "slp_medium";
						size: 32;
					}
				}
			}
			part {
				name: "lock/icon";
				type: IMAGE;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: SUBJECT_MIN_H SUBJECT_MIN_H;
					max: SUBJECT_MIN_H SUBJECT_MIN_H;
					fixed: 1 1;
					rel1{to:"page/text"; relative:0.0 0.0; offset: -SUBJECT_MIN_H 0;}
					rel2{to:"page/text"; relative:0.0 1.0;}
					align: 1.0 0.5;
					image { normal: LOCK_ICON; }
				}
				description {
					state: "default" 1.0;
					inherit: "default" 0.0;
					visible: 1;
				}
			}
			programs {
				program {
					name: "lock/icon/enabled";
					source: "*";
					signal: "lock/icon/show";
					script {
						set_state(PART:"lock/icon", "default", 1.0);
					}
				}
				program {
					name: "lock/icon/disabled";
					source: "*";
					signal: "lock/icon/hide";
					script {
						set_state(PART:"lock/icon", "default", 0.0);
					}
				}
			}
		}
	}

	group {
		name: "audio/panel";
		images {
			image: AUDIO_ICON COMP;
		}
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 AUDIO_PANEL_H;
				}
			}
			part {
				name: "audio.text.filename";
				type: TEXT;
				scale: 1;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					rel1{to:"rect"; relative:0.0 0.0; offset: 76 0; }
					rel2{to:"rect"; relative:0.8 1.0;}
					align: 0.0 0.5;
					color: COLOR_SUBJECT_INDEX;
					text {
						font: "SLP:style=Bold";
						text_class: "slp_medium";
						size: 36;
						align: 0.0 0.5;
					}
				}
			}
			part {
				name: "audio.image.icon";
				type: IMAGE;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 1;
					min: 64 64;
					max: 64 64;
					fixed: 1 1;
					rel1{to:"rect"; relative:0.0 0.0;}
					rel2{to:"rect"; relative:0.0 1.0;}
					align: 0.0 0.5;
					image { normal: AUDIO_ICON; }
				}
			}
		}
	}

	group {
		name: "viewer_body_outer_margin";
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					visible: 0;
					state: "default" 0.0;
					min: 0 BODY_PADDING_MIN_H;
				}
			}
		}
	}

	group {
		name: "viewer_body_inner_margin";
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					visible: 0;
					state: "default" 0.0;
					min: 0 BODY_PADDING_MID_MIN_H;
				}
			}
		}
	}

	group {
		name : "viewer_main";
		images {
			image: TITLE_LIST_BG COMP;
		}
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					color: 0 0 0 0;
				}
			}
			part {
				name: "viewer.body.bg";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					color: 0 0 0 0;
					rel1{to: "rect"; relative: 0.0 0.0;}
					rel2{to: "rect"; relative: 1.0 1.0;}
				}
			}
			part {
				name: "viewer.swallow.subject";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 SUBJECT_MIN_H;
					fixed: 0 1;
					align: 0.0 0.0;
					rel1 {to: "rect"; relative:0.0 0.0;}
					rel2 {to: "rect"; relative:1.0 0.0;}
				}
			}
			part {
				name: "viewer.body";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					fixed: 1 0;
					min: 0 0;
					color: 0 0 0 0;
					rel1 {to: "viewer.swallow.subject"; relative: 0.02 1.0;}
					rel2 {to: "viewer.swallow.audio.panel"; relative: 0.98 0.0;}
					align: 0.0 0.0;
				}
			}
			part {
				name: "viewer.body.content";
				type: SWALLOW;
				scale: 1;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					fixed: 1 0;
					min:0 0;
					color: 0 0 0 0;
					rel1 {to: "viewer.swallow.subject"; relative: 0.02 1.0;}
					rel2 {to: "viewer.swallow.audio.panel"; relative: 0.98 0.0;}
					align: 0.0 0.0;
				}
	        }
			part {
				name: "viewer.swallow.audio.panel";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					align: 0.0 1.0;
					rel1 {to: "rect"; relative:0.0 1.0;}
					rel2 {to: "rect"; relative:1.0 1.0;}
				}
			}
			part {
				name: "viewer.block.rect";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					color: 0 0 0 0;
					visible: 0;
					align: 0.0 0.0;
					rel1 {to: "rect"; relative: 0.0 0.0;}
					rel2 {to: "rect"; relative: 1.0 1.0;}
				}
				description {
					state: "show" 0.0;
					inherit: "default" 0.0;
					visible: 1;
				}
				description {
					state: "hide" 0.0;
					inherit: "default" 0.0;
					visible: 0;
				}
			}
			part {
				name: "viewer.swallow.play.controller";
				type: SWALLOW;
				scale: 1;
				mouse_events: 1;
				description {
					state: "default" 0.0;
					min: 0 PLAY_CTRBAR_MIN_H;
					visible: 1;
					fixed: 0 1;
					align: 0.5 1.0;
					rel1 {to: "rect"; relative:0.0 1.0;}
					rel2 {to: "rect"; relative:1.0 1.0;}
				}
			}
			part {
				name: "viewer.title.menu.bg";
				type: IMAGE;
				scale: 1;
				description {
					state: "default" 0.0;
					fixed: 0 0;
					align: 0.0 0.0;
					rel1 {to_x: "viewer.title.list.padding.left"; to_y: "viewer.swallow.title.menu"; relative: 1.0 0.0;}
					rel2 {to_x: "viewer.title.list.padding.right"; to_y: "viewer.swallow.title.menu"; relative: 0.0 1.0; offset: 0 6;}
					image {
						normal: TITLE_LIST_BG;
						border: 11 11 11 11;
						border_scale: 1;
					}
					color: 255 255 255 0;
				}
				description {
					state: "show" 0.0;
					inherit: "default" 0.0;
					color: 255 255 255 255;
				}
				description {
					state: "hide" 0.0;
					inherit: "default" 0.0;
				}
			}
			part {
				name: "viewer.title.list.padding.left";
				type: RECT;
				scale: 1;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					fixed: 1 0;
					min: 16 0;
					rel1 { relative: 0.0 0.0;}
					rel2 { relative: 0.0 1.0;}
					align: 0.0 0.0;
					visible: 0;
				}
			}
			part {
				name: "viewer.title.list.padding.right";
				type: RECT;
				scale: 1;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					fixed: 1 0;
					min: 9 0;
					rel1 { relative: 1.0 0.0;}
					rel2 { relative: 1.0 1.0;}
					align: 1.0 0.0;
					visible: 0;
				}
			}
			part {
				name: "viewer.title.list.padding.bottom";
				type: RECT;
				scale: 1;
				mouse_events: 0;
				description {
					state: "default" 0.0;
					fixed: 0 1;
					min: 0 7;
					max: 0 7;
					rel1 { to: "viewer.swallow.title.menu"; relative: 0.0 1.0;}
					rel2 { to: "viewer.swallow.title.menu"; relative: 1.0 1.0;}
					align: 0.0 0.0;
					visible: 1;
					color: 255 0 0 100;
				}
				description {
					state: "show" 0.0;
					inherit: "default" 0.0;
					visible: 1;
				}
				description {
					state: "hide" 0.0;
					inherit: "default" 0.0;
				}

			}
			part {
				name:"viewer.swallow.title.menu";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					fixed: 1 0;
					min: 0 1;
					rel1 {to: "rect"; relative: 0.0 0.0; offset: 16 0;}
					rel2 {to: "rect"; relative: 1.0 0.0; offset: -16 0;}
					align: 0.0 0.0;
				}
				description {
					state: "show" 0.0;
					inherit: "default" 0.0;
				}
				description {
					state: "hide" 0.0;
					inherit: "default" 0.0;
					min: 0 0;
					max: 0 0;
				}
			}
			part {
				name: "volume_layout";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					min: 0 PLAY_VOLUMEBAR_H;
					align: 0.5 1.0;
					rel1 { to: "viewer.swallow.play.controller"; relative: 0 0;}
					rel2 { to: "viewer.swallow.play.controller"; relative: 1 0;}
				}
			}
        	programs
			{
				program {
					name: "viewer.title.menu.open";
					signal: "elm,state,titlemenu,open";
					source: "";
					action: STATE_SET "show" 0.0;
					target: "viewer.swallow.title.menu";
					target: "viewer.title.menu.bg";
					transition: LINEAR 0.2;
				}
				program {
					name: "viewer.title.menu.close";
					signal: "elm,state,titlemenu,close";
					source: "";
					action: STATE_SET "hide" 0.0;
					target: "viewer.swallow.title.menu";
					target: "viewer.title.menu.bg";
					transition: LINEAR 0.2;
				}
				program {
					name: "viewer.block.rect.open";
					signal: "elm,state,blockrect,open";
					source: "";
					action: STATE_SET "show" 0.0;
					target: "viewer.block.rect";
				}
				program {
					name: "viewer.block.rect.close";
					signal: "elm,state,blockrect,close";
					source: "";
					action: STATE_SET "hide" 0.0;
					target: "viewer.block.rect";
				}
				program {
					name: "viewer.block.rect.click";
					signal: "mouse,clicked,1";
					source: "viewer.block.rect";
					action: SIGNAL_EMIT "action,clicked" "";
				}
			}
		}
	}

	group {
		name : "msg/detail";
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					color: 0 0 0 0;
				}
			}
			part {
				name: "msg/detail/bg";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					color: 0 0 0 0;
					rel1{to: "rect"; relative: 0.0 0.0;}
					rel2{to: "rect"; relative: 1.0 1.0;}
				}
			}
			part {
				name: "rect/padding/top";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: 0 DETAIL_PADDING_V_MIN;
					align: 0.0 0.0;
					fixed: 1 1;
					rel1{to:"rect"; relative:0.0 0.0;}
					rel2{to:"rect"; relative:1.0 0.0;}
				}
			}
			part {
				name: "rect/padding/left";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: DETAIL_PADDING_H_MIN 0;
					align: 0.0 0.0;
					fixed: 1 1;
					rel1{to:"rect"; relative:0.0 0.0;}
					rel2{to:"rect"; relative:0.0 1.0;}
				}
			}
			part {
				name: "rect/padding/right";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: DETAIL_PADDING_H_MIN 0;
					align: 1.0 0.0;
					fixed: 1 1;
					rel1{to:"rect"; relative:1.0 0.0;}
					rel2{to:"rect"; relative:1.0 1.0;}
				}
			}
			part {
				name: "rect/padding/bottom";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					min: 0 DETAIL_PADDING_V_MIN;
					align: 0.0 1.0;
					fixed: 1 1;
					rel1{to:"rect"; relative:0.0 1.0;}
					rel2{to:"rect"; relative:1.0 1.0;}
				}
			}
			part {
				name: "msg/detail/content";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					fixed: 0 0;
					min: 0 0;
					color: 0 0 0 0;
					rel1 {relative: 1.0 1.0; to_x: "rect/padding/left"; to_y: "rect/padding/top";}
					rel2 {relative: 0.0 0.0; to_x: "rect/padding/right"; to_y: "rect/padding/bottom";}
					align: 0.0 0.0;
				}
			}
		}
	}

	group {
		name : "title";
		parts {
			part {
				name: "rect";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					color: 0 0 0 0;
				}
			}
			part {
				name: "title_top_padding";
				type: RECT;
				scale: 1;
				description	{
					state: "default" 0.0;
					visible: 0;
					fixed: 0 1;
					min: 0 10;
					align: 0.5 0;
					rel1{to: "rect"; relative: 0.0 0.0;}
					rel2{to: "rect"; relative: 1.0 0.0;}
				}
			}
			part {
				name: "title_bottom_padding";
				type: RECT;
				scale: 1;
				description	{
					state: "default" 0.0;
					visible: 0;
					fixed: 0 1;
					min: 0 16;
					align: 0 1.0;
					rel1{to: "rect"; relative: 0.0 1.0;}
					rel2{to: "rect"; relative: 1.0 1.0;}
				}
			}
			part {
				name: "title_left_padding";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					fixed: 1 0;
					min: 16 0;
					align: 1.0 0.5;
					rel1{to: "title_btn"; relative: 0.0 0.0;}
					rel2{to: "title_btn"; relative: 0.0 1.0;}
				}
			}
			part {
				name: "title_btn";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					fixed: 0 0;
					min: 0 72;
					align: 0 0.5;
					rel1{to_x: "title_left_padding"; to_y: "title_top_padding"; relative: 1.0 1.0;}
					rel2{to_x: "title_attach_left_padding"; to_y: "title_bottom_padding"; relative: 0.0 0.0;}
				}
			}
			part {
				name: "title_attach_left_padding";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					fixed: 1 0;
					min: 16 0;
					align: 1.0 0.5;
					rel1{to_x: "attach_btn"; to_y: "rect"; relative: 0.0 0.0;}
					rel2{to_x: "attach_btn"; to_y: "rect"; relative: 0.0 1.0;}
				}
			}
			part {
				name: "attach_btn";
				type: SWALLOW;
				scale: 1;
				description {
					state: "default" 0.0;
					fixed: 0 0;
					min: 0 72;
					align: 1 0.5;
					rel1{to_x: "title_right_padding"; to_y: "title_top_padding"; relative: 0.0 1.0;}
					rel2{to_x: "title_right_padding"; to_y: "title_bottom_padding"; relative: 0.0 0.0;}
				}
			}
			part {
				name: "title_right_padding";
				type: RECT;
				scale: 1;
				description {
					state: "default" 0.0;
					visible: 0;
					fixed: 1 0;
					min: 16 0;
					align: 1.0 0.5;
					rel1{to: "rect"; relative: 1.0 0.0;}
					rel2{to: "rect"; relative: 1.0 1.0;}
				}
			}
		}
	}
}