fonts
{
	font: "Vera.ttf" "default";
}

collections
{
	images 
	{
		image: "background.png" COMP;
		image: "thumb_shadow.png" COMP;
		image: "move_right.png" COMP;
		image: "move_left.png" COMP;
	}
	group 
	{
		name: "/ephoto/window/background";
		parts 
		{
			part
			{
				name: "background";
				type: IMAGE;
				mouse_events: 0;
				description 
				{
					state: "default" 0.0;
					rel1.relative: 0.0 0.0;
					rel1.offset: 0 0;
					rel2.relative: 1.0 1.0;
					rel2.offset: -1 -1;
					image.normal: "background.png";
					fill
					{
						smooth: 0;
					}
				}
			}
			part
                        {
                                name: "ephoto.move.left";
                                type: IMAGE;
                                mouse_events: 1;
                                description
                                {
                                        state: "default" 0.0;
                                        visible: 0;
					min: 27 42;
					max: 27 42;
					rel1.relative: 0.0 0.5;
					rel1.offset: 30 0;
					rel2.relative: 0.0 0.5;
					rel2.offset: -1 -1;
                                        image.normal: "move_left.png";
                                }
				description
				{
					state: "visible" 0.0;
					inherit: "default" 0.0;
					visible: 1;
				}
                        }
			part
                        {
                                name: "ephoto.move.right";
                                type: IMAGE;
                                mouse_events: 1;
                                description
                                {
                                        state: "default" 0.0;
                                        visible: 0;
					min: 27 42;
					max: 27 42;
					rel1.relative: 1.0 0.5;
					rel1.offset: 0 0;
					rel2.relative: 1.0 0.5;
					rel2.offset: -30 -1;
                                        image.normal: "move_right.png";
                                }
				description
				{
					state: "visible" 0.0;
					inherit: "default" 0.0;
					visible: 1;
				}
                        }
		}
		programs
		{
			program
			{
				name: "show_left";
				signal: "ephoto.show.left";
				source: "ephoto";
				action: STATE_SET "visible" 0.0;
				transition: LINEAR 0.3;
				target: "ephoto.move.left";
			}
			program
			{
				name: "hide_left";
				signal: "ephoto.hide.left";
				source: "ephoto";
				action: STATE_SET "default" 0.0;
				transition: LINEAR 0.3;
				target: "ephoto.move.left";
			}
			program
			{
				name: "show_right";
				signal: "ephoto.show.right";
				source: "ephoto";
				action: STATE_SET "visible" 0.0;
				transition: LINEAR 0.3;
				target: "ephoto.move.right";
			}
			program
			{
				name: "hide_right";
				signal: "ephoto.hide.right";
				source: "ephoto";
				action: STATE_SET "default" 0.0;
				transition: LINEAR 0.3;
				target: "ephoto.move.right";
			}
		}
	}
	group
	{
		name: "/ephoto/thumb/shadow";
		min: 198 136;
		parts
		{
			part
			{
				name: "ephoto.swallow.content";
				type: SWALLOW;
				mouse_events: 1;
				description
				{
					state: "default" 0.0;
					min: 1 1;
					max: 176 117;
					visible: 1;
					rel1.relative: 0.0 0.0;
					rel2.relative: 1.0 1.0;
					color: 255 255 255 255;
				}
			}
			part
			{
				name: "background";
				type: IMAGE;
				mouse_events: 1;
				description
				{
					state: "default" 0.0;
					min: 198 136;
					rel1.to: "ephoto.swallow.content";
					rel1.offset: 4 2;
					rel2.to: "ephoto.swallow.content";
					rel2.offset: -5 3;
					color: 255 255 255 255;
					image.normal: "thumb_shadow.png";
					image.border: 12 12 7 13;
				}
			}
		}
	}
	group
	{
		name: "/ephoto/thumb/image";
		min: 176 117;
		parts
		{
			part
			{
				name: "clipper";
				type: RECT;
				mouse_events: 0;
				description
				{
					state: "default" 0.0;
					visible: 1;
					min: 1 1;
					max: 176 117;
					color: 255 255 255 255;
				}
			}
			part
			{
				name: "ephoto.swallow.content";
				type: SWALLOW;
				mouse_events: 1;
				clip_to: "clipper";
				description 
				{
					state: "default" 0.0;
					visible: 1;
					min: 1 1;
					max: 176 117;
					rel1.to: "clipper";
					rel1.relative: 0.0 0.0;
					rel2.to: "clipper";
					rel2.relative: 1.0 1.0;
					color: 255 255 255 255;
				}
			}
			part
			{
				name: "event_area";
				type: RECT;
				mouse_events: 1;
				description
				{
					state: "default" 0.0;
					color: 255 255 255 0;
					rel1.to: "clipper";
					rel1.relative: 0.0 0.0;
					rel1.offset: 0 0;
					rel2.to: "clipper";
					rel2.relative: 1.0 1.0;
					rel2.offset: -1 -1;
				}
			}
		}
	}
	
      group { name: "elm/gengrid/item/default/ephoto";
      data.item: "labels" "elm.text";
      data.item: "icons" "elm.swallow.icon elm.swallow.end";
      images {
         image: "bt_sm_base1.png" COMP;
         image: "bt_sm_shine.png" COMP;
         image: "bt_sm_hilight.png" COMP;
      }
      parts {
         part {
            name: "event";
            type: RECT;
            repeat_events: 1;
            description {
               state: "default" 0.0;
               color: 0 0 0 0;
            }
         }
         part {
            name: "base_sh";
            mouse_events: 0;
	    type: RECT;
            description {
               state: "default" 0.0;
               align: 0.0 0.0;
               min: 0 10;
               fixed: 1 1;
               rel1 {
                  to: "base";
                  relative: 0.0 1.0;
                  offset: 0 0;
               }
               rel2 {
                  to: "base";
                  relative: 1.0 1.0;
                  offset: -1 0;
               }
               color: 255 255 255 0;
            }
         }
         part {
            name: "base";
            mouse_events: 0;
	    type: RECT;
            description {
               state: "default" 0.0;
               color: 255 255 255 0;
            }
         }
         part { name: "bg";
            clip_to: "disclip";
            mouse_events: 0;
            description { state: "default" 0.0;
               visible: 0;
               color: 255 255 255 0;
               rel1 {
                  relative: 0.0 0.0;
                  offset: -5 -5;
               }
               rel2 {
                  relative: 1.0 1.0;
                  offset: 4 4;
               }
               image {
                  normal: "bt_sm_base1.png";
                  border: 6 6 6 6;
               }
               image.middle: SOLID;
            }
            description { state: "selected" 0.0;
               inherit: "default" 0.0;
               visible: 1;
               color: 255 255 255 255;
               rel1 {
                  relative: 0.0 0.0;
                  offset: -2 -2;
               }
               rel2 {
                  relative: 1.0 1.0;
                  offset: 1 1;
               }
            }
         }
         part { name: "elm.swallow.pad";
            type: SWALLOW;
            description { state: "default" 0.0;
               fixed: 1 0;
               align: 0.0 0.5;
               rel1 {
                  relative: 0.0  1.0;
                  offset:   0    -10;
               }
               rel2 {
                  to_y: "elm.text";
                  relative: 0.0  0.0;
                  offset:   -1   -1;
               }
            }
         }
         part { name: "elm.swallow.icon";
            clip_to: "disclip";
            type: SWALLOW;
            description { state: "default" 0.0;
               fixed: 1 0;
               align: 0.5 0.5;
               rel1 {
                  relative: 0.0  0.0;
                  offset:   -1    4;
               }
               rel2 {
                  to_y: "elm.swallow.pad";
                  relative: 1.0  0.0;
                  offset:   -1   -5;
               }
            }
         }
         part { name: "elm.swallow.end";
            clip_to: "disclip";
            type: SWALLOW;
            description { state: "default" 0.0;
               fixed: 1 0;
               align: 1.0 0.0;
               aspect: 1.0 1.0;
               aspect_preference: HORIZONTAL;
               rel1 {
                  relative: 1.0 0.0;
                  offset: -5 -5;
               }
               rel2 {
                  relative: 1.0 1.0;
                  offset: 5 5;
               }
            }
         }
         part { name: "elm.text";
            clip_to: "disclip";
            type: TEXT;
            effect: SOFT_SHADOW;
            mouse_events: 0;
            scale: 1;
            description {
               state: "default" 0.0;
               rel1 {
                  relative: 0.0  1.0;
                  offset: 0 0;
               }
               rel2 {
                  relative: 1.0  1.0;
                  offset: -5 -5;
               }
               color: 0 0 0 255;
               color3: 0 0 0 0;
               text {
                  font: "Sans";
                  size: 10;
                  min: 0 1;
                  align: 0.5 0.0;
               }
            }
            description { state: "selected" 0.0;
               inherit: "default" 0.0;
               color: 224 224 224 255;
               color3: 0 0 0 64;
            }
         }
         part { name: "fg1";
            clip_to: "disclip";
            mouse_events: 0;
            description { state: "default" 0.0;
               visible: 0;
               color: 255 255 255 0;
               rel1.to: "bg";
               rel2.relative: 1.0 0.5;
               rel2.to: "bg";
               image {
                  normal: "bt_sm_hilight.png";
                  border: 6 6 6 0;
               }
            }
            description { state: "selected" 0.0;
               inherit: "default" 0.0;
               visible: 1;
               color: 255 255 255 255;
            }
         }
         part { name: "fg2";
            clip_to: "disclip";
            mouse_events: 0;
            description { state: "default" 0.0;
               visible: 0;
               color: 255 255 255 0;
               rel1.to: "bg";
               rel2.to: "bg";
               image {
                  normal: "bt_sm_shine.png";
                  border: 6 6 6 0;
               }
            }
            description { state: "selected" 0.0;
               inherit: "default" 0.0;
               visible: 1;
               color: 255 255 255 255;
            }
         }
	 part { name: "disclip";
            type: RECT;
            description { state: "default" 0.0;
               rel1.to: "bg";
               rel2.to: "bg";
            }
            description { state: "disabled" 0.0;
               inherit: "default" 0.0;
               color: 255 255 255 64;
            }
         }
      }
      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";
            target:  "fg1";
            target:  "fg2";
            target:  "elm.text";
         }
         program {
            name:    "go_passive";
            signal:  "elm,state,unselected";
            source:  "elm";
            action:  STATE_SET "default" 0.0;
            target:  "bg";
            target:  "fg1";
            target:  "fg2";
            target:  "elm.text";
            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";
         }
      }
   }
}