/*
  * Copyright (c) 2012  Samsung Electronics Co., Ltd
  *
  * Licensed under the Flora License, Version 1.1 (the "License");
  * you may not use this file except in compliance with the License.
  * You may obtain a copy of the License at
  *
  *	http://floralicense.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.
  */

/* Grid item background size W: 10+158+10; H: 24+158 */
#define W               178
#define H               193
#define GAP_W           2
#define GAP_H           18

/* Favourites icon boundary size */
#define FAVOR_ICON_W         30
#define FAVOR_ICON_H         30

group {
	name: "elm/gengrid/item/gallery/thumbnail_view/default";

	data.item: "contents" "elm.swallow.icon elm.swallow.end";

	parts {
		part {
			name: "bg";
			type: RECT;
			description {
				state: "default" 0.0;
				color: 0 0 0 0;
				rel1 { relative: 0.0 0.0; offset: 0 0;}
				rel2 { relative: 1.0 1.0; offset: 0 0;}
			}
		}
		part {
			name: "icon_bg";
			type: RECT;
			scale : 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				visible: 0;
				color: 0 0 0 0;
				rel1 { relative: 0.0 0.0;to:"bg"; }
				rel2 { relative: 1.0 1.0;to:"bg"; }

			}
		}

		part {
			name: "elm.swallow.icon";
			type: SWALLOW;
			mouse_events: 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 0;
				rel1 { relative: 0.0 0.0; to: "icon_bg"; }
				rel2 { relative: 1.0 1.0; to: "icon_bg"; }
			}
		}
		part {
			name: "elm.swallow.end";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0; to: "elm.swallow.icon"; }
				rel2 { relative: 1.0 1.0; to: "elm.swallow.icon"; }
			}
		}
	}

	programs {
		program {
			name: "movedonw_bg";
			signal: "movedown,bg,show";
			source: "bg";
			action: STATE_SET "move_down" 0.0;
			target: "bg";
		}
	}
}




group
{
	name: "elm/gengrid/photoframe/default_layout";

	parts {
		part {
			name: "bg";
			type: RECT;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;}
				rel2 { relative: 1.0 1.0;}
				color: 0 0 0 0;
			}
			description {
				state: "shrink" 0.0;
				rel1 { relative: 0.03 0.03;}
				rel2 { relative: 0.97 0.97;}
				color: 0 0 0 0;
			}
		}
		part {
			name: "elm.swallow.icon";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				rel1 { relative: GAP_W/W (GAP_H+1)/H;}
				rel2 { relative: (W-GAP_W)/W 1;}
			}
		}
	}

	programs {
		program {
			name: "mouse_down_shrink";
			signal: "mouse,down,shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			//after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "mouse_up_expand";
			signal: "mouse,up,expand";
			source: "bg";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}

		program {
			name: "shrink";
			signal: "shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "expand";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}
		program {
			name: "shrink,expand,done,icon";
			action: SIGNAL_EMIT "shrink,expand,done" "bg";
		}
	}
}

group
{
	name: "elm/gengrid/photoframe/default_layout_favor";

	 parts {
		part {
			name: "bg";
			type: RECT;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;}
				rel2 { relative: 1.0 1.0;}
				color: 0 0 0 0;
			}
			description {
				state: "shrink" 0.0;
				rel1 { relative: 0.03 0.03;}
				rel2 { relative: 0.97 0.97;}
				color: 0 0 0 0;
			}
		}
		part {
			name: "elm.swallow.icon";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				rel1 { relative: GAP_W/W (GAP_H+1)/H;}
				rel2 { relative: (W-GAP_W)/W 1;}
			}
		}
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
		part {
			name: "elm.swallow.favoricon";
			type: SWALLOW;
			mouse_events: 0;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
				rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
			}
		}
#endif
	}

	programs {
		program {
			name: "mouse_down_shrink";
			signal: "mouse,down,shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			//after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "mouse_up_expand";
			signal: "mouse,up,expand";
			source: "bg";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}

		program {
			name: "shrink";
			signal: "shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "expand";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}
		program {
			name: "shrink,expand,done,icon";
			action: SIGNAL_EMIT "shrink,expand,done" "bg";
		}
	}
}

group
{
	name: "elm/gengrid/photoframe/default_layout_video";
	images {
		image: GALLERY_EDC_IMAGE_BUTTON_PLAY COMP;
	}

		parts {
			part {
			name: "bg";
			type: RECT;
			mouse_events: 1;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;}
				rel2 { relative: 1.0 1.0;}
				color: 0 0 0 0;
			}
			description {
				state: "shrink" 0.0;
				rel1 { relative: 0.03 0.03;}
				rel2 { relative: 0.97 0.97;}
				color: 0 0 0 0;
			}
		}
		part {
			name: "elm.swallow.icon";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				rel1 { relative: GAP_W/W (GAP_H+1)/H;}
				rel2 { relative: (W-GAP_W)/W 1;}
			}
		}
		part {
			name: "elm.videoicon_bg";
			type: RECT;
			mouse_events: 0;
			scale : 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 1.0 0.0;
				rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
				rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
			}
		}
		part {
			name: "elm.text.bg";
			type: RECT;
			mouse_events: 0;
			scale : 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 0.0 1.0;
				rel1 { relative: 1 0; to: "elm.videoicon_bg";}
				rel2 { relative: (W-GAP_W)/W 1; to_y: "elm.videoicon_bg";}
			}
		}
		part {
			name: "elm.swallow.videoicon";
			type: IMAGE;
			mouse_events: 0;
			repeat_events: 0;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				aspect: 1.0 1.0;
				rel1 { relative: 0 0; to: "elm.videoicon_bg";}
				rel2 { relative: 1 1; to: "elm.videoicon_bg";}
				image.normal: GALLERY_EDC_IMAGE_BUTTON_PLAY;
			}
		}
		part {
			name: "elm.text";
			type: TEXT;
			mouse_events: 1;
			repeat_events: 1;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.0 1.0;
				rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
				rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
				color: 255 255 255 255;
				text {
					font: "SLP:style=Bold";
					text_class: "slp";
					size: 26;
					align: 0.9 0.5;
				}
			}
		}
	}
	programs {
		program {
			name: "mouse_down_shrink";
			signal: "mouse,down,shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			//after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "mouse_up_expand";
			signal: "mouse,up,expand";
			source: "bg";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}

		program {
			name: "shrink";
			signal: "shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "expand";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}
		program {
			name: "shrink,expand,done,icon";
			action: SIGNAL_EMIT "shrink,expand,done" "bg";
		}
	}
}

group
{
	name: "elm/gengrid/photoframe/default_layout_video_favor";
	images {
		image: GALLERY_EDC_IMAGE_BUTTON_PLAY COMP;
	}

	parts {
		part {
			name: "bg";
			type: RECT;
			mouse_events: 1;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;}
				rel2 { relative: 1.0 1.0;}
				color: 0 0 0 0;
			}
			description {
				state: "shrink" 0.0;
				rel1 { relative: 0.03 0.03;}
				rel2 { relative: 0.97 0.97;}
				color: 0 0 0 0;
			}
		}
		part {
			name: "elm.swallow.icon";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				rel1 { relative: GAP_W/W (GAP_H+1)/H;}
				rel2 { relative: (W-GAP_W)/W 1;}
			}
		}
		part {
			name: "elm.videoicon_bg";
			type: RECT;
			mouse_events: 0;
			scale : 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 1.0 0.0;
				rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
				rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
			}
		}
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
		part {
			name: "favoricon_bg";
			type: RECT;
			scale: 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 1.0 0.0;
				rel1 { relative: 1 0; to: "elm.videoicon_bg";}
				rel2 { relative: (FAVOR_ICON_W*2+GAP_W)/W 1; to_y: "elm.videoicon_bg";}
			}
		}
#endif
		part {
			name: "elm.text.bg";
			type: RECT;
			mouse_events: 0;
			scale : 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 0.0 1.0;
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
				rel1 { relative: 1 0; to: "favoricon_bg";}
#else
				rel1 { relative: 1 0; to: "elm.videoicon_bg";}
#endif
				rel2 { relative: (W-GAP_W)/W 1; to_y: "elm.videoicon_bg";}
			}
		}
		part {
			name: "elm.swallow.videoicon";
			type: IMAGE;
			mouse_events: 0;
			repeat_events: 0;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				aspect: 1.0 1.0;
				rel1 { relative: 0 0; to: "elm.videoicon_bg";}
				rel2 { relative: 1 1; to: "elm.videoicon_bg";}
				image.normal: GALLERY_EDC_IMAGE_BUTTON_PLAY;
			}
		}
		part {
			name: "elm.text";
			type: TEXT;
			mouse_events: 1;
			repeat_events: 1;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.0 1.0;
				rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
				rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
				color: 255 255 255 255;
				text {
					font: "SLP:style=Bold";
					text_class: "slp";
					size: 26;
					align: 0.9 0.5;
				}
			}
		}
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
		part {
			name: "elm.swallow.favoricon";
			type: SWALLOW;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				rel1 { relative: 0.0 0.0; to: "favoricon_bg"; }
				rel2 { relative: 1.0 1.0; to: "favoricon_bg"; }
			}
		}
#endif
	}
	programs {
		program {
			name: "mouse_down_shrink";
			signal: "mouse,down,shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			//after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "mouse_up_expand";
			signal: "mouse,up,expand";
			source: "bg";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}

		program {
			name: "shrink";
			signal: "shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "expand";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}
		program {
			name: "shrink,expand,done,icon";
			action: SIGNAL_EMIT "shrink,expand,done" "bg";
		}
	}
}

group
{
	name: "elm/gengrid/photoframe/default_layout_video_bookmark";
	images {
		image: GALLERY_EDC_IMAGE_BUTTON_PLAY COMP;
	}

	parts {
		part {
			name: "bg";
			type: RECT;
			mouse_events: 1;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;}
				rel2 { relative: 1.0 1.0;}
				color: 0 0 0 0;
			}
			description {
				state: "shrink" 0.0;
				rel1 { relative: 0.03 0.03;}
				rel2 { relative: 0.97 0.97;}
				color: 0 0 0 0;
			}
		}
		part {
			name: "elm.swallow.icon";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				rel1 { relative: GAP_W/W (GAP_H+1)/H;}
				rel2 { relative: (W-GAP_W)/W 1;}
			}
		}
		part {
			name: "elm.videoicon_bg";
			type: RECT;
			mouse_events: 0;
			scale : 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 1.0 0.0;
				rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
				rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
			}
		}
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
		part {
			name: "bookmarkicon_bg";
			type: RECT;
			scale: 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 1.0 0.0;
				rel1 { relative: 1 0; to: "elm.videoicon_bg";}
				rel2 { relative: (FAVOR_ICON_W*2+GAP_W)/W 1; to_y: "elm.videoicon_bg";}
			}
		}
#endif
		part {
			name: "elm.text.bg";
			type: RECT;
			mouse_events: 0;
			scale : 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 0.0 1.0;
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
				rel1 { relative: 1 0; to: "bookmarkicon_bg";}
#else
				rel1 { relative: 1 0; to: "elm.videoicon_bg";}
#endif
				rel2 { relative: (W-GAP_W)/W 1; to_y: "elm.videoicon_bg";}
			}
		}
		part {
			name: "elm.swallow.videoicon";
			type: IMAGE;
			mouse_events: 0;
			repeat_events: 0;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				aspect: 1.0 1.0;
				rel1 { relative: 0 0; to: "elm.videoicon_bg";}
				rel2 { relative: 1 1; to: "elm.videoicon_bg";}
				image.normal: GALLERY_EDC_IMAGE_BUTTON_PLAY;
			}
		}
		part {
			name: "elm.text";
			type: TEXT;
			mouse_events: 1;
			repeat_events: 1;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.0 1.0;
				rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
				rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
				color: 255 255 255 255;
				text {
					font: "SLP:style=Bold";
					text_class: "slp";
					size: 26;
					align: 0.9 0.5;
				}
			}
		}
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
		part {
			name: "elm.swallow.bookmarkicon";
			type: SWALLOW;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				visible: 1;
				rel1 { relative: 0.0 0.0; to: "bookmarkicon_bg"; }
				rel2 { relative: 1.0 1.0; to: "bookmarkicon_bg"; }
			}
		}
#endif
	}
	programs {
		program {
			name: "mouse_down_shrink";
			signal: "mouse,down,shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			//after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "mouse_up_expand";
			signal: "mouse,up,expand";
			source: "bg";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}

		program {
			name: "shrink";
			signal: "shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "expand";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}
		program {
			name: "shrink,expand,done,icon";
			action: SIGNAL_EMIT "shrink,expand,done" "bg";
		}
	}
}

group
{
	name: "elm/gengrid/photoframe/default_layout_video_favor_bookmark";
	images {
		image: GALLERY_EDC_IMAGE_BUTTON_PLAY COMP;
	}

	parts {
		part {
			name: "bg";
			type: RECT;
			mouse_events: 1;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;}
				rel2 { relative: 1.0 1.0;}
				color: 0 0 0 0;
			}
			description {
				state: "shrink" 0.0;
				rel1 { relative: 0.03 0.03;}
				rel2 { relative: 0.97 0.97;}
				color: 0 0 0 0;
			}
		}
		part {
			name: "elm.swallow.icon";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				rel1 { relative: GAP_W/W (GAP_H+1)/H;}
				rel2 { relative: (W-GAP_W)/W 1;}
			}
		}
		part {
			name: "elm.videoicon_bg";
			type: RECT;
			mouse_events: 0;
			scale : 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 1.0 0.0;
				rel1 { relative: GAP_W/W (H-FAVOR_ICON_H+1)/H;}
				rel2 { relative: (FAVOR_ICON_W+GAP_W)/W 1;}
			}
		}
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
		part {
			name: "favoricon_bg";
			type: RECT;
			scale: 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 1.0 0.0;
				rel1 { relative: 1 0; to: "elm.videoicon_bg";}
				rel2 { relative: (FAVOR_ICON_W*2+GAP_W)/W 1; to_y: "elm.videoicon_bg";}
			}
		}
		part {
			name: "bookmarkicon_bg";
			type: RECT;
			scale: 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 1.0 0.0;
				rel1 { relative: 1 0; to: "favoricon_bg";}
				rel2 { relative: (FAVOR_ICON_W*3+GAP_W)/W 1; to_y: "elm.videoicon_bg";}
			}
#endif
		part {
			name: "elm.text.bg";
			type: RECT;
			mouse_events: 0;
			scale : 1;
			description {
				state: "default" 0.0;
				color: 0 0 0 130;
				align: 0.0 1.0;
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
				rel1 { relative: 1 0; to: "bookmarkicon_bg";}
#else
				rel1 { relative: 1 0; to: "elm.videoicon_bg";}
#endif
				rel2 { relative: (W-GAP_W)/W 1; to_y: "elm.videoicon_bg";}
			}
		}
		part {
			name: "elm.swallow.videoicon";
			type: IMAGE;
			mouse_events: 0;
			repeat_events: 0;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				aspect: 1.0 1.0;
				rel1 { relative: 0 0; to: "elm.videoicon_bg";}
				rel2 { relative: 1 1; to: "elm.videoicon_bg";}
				image.normal: GALLERY_EDC_IMAGE_BUTTON_PLAY;
			}
		}
		part {
			name: "elm.text";
			type: TEXT;
			mouse_events: 1;
			repeat_events: 1;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.0 1.0;
				rel1 { relative: 0.0  0.0; to: "elm.text.bg"; }
				rel2 { relative: 1.0  1.0; to: "elm.text.bg"; }
				color: 255 255 255 255;
				text {
					font: "SLP:style=Bold";
					text_class: "slp";
					size: 26;
					align: 0.9 0.5;
				}
			}
		}
#ifdef _USE_FAVOR_AND_BOOKMARK_ICON
		part {
			name: "elm.swallow.favoricon";
			type: SWALLOW;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				rel1 { relative: 0.0 0.0; to: "favoricon_bg"; }
				rel2 { relative: 1.0 1.0; to: "favoricon_bg"; }
			}
		}
		part {
			name: "elm.swallow.bookmarkicon";
			type: SWALLOW;
			scale: 1;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				visible: 1;
				rel1 { relative: 0.0 0.0; to: "bookmarkicon_bg"; }
				rel2 { relative: 1.0 1.0; to: "bookmarkicon_bg"; }
			}
		}
#endif
	}
	programs {
		program {
			name: "mouse_down_shrink";
			signal: "mouse,down,shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			//after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "mouse_up_expand";
			signal: "mouse,up,expand";
			source: "bg";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}

		program {
			name: "shrink";
			signal: "shrink";
			source: "bg";
			action: STATE_SET "shrink" 0.0;
			target: "bg";
			after: "expand";
			transition: LINEAR 0.1;
		}
		program {
			name: "expand";
			action: STATE_SET "default" 0.0;
			target: "bg";
			transition: LINEAR 0.05;
			after: "shrink,expand,done,icon";
		}
		program {
			name: "shrink,expand,done,icon";
			action: SIGNAL_EMIT "shrink,expand,done" "bg";
		}
	}
}

/*106+2*/
#define ZOOMED_W               108
/*106+10*/
#define ZOOMED_H               116

#define ZOOMED_GAP_H           10
#define ZOOMED_GAP_W           2

group
{
    name: "elm/gengrid/photoframe/zoomed_default_layout";

    parts {
        part {
			name: "bg";
			type: RECT;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;}
				rel2 { relative: 1.0 1.0;}
				color: 0 0 0 0;
			}
			description {
				state: "shrink" 0.0;
				rel1 { relative: 0.03 0.03;}
				rel2 { relative: 0.97 0.97;}
				color: 0 0 0 0;
			}
        }

		part {
			name: "elm.swallow.icon";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				rel1 { relative: 0 0;}
				rel2 { relative: (ZOOMED_W-ZOOMED_GAP_W)/ZOOMED_W (ZOOMED_H-ZOOMED_GAP_H)/ZOOMED_H;}
			}
        }
    }

	programs {

		program {
		        name: "mouse_down_shrink";
		        signal: "mouse,down,shrink";
		        source: "bg";
		        action: STATE_SET "shrink" 0.0;
		        target: "bg";
		        transition: LINEAR 0.1;
		}
		program {
		        name: "mouse_up_expand";
		        signal: "mouse,up,expand";
		        source: "bg";
		        action: STATE_SET "default" 0.0;
		        target: "bg";
		        transition: LINEAR 0.05;
		        after: "shrink,expand,done,icon";
		}

		program {
		        name: "shrink";
		        signal: "shrink";
		        source: "bg";
		        action: STATE_SET "shrink" 0.0;
		        target: "bg";
		        after: "expand";
		        transition: LINEAR 0.1;
		}
		program {
		        name: "expand";
		        action: STATE_SET "default" 0.0;
		        target: "bg";
		        transition: LINEAR 0.05;
		        after: "shrink,expand,done,icon";
		}
		program {
			name: "shrink,expand,done,icon";
			action: SIGNAL_EMIT "shrink,expand,done" "bg";
		}
	}
}