/*
 * Copyright (c) 2015 Samsung Electronics Co., Ltd All Rights Reserved
 *
 * 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.
 */

group {
	name: GRP_VIEWER_VIEW;
	images {
		image: IMAGE_VIEWER_FAVORITE COMP;
	}
	parts {
		part {
			name: "bg";
			type: RECT;
			scale: 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 255;
			}
		}
		part {
			name: PART_VIEWER_CONTENT;
			type: SWALLOW;
			scale: 1;
			description {
				state: "default" 0.0;
				rel1.to: "bg";
				rel2.to: "bg";
			}
		}

		/* TOP */
		part {
			name: "toparea";
			type: RECT;
			scale: 1;
			description {
				state: "default" 0.0;
				min: 0 104;
				rel2 {
					relative: 1.0 0.0;
				}
				align: 0.5 0.0;
				fixed: 0 1;
			}
			description {
				state: "hide" 0.0;
				inherit: "default" 0.0;
				align: 0.5 1.0;
				visible: 0;
			}
		}
		part {
			name: "toparea_bg";
			type: RECT;
			scale: 1;
			clip_to: "toparea";
			description {
				state: "default" 0.0;
				color: 255 255 255 255;
				rel1.to: "toparea";
				rel2.to: "toparea";
			}
		}
		part {
			name: "padding_title";
			type: SPACER;
			scale: 1;
			description {
				state: "default" 0.0;
				min: 35 0;
				rel1 {
					to: "toparea";
				}
				rel2 {
					to: "toparea";
					relative: 0.0 1.0;
				}
				fixed: 1 0;
				align: 0.0 0.5;
			}
		}
		part {
			name: PART_VIEWER_TITLE;
			type: TEXT;
			clip_to: "toparea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 1600 0;
				rel1 {
					to: "padding_title";
					relative: 1.0 0.0;
				}
				rel2 {
					to: "padding_title";
				}
				text {
					font: FONT_LIGHT;
					size: 42;
					align: 0.0 0.5;
				}
				color: COLOR_TEXT_TITLE;
				fixed: 1 0;
				align: 0.0 0.5;
			}
		}
		part {
			name: PART_VIEWER_DATE;
			type: TEXT;
			clip_to: "toparea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 470 0;
				rel1 {
					to: "padding_title";
					relative: 1.0 0.0;
				}
				rel2 {
					to: "padding_title";
				}
				text {
					font: FONT_REGULAR;
					size: 46;
					align: 0.0 0.5;
				}
				color: COLOR_TEXT_TITLE;
				fixed: 1 0;
				align: 0.0 0.5;
			}
		}
		part {
			name: PART_VIEWER_PAGE;
			type: TEXT;
			clip_to: "toparea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 470 0;
				rel1 {
					to: "toparea";
					relative: 0.5 0.5;
				}
				rel2 {
					to: "toparea";
					relative: 0.5 0.5;
				}
				text {
					font: FONT_REGULAR;
					size: 46;
					align: 0.5 0.5;
				}
				color: COLOR_TEXT_TITLE;
				fixed: 1 0;
				align: 0.5 0.5;
			}
		}
		part {
			name: "padding_right";
			type: SPACER;
			scale: 1;
			description {
				state: "default" 0.0;
				min: 30 0;
				rel1 {
					to: "toparea";
					relative: 1.0 0.0;
				}
				rel2 {
					to: "toparea";
					relative: 1.0 1.0;
				}
				fixed: 1 0;
				align: 1.0 0.5;
			}
		}
		part {
			name: "favorite_icon";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 42 42;
				rel1 {
					to: "padding_right";
					relative: 0.0 0.5;
				}
				rel2 {
					to: "padding_right";
					relative: 0.0 0.5;
				}
				/* It will be modified to SWALLOW area */
				image {
					normal: IMAGE_VIEWER_FAVORITE;
				}
				fixed: 1 1;
				align: 1.0 0.5;
			}
		}

		/* BOTTOM */
		part {
			name: "bottomarea";
			type: RECT;
			scale: 1;
			description {
				state: "default" 0.0;
				min: 0 143;
				rel1 {
					relative: 0.0 1.0;
				}
				align: 0.5 1.0;
				fixed: 0 1;
			}
			description {
				state: "hide" 0.0;
				inherit: "default" 0.0;
				align: 0.5 0.0;
				visible: 0;
			}
		}
		part {
			name: "bottomarea_bg";
			type: RECT;
			scale: 1;
			clip_to: "bottomarea";
			description {
				state: "default" 0.0;
				color: 255 255 255 255;
				rel1.to: "bottomarea";
				rel2.to: "bottomarea";
			}
		}
		part {
			name: "controls_bg";
			type: RECT;
			clip_to: "bottomarea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 900 143;
				rel1 {
					to: "bottomarea";
					relative: 0.5 0.5;
				}
				rel2 {
					to: "bottomarea";
					relative: 0.5 0.5;
				}
				fixed: 1 1;
				align: 0.5 0.5;
				visible: 0;
			}
		}
		part {
			name: "control_btn0";
			type: SWALLOW;
			clip_to: "bottomarea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 180 143;
				rel1 {
					to: "controls_bg";
					relative: 0.0 0.5;
				}
				rel2 {
					to: "controls_bg";
					relative: 0.0 0.5;
				}
				fixed: 1 1;
				align: 0.0 0.5;
			}
		}
		part {
			name: "control_btn1";
			type: SWALLOW;
			clip_to: "bottomarea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 180 143;
				rel1 {
					to: "control_btn0";
					relative: 1.0 0.5;
				}
				rel2 {
					to: "control_btn0";
					relative: 1.0 0.5;
				}
				fixed: 1 1;
				align: 0.0 0.5;
			}
		}
		part {
			name: "control_btn2";
			type: SWALLOW;
			clip_to: "bottomarea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 180 143;
				rel1 {
					to: "control_btn1";
					relative: 1.0 0.5;
				}
				rel2 {
					to: "control_btn1";
					relative: 1.0 0.5;
				}
				fixed: 1 1;
				align: 0.0 0.5;
			}
		}
		part {
			name: "control_btn3";
			type: SWALLOW;
			clip_to: "bottomarea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 180 143;
				rel1 {
					to: "control_btn2";
					relative: 1.0 0.5;
				}
				rel2 {
					to: "control_btn2";
					relative: 1.0 0.5;
				}
				fixed: 1 1;
				align: 0.0 0.5;
			}
		}
		part {
			name: "control_btn4";
			type: SWALLOW;
			clip_to: "bottomarea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 180 143;
				rel1 {
					to: "control_btn3";
					relative: 1.0 0.5;
				}
				rel2 {
					to: "control_btn3";
					relative: 1.0 0.5;
				}
				fixed: 1 1;
				align: 0.0 0.5;
			}
		}
		part {
			name: "padding_time";
			type: SPACER;
			scale: 1;
			description {
				state: "default" 0.0;
				min: 35 0;
				rel1 {
					to: "bottomarea";
				}
				rel2 {
					to: "bottomarea";
					relative: 0.0 1.0;
				}
				fixed: 1 0;
				align: 0.0 0.5;
			}
		}
		part {
			name: PART_VIEWER_PROGRESS;
			type: TEXT;
			clip_to: "bottomarea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 125 0;
				rel1 {
					to: "padding_time";
					relative: 1.0 0.0;
				}
				rel2 {
					to: "padding_time";
				}
				text {
					font: FONT_LIGHT;
					size: 31;
					align: 0.0 0.5;
				}
				color: COLOR_TEXT_SELECTED;
				fixed: 1 0;
				align: 0.0 0.5;
			}
		}
		part {
			name: PART_VIEWER_TOTAL;
			type: TEXT;
			clip_to: "bottomarea";
			scale: 1;
			description {
				state: "default" 0.0;
				min: 150 0;
				rel1 {
					to: PART_VIEWER_PROGRESS;
					relative: 1.0 0.0;
				}
				rel2 {
					to: PART_VIEWER_PROGRESS;
				}
				text {
					font: FONT_LIGHT;
					size: 31;
					align: 0.0 0.5;
				}
				color: COLOR_TEXT_INDEX;
				fixed: 1 0;
				align: 0.0 0.5;
			}
		}
	}
}