#define GRAPH_STEP 20

#define WEEK_TITLE(title, index, r, g, b) \
	part { \
		name: "rect."title; \
		type: RECT; \
		description { \
			state: "default" 0.0; \
			color: (255-(40*index)) 100 100 100; \
			rel1 { to: "txt."title; } \
			rel2 { to: "txt."title; } \
		}\
	}\
	part { \
		name: "txt."title; \
		type: TEXT; \
		description { \
			state: "default" 0.0; \
			align: 0.5 0.5; \
      		  color: r g b 255;\
			rel1 { relative: index/7 0.9; to: "bg"; } \
			rel2 { relative: (index+1)/7 1.0; to: "bg"; } \
			text { \
				align: 0.5 0.5; \
				ellipsis: -1; \
				size: 15; \
				text: title; \
			} \
		}\
	}

#define DESC_WEEK_VAL(title, val) \
	description { \
		state: val 0.0; \
		inherit: "default" 0.0; \
		rel1 { relative: 0.3 ((GRAPH_STEP-val)/GRAPH_STEP); to_x: "rect."title; to_y: "bg.graph"; } \
		rel2 { relative: 0.7 1.0; to_x: "rect."title; to_y: "bg.graph"; } \
	} 

#define WEEK_VAL(title) \
	part { \
		name: "rect.val."title; \
		type: RECT; \
		description { \
			state: "default" 0.0; \
			color: 255 0 0 255; \
			rel1 { relative: 0.3 1.0; to_x: "rect."title; to_y: "bg.graph"; } \
			rel2 { relative: 0.7 1.0; to_x: "rect."title; to_y: "bg.graph"; } \
		}\
   	     DESC_WEEK_VAL(title, 0) \
   	     DESC_WEEK_VAL(title, 1) \
		DESC_WEEK_VAL(title, 2) \
		DESC_WEEK_VAL(title, 3) \
		DESC_WEEK_VAL(title, 4) \
		DESC_WEEK_VAL(title, 5) \
		DESC_WEEK_VAL(title, 6) \
		DESC_WEEK_VAL(title, 7) \
		DESC_WEEK_VAL(title, 8) \
		DESC_WEEK_VAL(title, 9) \
		DESC_WEEK_VAL(title, 10) \
		DESC_WEEK_VAL(title, 11) \
		DESC_WEEK_VAL(title, 12) \
		DESC_WEEK_VAL(title, 13) \
		DESC_WEEK_VAL(title, 14) \
		DESC_WEEK_VAL(title, 15) \
		DESC_WEEK_VAL(title, 16) \
		DESC_WEEK_VAL(title, 17) \
		DESC_WEEK_VAL(title, 18) \
		DESC_WEEK_VAL(title, 19) \
		DESC_WEEK_VAL(title, 20) \
	}\
	part { \
		name: "txt.val."title; \
		type: TEXT; \
		description { \
			state: "default" 0.0; \
			align: 0.5 0.5; \
      		  color: 0 0 0 255;\
			rel1 { relative: 0.1 0.0; to_x: "rect."title; to_y: "rect.val."title; } \
			rel2 { relative: 0.9 1.0; to_x: "rect."title; to_y: "rect.val."title; } \
			text { \
				align: 0.5 0.5; \
				ellipsis: -1; \
				size: 20; \
			} \
		}\
	}

#define PROG_WEEK_VAL(title, val) \
	program { \
		name: title".val."val; \
		signal: title".val."val; \
		source: "rect.val."title; \
		action: STATE_SET val 0.0; \
		target: "rect.val."title; \
		transition: SIN_FAC 0.5 1.7; \
	}

#define PROG_WEEK_VALS(title) \
	PROG_WEEK_VAL(title, 0) \
	PROG_WEEK_VAL(title, 1) \
	PROG_WEEK_VAL(title, 2) \
	PROG_WEEK_VAL(title, 3) \
	PROG_WEEK_VAL(title, 4) \
	PROG_WEEK_VAL(title, 5) \
	PROG_WEEK_VAL(title, 6) \
	PROG_WEEK_VAL(title, 7) \
	PROG_WEEK_VAL(title, 8) \
	PROG_WEEK_VAL(title, 9) \
	PROG_WEEK_VAL(title, 10) \
	PROG_WEEK_VAL(title, 11) \
	PROG_WEEK_VAL(title, 12) \
	PROG_WEEK_VAL(title, 13) \
	PROG_WEEK_VAL(title, 14) \
	PROG_WEEK_VAL(title, 15) \
	PROG_WEEK_VAL(title, 16) \
	PROG_WEEK_VAL(title, 17) \
	PROG_WEEK_VAL(title, 18) \
	PROG_WEEK_VAL(title, 19) \
	PROG_WEEK_VAL(title, 20) 



collections {   
   group { name: "main";
      parts {
         part { name: "bg";
            type: SPACER;
            description { 
               state: "default" 0.0;
               align: 0.0 0.0;
               rel1 { relative: 0.0 0.0; }
               rel2 { relative: 1.0 1.0; }
            }
         }

         /* Graph */
         	part { 
		name: "txt.graph"; 
		type: TEXT; 
		description { 
			state: "default" 0.0; 
			align: 0.0 0.5; 
      		  color: 0 0 0 255;
        	         rel1 { relative: 0.05 0.0; to: "bg"; }
        	         rel2 { relative: 0.95 0.1; to: "bg"; }
			text { 
				align: 0.0 0.8; 
				ellipsis: -1; 
				size: 30; 
                  	text: "Graph"; 
			} 
		}
	}
        part {
             name: "rect.graph.bg.border";
             type: RECT;
             description {
                 state: "default" 0.0;
                 color: 0 0 0 255;
                 rel1 { to: "sw.graph.bg"; offset: -1 -1; }
                 rel2 { to: "sw.graph.bg"; offset: 1 1; }
             }
         }
         part {
             name: "rect.graph.bg";
             type: RECT;
             description {
                 state: "default" 0.0;
                 color: 100 200 100 255;
                 rel1 { to: "sw.graph.bg"; }
                 rel2 { to: "sw.graph.bg"; }
             }
         }

          part {
             name: "sw.graph.bg";
             type: SWALLOW;
             scale: 1;
             description {
                 state: "default" 0.0;
                 align: 0.5 0.5;
                 fixed: 1 1;
                 rel1 { relative: 0.05 0.1; to: "bg"; }
                 rel2 { relative: 0.95 0.4; to: "bg"; }
             }
         }
         
         /* Calendar */
          part {
             name: "rect.calendar.bg.border";
             type: RECT;
             description {
                 state: "default" 0.0;
                 color: 0 0 0 255;
                 rel1 { to: "sw.calendar.bg"; offset: -1 -1; }
                 rel2 { to: "sw.calendar.bg"; offset: 1 1; }
             }
         }
           part {
             name: "rect.calendar.bg";
             type: RECT;
             description {
                 state: "default" 0.0;
                 color: 100 100 200 255;
                 rel1 { to: "sw.calendar.bg"; }
                 rel2 { to: "sw.calendar.bg"; }
             }
         }

          part {
             name: "sw.calendar.bg";
             type: SWALLOW;
             scale: 1;
             description {
                 state: "default" 0.0;
                 align: 0.5 0.5;
                 fixed: 1 1;
                 rel1 { relative: 0.05 0.45; to: "bg"; }
                 rel2 { relative: 0.95 0.95; to: "bg"; }
             }
         }

      } //parts
   } //group
   
   group { name: "graph-layout";
      parts {
         part { name: "bg";
            type: SPACER;
            description { 
               state: "default" 0.0;
               align: 0.0 0.0;
               rel1 { relative: 0.0 0.0; }
               rel2 { relative: 1.0 1.0; }
            }
         }
         
         part {
		name: "bg.graph";
		type: SPACER;
		description {
			state: "default" 0.0;
			align: 0.0 0.0;
			rel1 { relative: 0.0 0.0; to: "bg"; }
			rel2 { relative: 1.0 0.0; to_x: "bg"; to_y: "rect.SAT"; }
		}
	}

	WEEK_TITLE("SUN", 0, 255, 0, 0)
	WEEK_TITLE("MON", 1, 255, 255, 255)
	WEEK_TITLE("TUE", 2, 255, 255, 255)
	WEEK_TITLE("WED", 3, 255, 255, 255)
	WEEK_TITLE("THU", 4, 255, 255, 255)
	WEEK_TITLE("FRI", 5, 255, 255, 255)
	WEEK_TITLE("SAT", 6, 0, 0, 255)
         
 	WEEK_VAL("SUN")
	 WEEK_VAL("MON")
	 WEEK_VAL("TUE")
	 WEEK_VAL("WED")
	 WEEK_VAL("THU")
	 WEEK_VAL("FRI")
	 WEEK_VAL("SAT")
         
      } //parts
      programs {         
	 PROG_WEEK_VALS("SUN")
         PROG_WEEK_VALS("MON")
         PROG_WEEK_VALS("TUE")
         PROG_WEEK_VALS("WED")
         PROG_WEEK_VALS("THU")
         PROG_WEEK_VALS("FRI")
         PROG_WEEK_VALS("SAT")
      } //programs
   } //group
   
   group { 
	name: "today";
	parts { 
		part {
			name: "bg";
			type: SPACER;
			description {
				state: "default" 0.0;
			}
		}
      	  part {
			name: "bg_color";
			type: RECT;
			description {
				state: "default" 0.0;
        	 		rel1 { relative: 0.0 0.0; to: "bg"; }
    	     		rel2 { relative: 1.0 1.0; to: "bg"; }
 	        		color: 45 180 200 255;
			}
		}
		part { 
			name: "date.num";
			type: TEXT;
			description { 
				state: "default" 0.0;
				align: 0.5 0.5;
				rel1 { relative: 0.5 0.0; to: "bg"; }
				rel2 { relative: 1.0 0.5; to: "bg"; }
				text {
					font: "Tizen:style = regular";
					size: 20;
					min: 1 1;
			                ellipsis: -1;
					text: " 1";
				}
				color: 255 255 255 255;
			}
		}
		part { 
			name: "date.job";
			type: TEXT;
			description {
				state: "default" 0.0;
				align: 0.0 0.0;
				rel1 { relative: 0.0 0.5; to: "bg"; }
				rel2 { relative: 1.0 1.0; to: "bg"; }
				text {
					font: "Tizen:style = regular";
					size: 20;
					min: 1 1;
			                ellipsis: -1;
					text: "";
				}
				color: 255 255 255 255;
			}
		}
	} //parts
} //group

group { 
	name: "date";
	parts { 
		part {
			name: "bg";
			type: SPACER;
			description {
				state: "default" 0.0;
			}
		}
		part {
			name: "bg_color";
			type: RECT;
			description { 
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;  to: "bg"; }
				rel2 { relative: 1.0 1.0;  to: "bg"; }
				color: 255 255 255 255;
			}
		}
		part { 
			name: "date.num";
			type: TEXT;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				rel1 { relative: 0.5 0.0; to: "bg"; }
				rel2 { relative: 1.0 0.5; to: "bg"; }
				text {
					font: "Tizen:style = regular";
					size: 20;
					min: 1 1;
			                ellipsis: -1;
					text: " 1";
				}
				color: 0 0 0 255;
			}
		}
		part {
			name: "date.job";
			type: TEXT;
			description { 
				state: "default" 0.0;
				align: 0.0 0.0;
				rel1 { relative: 0.0 0.5; to: "bg"; }
				rel2 { relative: 1.0 1.0; to: "bg"; }
				text {
					font: "Tizen:style = regular";
					size: 20;
					min: 1 1;
			                ellipsis: -1;
					text: "";
				}
				color: 0 0 0 255;
			}
		}
	} //parts
} //gorup
   
group {
	name: "date.sun";
	parts { 
		part {
			name: "bg";
			type: SPACER;
			description { 
				state: "default" 0.0;
			}
		}
		part {
			name: "bg_color";
			type: RECT;
			description { 
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0;  to: "bg"; }
				rel2 { relative: 1.0 1.0;  to: "bg"; }
				color: 255 255 255 255;
			}
		}
		part { 
			name: "date.num";
			type: TEXT;
			description {
				state: "default" 0.0;
				align: 0.5 0.5;
				rel1 { relative: 0.5 0.0; to: "bg"; }
				rel2 { relative: 1.0 0.5; to: "bg"; }
				text {
					font: "Tizen:style = regular";
					size: 20;
					min: 1 1;
			                ellipsis: -1;
					text: " 1";
				}
				color: 255 0 0 255;
			}
		}
		part { 
			name: "date.job";
			type: TEXT;
			description { 
				state: "default" 0.0;
				align: 0.0 0.0;
				rel1 { relative: 0.0 0.5; to: "bg"; }
				rel2 { relative: 1.0 1.0; to: "bg"; }
				text {
					font: "Tizen:style = regular";
					size: 20;
					min: 1 1;
			                ellipsis: -1;
					text: "";
				}
				color: 0 0 0 255;
			}
		}
	} //parts
}//group

#define CALENDAR_WEEK_DAY(title, index, r, g, b) \
	part { \
		name: "rect."title; \
		type: RECT; \
		description { \
			state: "default" 0.0; \
			color: (255-(40*index)) 100 100 100; \
			rel1 { to: "txt."title; } \
			rel2 { to: "txt."title; } \
		}\
	}\
	part { \
		name: "txt."title; \
		type: TEXT; \
		description { \
			state: "default" 0.0; \
			align: 0.5 0.5; \
      		  color: r g b 255;\
			rel1 { relative: index/7 0.1; to: "bg"; } \
			rel2 { relative: (index+1)/7 0.2; to: "bg"; } \
			text { \
				align: 0.5 0.5; \
				ellipsis: -1; \
				size: 15; \
				text: title; \
			} \
		}\
	}   
   
group { 
	name: "calendar-layout";
	parts {
		part {
			name: "bg";
			type: SPACER;
			mouse_events: 0;
			description {
				state: "default" 0.0;
				rel1 { relative: 0.0 0.0; }
				rel2 { relative: 1.0 1.0; }
			}
		}
		part {
			name: "number_bg";
			type: RECT;
			mouse_events: 0;
			description{
				state: "default" 0.0;
				align: 0.0 0.0;
				rel1 { relative: 0.0 0.0; to: "bg";  }
				rel2 { relative: 1.0 0.1;  to: "bg"; }
				color: 100 200 100 50;
			}
		}
		part {
			name: "prev";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				align: 0.0 0.0;
				rel1 { relative: 0.0 0.0; to: "bg"; }
				rel2 { relative: 0.1 0.1; to: "bg"; }
			}
		}
		part {
			name: "next";
			type: SWALLOW;
			description{
				state: "default" 0.0;
				align: 0.0 0.0;
				rel1 { relative: 0.9 0.0; to: "bg"; }
				rel2 { relative: 1.0 0.1; to: "bg"; }
			}
		}
		part {
			name: "year.month";
			type: TEXT;
			description{
				state: "default" 0.0;
				align: 0.5 0.5;
				rel1 { relative: 0.1 0.0; to: "bg"; }
				rel2 { relative: 0.9 0.1; to: "bg"; }
				text {
					font: "Tizen:style = regular";
					size: 40;
					min: 1 1;
					ellipsis: -1;
					text: "2015";
				}
				color: 0 0 0 255;
			}
		}
         
		CALENDAR_WEEK_DAY("SUN", 0, 255, 0, 0)
		CALENDAR_WEEK_DAY("MON", 1, 255, 255, 255)
		CALENDAR_WEEK_DAY("TUE", 2, 255, 255, 255)
		CALENDAR_WEEK_DAY("WED", 3, 255, 255, 255)
		CALENDAR_WEEK_DAY("THU", 4, 255, 255, 255)
		CALENDAR_WEEK_DAY("FRI", 5, 255, 255, 255)
		CALENDAR_WEEK_DAY("SAT", 6, 0, 0, 255)
         
		part {
			name: "sw.calendar.table";
			type: SWALLOW;
			description {
				state: "default" 0.0;
				align: 0.0 0.0;
               		 fixed: 1 1;
				rel1 { relative: 0.0 0.2; to: "bg"; }
				rel2 { relative: 1.0 1.0; to: "bg"; }
			}
		}
	} //parts
}//group
} //collection