#define ITEM_WIDTH 480
#define ITEM_HEIGHT 90

collections {
   base_scale: 1.8;
   images {
      image: "result_bar.png" COMP;
      image: "watch_icon.png" COMP;      
   }
   group { name: "best_time";
      parts {
         part { name: "base";
            type: RECT;
            scale: 1;
             description { state: "default";
               min: 0 ITEM_HEIGHT;
               color: 255 255 255 0;               
            }
            description { state: "result" 0.0;
               inherit: "default";
               color: 255 255 255 255;
            }
         }
         part { name: "mark";
            type: IMAGE;
            scale: 1;
            clip_to: "base";
             description { state: "default";
               rel1 { relative: (38/ITEM_WIDTH) 0.5; to: "base"; }
               rel2 { relative: (38/ITEM_WIDTH) 0.5; to: "base"; }
               align: 0.5 0.5;
               min: 30 30;
               fixed: 1 1;
               image.normal: "watch_icon.png";
            }
         }
         part { name: "city";
            type: TEXT;
            scale: 1;
            mouse_events: 0;
            clip_to: "base";            
             description { state: "default";
               rel1 { relative: (73/ITEM_WIDTH) 0.5; to: "base"; }
               rel2 { relative: (400/ITEM_WIDTH) 0.5; to: "base"; }
               color: 197 191 181 255;
               text {
                  text: "Best Time";
                  font: "Tizen:style="Bold"";
                  text_class: "tizen";
                  min: 0 1;
                  size: 23;
                  align: 0 1;
               }
               align: 0 1;
            }
         }
         part { name: "time";
            type: TEXT;
            mouse_events: 0;
            scale: 1;
            clip_to: "base";            
             description { state: "default";
               rel1 { relative: 0.7 0.25; to: "city"; }
               rel2 { relative: 0.95 0.25; to: "base"; }
               color: 221 218 213 255;
               text {
                  text: "AM 9 - PM 3";
                  font: "Tizen";
                  text_class: "tizen";
                  min:  0 1;
                  size: 20;
                  align: 1 1;
               }
               align: 0 0;
            }
         }
         part { name: "result_bar";
            type: IMAGE;
            scale: 1;
            clip_to: "graph";
             description { state: "default";
               rel1 { to_x: "city"; relative: 0 0.75; }
               rel2 { to_x:"time"; relative: 1 0.75; }
               fixed:1 1;
               min: 0 15;
               image.normal: "result_bar.png";
               image.border: 3 3 3 3;
               image.border_scale: 1;
            }
         }         
         part { name: "graph";
            type: RECT;
            scale: 1;
             description { state: "default";
               rel1 { relative: (73/ITEM_WIDTH) 0.75; }
               rel2 { to_x:"base"; relative: 0.95 0.75; }
               min: 0 0;
               color: 255 255 255 0;
            }
            description { state: "result";
               inherit: "default";
               min: 0 15;
               color: 255 255 255 255;               
            }
         }         
      }
      programs {
         program { name: "show";
            signal: "momentic,item,state,show";
            action: STATE_SET "result" 0.0;
            target: "base";
            target: "graph";
            transition: DECELERATE 0.5;
         }
         program { name: "hide";
            signal: "momentic,item,state,hide";
            action: STATE_SET "default" 0.0;
            target: "base";
            target: "graph";
            transition: DECELERATE 0.5;
         }
      }
   }
}