themes/widgets/panes.edc

   1 /*
   2  * Copyright (c) 2010 Samsung Electronics Co., Ltd All Rights Reserved
   3  *
   4  * PROPRIETARY/CONFIDENTIAL
   5  *
   6  * This software is the confidential and proprietary information of SAMSUNG
   7  * ELECTRONICS ("Confidential Information"). You agree and acknowledge that this
   8  * software is owned by Samsung and you shall not disclose such Confidential
   9  * Information and shall use it only in accordance with the terms of the license
  10  * agreement you entered into with SAMSUNG ELECTRONICS. SAMSUNG make no
  11  * representations or warranties about the suitability of the software, either
  12  * express or implied, including but not limited to the implied warranties of
  13  * merchantability, fitness for a particular purpose, or non-infringement.
  14  * SAMSUNG shall not be liable for any damages suffered by licensee arising out
  15  * of or releated to this software.
  16  *
  17  */
  18
  19    group {
  20       name: "elm/panes/vertical/default";
  21       images {
  22          image: "arrow_right.png" COMP;
  23          image: "arrow_left.png" COMP;
  24          image: "00_splitscreen_handler_top.png" COMP;
  25          image: "00_splitscreen_handler_middle.png" COMP;
  26          image: "00_splitscreen_handler_bottom.png" COMP;
  27       }
  28       script {
  29          public state_pair = 0; //0:both content are not set, 1:both content are set
  30       }
  31       parts
  32       {
  33          part
  34          {
  35             name: "whole";
  36             type: RECT;
  37             mouse_events: 1;
  38             description
  39             {
  40                state: "default" 0.0;
  41                visible: 0;
  42             }
  43          }
  44
  45          //2 contents
  46          part
  47          {
  48             name: "whole_left";
  49             type: RECT;
  50             mouse_events: 0;
  51             description
  52             {
  53                state: "default" 0.0;
  54                rel2.to_x: "elm.bar";
  55                rel2.relative: 0.0 1.0;
  56                visible: 1;
  57             }
  58          }
  59          part
  60          {
  61             name: "elm.swallow.left";
  62             type: SWALLOW;
  63             clip_to: "whole_left";
  64             description
  65             {
  66                state: "default" 0.0;
  67                rel1.to: "whole_left";
  68                rel2.to: "whole_left";
  69             }
  70          }
  71
  72          part
  73          {
  74             name: "whole_right";
  75             type: RECT;
  76             mouse_events: 0;
  77             description
  78             {
  79                state: "default" 0.0;
  80                rel1.to_x: "elm.bar";
  81                rel1.relative: 1.0 0.0;
  82                visible: 1;
  83             }
  84          }
  85          part
  86          {
  87             name: "elm.swallow.right";
  88             type: SWALLOW;
  89             clip_to: "whole_right";
  90             description
  91             {
  92                state: "default" 0.0;
  93                rel1.to: "whole_right";
  94                rel2.to: "whole_right";
  95             }
  96          }
  97          part { name:"bar_top";
  98             mouse_events: 0;
  99             description { state:"default" 0.0;
 100                rel1 { relative: 0 0; to_x: "elm.bar"; }
 101                rel2 { relative: 1 0; to: "elm.bar"; }
 102                image {
 103                   normal: "00_splitscreen_handler_top.png";
 104                }
 105             }
 106             description { state: "disabled" 0.0;
 107                inherit: "default" 0.0;
 108                visible: 0;
 109             }
 110          }
 111          //BAR
 112          part { name: "elm.bar";
 113             mouse_events: 1;
 114             dragable {
 115             confine: "whole";
 116             x: 1 1 1;
 117             y: 0 0 0;
 118             }
 119             scale: 1;
 120             description { state: "default" 0.0;
 121                min: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 122                max: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 123                align: 1.0 0.5;
 124                rel1.relative: 0.0 0.5;
 125                rel2.relative: 1.0 0.5;
 126                image {
 127                   normal: "00_splitscreen_handler_middle.png";
 128                }
 129                color: 255 255 255 255;
 130             }
 131             description { state: "default" 0.1;
 132                inherit: "default" 0.0;
 133                min: PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 134                max: PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 135             }
 136             description { state: "clicked" 0.0;
 137                inherit: "default" 0.0;
 138                color: 200 200 200 200;
 139             }
 140             description { state: "clicked" 0.1;
 141                inherit: "default" 0.1;
 142                color: 200 200 200 200;
 143             }
 144             description { state: "disabled" 0.0;
 145                inherit:  "default" 0.0;
 146                min: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 147                max: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 148                visible: 0;
 149             }
 150             description { state: "disabled" 0.1;
 151                inherit:  "default" 0.1;
 152                min: PANES_STYLE_DEFAULT_FIXED_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 153                max: PANES_STYLE_DEFAULT_FIXED_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 154                visible: 0;
 155             }
 156          }
 157          part { name:"bar_bottom";
 158             mouse_events: 0;
 159             description { state:"default" 0.0;
 160                rel1 { relative: 0 1; to: "elm.bar"; }
 161                rel2 { relative: 1 1; to_x: "elm.bar"; }
 162                image {
 163                   normal: "00_splitscreen_handler_bottom.png";
 164                }
 165             }
 166             description { state: "disabled" 0.0;
 167                inherit: "default" 0.0;
 168                visible: 0;
 169             }
 170          }
 171          part { name: "over2";
 172             mouse_events: 1;
 173             repeat_events: 1;
 174             ignore_flags: ON_HOLD;
 175             description { state: "default" 0.0;
 176                rel1.to: "elm.bar";
 177                rel2.to: "elm.bar";
 178             }
 179             description { state: "disabled" 0.0;
 180                inherit:  "default" 0.0;
 181                visible: 0;
 182             }
 183          }
 184          part { name: "over3";
 185             mouse_events: 1;
 186             repeat_events: 1;
 187             description { state: "default" 0.0;
 188                color: 255 255 255 0;
 189                rel1.to: "elm.bar";
 190                rel2.to: "elm.bar";
 191             }
 192             description { state: "clicked" 0.0;
 193                inherit:  "default" 0.0;
 194                visible: 1;
 195                color: 255 255 255 255;
 196             }
 197          }
 198          part { name:"bar_disabled";
 199             type: RECT;
 200             description { state:"default" 0.0;
 201                rel1 { relative: 0 0; to_x: "elm.bar"; }
 202                rel2 { relative: 1 1; to_x: "elm.bar"; }
 203                color: PANES_DEFAULT_FIXED_SEPERATOR_NORMAL_COLOR_INC;
 204                visible: 0;
 205             }
 206             description { state: "disabled" 0.0;
 207                inherit: "default" 0.0;
 208                visible: 1;
 209             }
 210          }
 211
 212          //Arrow
 213          part {
 214             name: "arrow_right";
 215             scale: 1;
 216             mouse_events: 0;
 217             description { state: "default" 0.0;
 218                min: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
 219                max: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
 220                color: 255 255 255 0;
 221
 222                rel1.relative: 1.0 0.5;
 223                rel1.to_x: "elm.bar";
 224                rel1.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 225
 226                rel2.relative: 1.0 0.5;
 227                rel2.to_x: "elm.bar";
 228                rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 229
 230                image.normal: "arrow_right.png";
 231
 232                fixed: 1 1;
 233             }
 234             description { state: "default" 0.1;
 235                inherit: "default" 0.0;
 236                image.normal: "arrow_left.png";
 237             }
 238             description { state: "anim_1" 0.0;
 239                inherit: "default" 0.0;
 240                color: 255 255 255 200;
 241                rel1.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_FROM_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 242                rel2.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 +PANES_STYLE_DEFAULT_ARROW_SIZE_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 243             }
 244             description { state: "anim_1" 0.1;
 245                inherit: "default" 0.0;
 246                image.normal: "arrow_left.png";
 247                color: 255 255 255 200;
 248                rel1.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_FROM_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 249                rel2.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 +PANES_STYLE_DEFAULT_ARROW_FROM_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 250             }
 251             description { state: "anim_2" 0.0;
 252                inherit: "default" 0.0;
 253                color: 255 255 255 0;
 254                rel1.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 255                rel2.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 256             }
 257             description { state: "anim_2" 0.1;
 258                inherit: "default" 0.0;
 259                image.normal: "arrow_left.png";
 260                color: 255 255 255 0;
 261                rel1.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 262                rel2.offset: (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 263             }
 264          }
 265          part {
 266             name: "arrow_left";
 267             scale: 1;
 268             mouse_events: 0;
 269             description { state: "default" 0.0;
 270                min: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
 271                max: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
 272                color: 255 255 255 0;
 273
 274                rel1.relative: 0.0 0.5;
 275                rel1.to_x: "elm.bar";
 276                rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 277
 278                rel2.relative: 0.0 0.5;
 279                rel2.to_x: "elm.bar";
 280                rel2.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 281
 282                image.normal: "arrow_left.png";
 283
 284                fixed: 1 1;
 285             }
 286             description { state: "default" 0.1;
 287                inherit: "default" 0.0;
 288                image.normal: "arrow_right.png";
 289             }
 290             description { state: "anim_1" 0.0;
 291                inherit: "default" 0.0;
 292                color: 255 255 255 200;
 293                rel1.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 294                rel2.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 295             }
 296             description { state: "anim_1" 0.1;
 297                inherit: "default" 0.0;
 298                image.normal: "arrow_right.png";
 299                color: 255 255 255 200;
 300                rel1.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 301                rel2.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 302             }
 303             description { state: "anim_2" 0.0;
 304                inherit: "default" 0.0;
 305                color: 255 255 255 0;
 306                rel1.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 307                rel2.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 308             }
 309             description { state: "anim_2" 0.1;
 310                inherit: "default" 0.0;
 311                image.normal: "arrow_right.png";
 312                color: 255 255 255 0;
 313                rel1.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC) -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 314                rel2.offset: (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC) PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 315             }
 316          }
 317       }
 318       programs {
 319          program {
 320             name:   "panes_pair";
 321             signal: "elm.panes.pair";
 322             source: "elm";
 323             script {
 324                new st[31];
 325                new Float:vl;
 326                set_int(state_pair, 1);
 327                get_state(PART:"elm.bar", st, 30, vl);
 328                set_state(PART:"elm.bar", st, 0.1);
 329             }
 330          }
 331          program {
 332             name:   "panes_unpair";
 333             signal: "elm.panes.unpair";
 334             source: "elm";
 335             script {
 336                new st[31];
 337                new Float:vl;
 338                set_int(state_pair, 0);
 339                get_state(PART:"elm.bar", st, 30, vl);
 340                set_state(PART:"elm.bar", st, 0.0);
 341             }
 342          }
 343          program {
 344             name:   "button_click";
 345             signal: "mouse,down,1";
 346             source: "over2";
 347             action: SIGNAL_EMIT "elm,action,press" "";
 348             after: "button_click_anim";
 349             after: "arrow_anim_start";
 350          }
 351          program {
 352             name:   "button_click_anim";
 353             script {
 354                if(get_int(state_pair) == 1)
 355                   set_state(PART:"elm.bar", "clicked", 0.1);
 356                else
 357                   set_state(PART:"elm.bar", "clicked", 0.0);
 358             }
 359          }
 360          program {
 361             name:   "button_unclick";
 362             signal: "mouse,up,1";
 363             source: "over2";
 364             action: SIGNAL_EMIT "elm,action,unpress" "";
 365             after: "button_unclick_anim";
 366             after: "arrow_anim_stop";
 367          }
 368          program {
 369             name:   "button_unclick_anim";
 370             script {
 371                if(get_int(state_pair) == 1)
 372                   set_state(PART:"elm.bar", "default", 0.1);
 373                else
 374                   set_state(PART:"elm.bar", "default", 0.0);
 375             }
 376          }
 377          program {
 378             name:   "button_click2";
 379             signal: "mouse,down,1";
 380             source: "over3";
 381             action: STATE_SET "clicked" 0.0;
 382             target: "over3";
 383          }
 384          program {
 385             name:   "button_unclick2";
 386             signal: "mouse,up,1";
 387             source: "over3";
 388             action: STATE_SET "default" 0.0;
 389             transition: DECELERATE 0.5;
 390             target: "over3";
 391          }
 392          program {
 393             name:   "button_unclick3";
 394             signal: "mouse,up,1";
 395             source: "over2";
 396             action: SIGNAL_EMIT "elm,action,click" "";
 397          }
 398          program {
 399             name:   "button_down_double";
 400             signal: "mouse,down,1,double";
 401             source: "over3";
 402             action: SIGNAL_EMIT "elm,action,click,double" "";
 403          }
 404
 405          //arrows animation
 406          program {
 407             name: "arrow_anim_start";
 408             script {
 409                new st[31];
 410                new Float:vl;
 411                get_state(PART:"arrow_left", st, 30, vl);
 412                if (vl == 0.0) {
 413                   run_program(PROGRAM:"arrow_anim_start_ltr");
 414                }
 415                else {
 416                   run_program(PROGRAM:"arrow_anim_start_rtl");
 417                }
 418             }
 419          }
 420          program {
 421             name: "arrow_anim_stop";
 422             script {
 423                new st[31];
 424                new Float:vl;
 425                get_state(PART:"arrow_left", st, 30, vl);
 426                if (vl == 0.0) {
 427                   run_program(PROGRAM:"arrow_anim_stop_ltr");
 428                }
 429                else {
 430                   run_program(PROGRAM:"arrow_anim_stop_rtl");
 431                }
 432             }
 433          }
 434          program {
 435             name: "arrow_anim_start_ltr";
 436             action: STATE_SET "anim_1" 0.0;
 437             target: "arrow_right";
 438             target: "arrow_left";
 439             transition: LINEAR 0.6;
 440             after: "arrow_anim_1_ltr";
 441          }
 442          program {
 443             name: "arrow_anim_1_ltr";
 444             action: STATE_SET "anim_2" 0.0;
 445             target: "arrow_right";
 446             target: "arrow_left";
 447             transition: LINEAR 0.6;
 448             after: "arrow_anim_2_ltr";
 449          }
 450          program {
 451             name: "arrow_anim_2_ltr";
 452             action: STATE_SET "default" 0.0;
 453             target: "arrow_right";
 454             target: "arrow_left";
 455             after: "arrow_anim_start_ltr";
 456          }
 457          program {
 458             name: "arrow_anim_stop_ltr";
 459             action: ACTION_STOP;
 460             target: "arrow_anim_start_ltr";
 461             target: "arrow_anim_1_ltr";
 462             target: "arrow_anim_2_ltr";
 463             after: "arrow_anim_stop_1_ltr";
 464          }
 465          program {
 466             name: "arrow_anim_stop_1_ltr";
 467             action: STATE_SET "default" 0.0;
 468             target: "arrow_right";
 469             target: "arrow_left";
 470             transition: DECELERATE 0.4;
 471          }
 472          program {
 473             name: "arrow_anim_start_rtl";
 474             action: STATE_SET "anim_1" 0.1;
 475             target: "arrow_right";
 476             target: "arrow_left";
 477             transition: LINEAR 0.6;
 478             after: "arrow_anim_1_rtl";
 479          }
 480          program {
 481             name: "arrow_anim_1_rtl";
 482             action: STATE_SET "anim_2" 0.1;
 483             target: "arrow_right";
 484             target: "arrow_left";
 485             transition: LINEAR 0.6;
 486             after: "arrow_anim_2_rtl";
 487          }
 488          program {
 489             name: "arrow_anim_2_rtl";
 490             action: STATE_SET "default" 0.1;
 491             target: "arrow_right";
 492             target: "arrow_left";
 493             after: "arrow_anim_start_rtl";
 494          }
 495          program {
 496             name: "arrow_anim_stop_rtl";
 497             action: ACTION_STOP;
 498             target: "arrow_anim_start_rtl";
 499             target: "arrow_anim_1_rtl";
 500             target: "arrow_anim_2_rtl";
 501             after: "arrow_anim_stop_1_rtl";
 502          }
 503          program {
 504             name: "arrow_anim_stop_1_rtl";
 505             action: STATE_SET "default" 0.1;
 506             target: "arrow_right";
 507             target: "arrow_left";
 508             transition: DECELERATE 0.4;
 509          }
 510          program { name: "to_rtl";
 511             signal: "edje,state,rtl";
 512             source: "edje";
 513             script {
 514                new st[31];
 515                new Float:vl;
 516                get_state(PART:"arrow_left", st, 30, vl);
 517                if (vl == 0.0) {
 518                   set_state(PART:"arrow_left", st, 0.1);
 519                }
 520                get_state(PART:"arrow_right", st, 30, vl);
 521                if (vl == 0.0) {
 522                   set_state(PART:"arrow_right", st, 0.1);
 523                }
 524             }
 525          }
 526          program { name: "to_ltr";
 527             signal: "edje,state,ltr";
 528             source: "edje";
 529             script {
 530                new st[31];
 531                new Float:vl;
 532                get_state(PART:"arrow_left", st, 30, vl);
 533                if (vl == 0.1) {
 534                   set_state(PART:"arrow_left", st, 0.0);
 535                }
 536                get_state(PART:"arrow_right", st, 30, vl);
 537                if (vl == 0.1) {
 538                   set_state(PART:"arrow_right", st, 0.0);
 539                }
 540             }
 541          }
 542          //fix the pane
 543          program {
 544             name:   "panes_fixed";
 545             signal: "elm.panes.fixed";
 546             source: "elm";
 547             action: STATE_SET "disabled" 0.0;
 548             target: "elm.bar";
 549             target: "bar_top";
 550             target: "bar_bottom";
 551             target: "bar_disabled";
 552          }
 553          //allow the movement by interaction
 554          program {
 555             name:   "panes_unfixed";
 556             signal: "elm.panes.unfixed";
 557             source: "elm";
 558             action: STATE_SET "default" 0.0;
 559             target: "elm.bar";
 560             target: "bar_top";
 561             target: "bar_bottom";
 562             target: "bar_disabled";
 563          }
 564       }
 565    }
 566
 567    group {
 568       name: "elm/panes/horizontal/default";
 569       images {
 570          image: "arrow_up.png" COMP;
 571          image: "arrow_down.png" COMP;
 572          image: "00_splitscreen_handler_left_hor.png" COMP;
 573          image: "00_splitscreen_handler_middle_hor.png" COMP;
 574          image: "00_splitscreen_handler_right_hor.png" COMP;
 575       }
 576       script {
 577          public state_pair = 0; //0:both content are not set, 1:both content are set
 578       }
 579       parts
 580       {
 581          part
 582          {
 583             name: "whole";
 584             type: RECT;
 585             mouse_events: 0;
 586             description
 587             {
 588                state: "default" 0.0;
 589                visible: 0;
 590             }
 591          }
 592
 593          //2 contents
 594          part
 595          {
 596             name: "whole_left";
 597             type: RECT;
 598             mouse_events: 0;
 599             description
 600             {
 601                state: "default" 0.0;
 602                rel2.to_y: "elm.bar";
 603                rel2.relative: 1.0 0.0;
 604                visible: 1;
 605             }
 606          }
 607          part
 608          {
 609             name: "elm.swallow.left";
 610             type: SWALLOW;
 611             clip_to: "whole_left";
 612             description
 613             {
 614                state: "default" 0.0;
 615                rel1.to: "whole_left";
 616                rel2.to: "whole_left";
 617             }
 618          }
 619
 620          part
 621          {
 622             name: "whole_right";
 623             type: RECT;
 624             mouse_events: 0;
 625             description
 626             {
 627                state: "default" 0.0;
 628                rel1.to_y: "elm.bar";
 629                rel1.relative: 0.0 1.0;
 630                visible: 1;
 631             }
 632          }
 633          part
 634          {
 635             name: "elm.swallow.right";
 636             type: SWALLOW;
 637             clip_to: "whole_right";
 638             description
 639             {
 640                state: "default" 0.0;
 641                rel1.to: "whole_right";
 642                rel2.to: "whole_right";
 643             }
 644          }
 645          part { name:"bar_left";
 646             mouse_events: 0;
 647             description { state:"default" 0.0;
 648                rel1 { relative: 0 0; to_y: "elm.bar"; }
 649                rel2 { relative: 0 1; to: "elm.bar"; }
 650                image {
 651                   normal: "00_splitscreen_handler_left_hor.png";
 652                }
 653             }
 654             description { state: "disabled" 0.0;
 655                inherit: "default" 0.0;
 656                visible: 0;
 657             }
 658          }
 659          //BAR
 660          part { name: "elm.bar";
 661             mouse_events: 1;
 662             dragable {
 663                confine: "whole";
 664                x: 0 0 0;
 665                y: 1 1 1;
 666             }
 667             scale: 1;
 668             description { state: "default" 0.0;
 669                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 670                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 671                rel1.relative: 0.5 0.0;
 672                rel2.relative: 0.5 1.0;
 673                align: 0.5 0.0;
 674                image {
 675                   normal: "00_splitscreen_handler_middle_hor.png";
 676                }
 677                color: 255 255 255 255;
 678             }
 679             description { state: "default" 0.1;
 680                inherit: "default" 0.0;
 681                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC;
 682                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC;
 683             }
 684             description { state: "clicked" 0.0;
 685                inherit: "default" 0.0;
 686                color: 200 200 200 200;
 687             }
 688             description { state: "clicked" 0.1;
 689                inherit: "default" 0.1;
 690                color: 200 200 200 200;
 691             }
 692             description { state: "disabled" 0.0;
 693                inherit:  "default" 0.0;
 694                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 695                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 696                visible: 0;
 697             }
 698             description { state: "disabled" 0.1;
 699                inherit:  "default" 0.1;
 700                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_FIXED_SIZE_INC;
 701                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_FIXED_SIZE_INC;
 702                visible: 0;
 703             }
 704          }
 705          part { name:"bar_right";
 706             mouse_events: 0;
 707             description { state:"default" 0.0;
 708                rel1 { relative: 1 0; to: "elm.bar"; }
 709                rel2 { relative: 1 1; to_y: "elm.bar"; }
 710                image {
 711                   normal: "00_splitscreen_handler_right_hor.png";
 712                }
 713             }
 714             description { state: "disabled" 0.0;
 715                inherit: "default" 0.0;
 716                visible: 0;
 717             }
 718          }
 719          part { name: "over2";
 720             mouse_events: 1;
 721             repeat_events: 1;
 722             ignore_flags: ON_HOLD;
 723             description { state: "default" 0.0;
 724                rel1.to: "elm.bar";
 725                rel2.to: "elm.bar";
 726             }
 727             description { state: "disabled" 0.0;
 728                inherit:  "default" 0.0;
 729                visible: 0;
 730             }
 731          }
 732          part { name: "over3";
 733             mouse_events: 1;
 734             repeat_events: 1;
 735             description { state: "default" 0.0;
 736                color: 255 255 255 0;
 737                rel1.to: "elm.bar";
 738                rel2.to: "elm.bar";
 739             }
 740             description { state: "clicked" 0.0;
 741                inherit:  "default" 0.0;
 742                visible: 1;
 743                color: 255 255 255 255;
 744             }
 745          }
 746          part { name:"bar_disabled";
 747             type: RECT;
 748             description { state:"default" 0.0;
 749                rel1 { relative: 0 0; to_y: "elm.bar"; }
 750                rel2 { relative: 1 1; to_y: "elm.bar"; }
 751                color: PANES_DEFAULT_FIXED_SEPERATOR_NORMAL_COLOR_INC;
 752                visible: 0;
 753             }
 754             description { state: "disabled" 0.0;
 755                inherit: "default" 0.0;
 756                visible: 1;
 757             }
 758          }
 759
 760          //Arrow
 761          part {
 762             name: "arrow_right";
 763             scale: 1;
 764             mouse_events: 0;
 765             description { state: "default" 0.0;
 766                min: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
 767                max: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
 768                color: 255 255 255 0;
 769
 770                rel1.relative: 0.5 1.0;
 771                rel1.to_y: "elm.bar";
 772                rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 773
 774                rel2.relative: 0.5 1.0;
 775                rel2.to_y: "elm.bar";
 776                rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 777
 778                image.normal: "arrow_down.png";
 779
 780                fixed: 1 1;
 781             }
 782             description { state: "anim_1" 0.0;
 783                inherit: "default" 0.0;
 784                color: 255 255 255 200;
 785                rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 +PANES_STYLE_DEFAULT_ARROW_FROM_INC);
 786                rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 +PANES_STYLE_DEFAULT_ARROW_FROM_INC);
 787             }
 788             description { state: "anim_2" 0.0;
 789                inherit: "default" 0.0;
 790                color: 255 255 255 0;
 791                rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC);
 792                rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 + PANES_STYLE_DEFAULT_ARROW_TO_INC);
 793             }
 794          }
 795          part {
 796             name: "arrow_left";
 797             scale: 1;
 798             mouse_events: 0;
 799             description { state: "default" 0.0;
 800                min: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
 801                max: PANES_STYLE_DEFAULT_ARROW_SIZE_INC PANES_STYLE_DEFAULT_ARROW_SIZE_INC;
 802                color: 255 255 255 0;
 803
 804                rel1.relative: 0.5 0.0;
 805                rel1.to_y: "elm.bar";
 806                rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 807
 808                rel2.relative: 0.5 0.0;
 809                rel2.to_y: "elm.bar";
 810                rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2;
 811
 812                image.normal: "arrow_up.png";
 813
 814                fixed: 1 1;
 815             }
 816             description { state: "anim_1" 0.0;
 817                inherit: "default" 0.0;
 818                color: 255 255 255 200;
 819                rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC);
 820                rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_FROM_INC);
 821             }
 822             description { state: "anim_2" 0.0;
 823                inherit: "default" 0.0;
 824                color: 255 255 255 0;
 825                rel1.offset: -PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC);
 826                rel2.offset: PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 (-PANES_STYLE_DEFAULT_ARROW_SIZE_INC/2 - PANES_STYLE_DEFAULT_ARROW_TO_INC);
 827             }
 828          }
 829       }
 830       programs {
 831          program {
 832             name:   "panes_pair";
 833             signal: "elm.panes.pair";
 834             source: "elm";
 835             script {
 836                new st[31];
 837                new Float:vl;
 838                set_int(state_pair, 1);
 839                get_state(PART:"elm.bar", st, 30, vl);
 840                set_state(PART:"elm.bar", st, 0.1);
 841             }
 842          }
 843          program {
 844             name:   "panes_unpair";
 845             signal: "elm.panes.unpair";
 846             source: "elm";
 847             script {
 848                new st[31];
 849                new Float:vl;
 850                set_int(state_pair, 0);
 851                get_state(PART:"elm.bar", st, 30, vl);
 852                set_state(PART:"elm.bar", st, 0.0);
 853             }
 854          }
 855          program {
 856             name:   "button_click";
 857             signal: "mouse,down,1";
 858             source: "over2";
 859             action: SIGNAL_EMIT "elm,action,press" "";
 860             after: "button_click_anim";
 861             after: "arrow_anim_start";
 862          }
 863          program {
 864             name:   "button_click_anim";
 865             script {
 866                if(get_int(state_pair) == 1)
 867                   set_state(PART:"elm.bar", "clicked", 0.1);
 868                else
 869                   set_state(PART:"elm.bar", "clicked", 0.0);
 870             }
 871          }
 872          program {
 873             name:   "button_unclick";
 874             signal: "mouse,up,1";
 875             source: "over2";
 876             action: SIGNAL_EMIT "elm,action,unpress" "";
 877             after: "button_unclick_anim";
 878             after: "arrow_anim_stop";
 879          }
 880          program {
 881             name:   "button_unclick_anim";
 882             script {
 883                if(get_int(state_pair) == 1)
 884                   set_state(PART:"elm.bar", "default", 0.1);
 885                else
 886                   set_state(PART:"elm.bar", "default", 0.0);
 887             }
 888          }
 889          program {
 890             name:   "button_click2";
 891             signal: "mouse,down,1";
 892             source: "over3";
 893             action: STATE_SET "clicked" 0.0;
 894             target: "over3";
 895          }
 896          program {
 897             name:   "button_unclick2";
 898             signal: "mouse,up,1";
 899             source: "over3";
 900             action: STATE_SET "default" 0.0;
 901             transition: DECELERATE 0.5;
 902             target: "over3";
 903          }
 904          program {
 905             name:   "button_unclick3";
 906             signal: "mouse,up,1";
 907             source: "over2";
 908             action: SIGNAL_EMIT "elm,action,click" "";
 909          }
 910          program {
 911             name:   "button_down_double";
 912             signal: "mouse,down,1,double";
 913             source: "over3";
 914             action: SIGNAL_EMIT "elm,action,click,double" "";
 915          }
 916
 917          //arrows animation
 918          program {
 919             name: "arrow_anim_start";
 920             action: STATE_SET "anim_1" 0.0;
 921             target: "arrow_right";
 922             target: "arrow_left";
 923             transition: LINEAR 0.6;
 924             after: "arrow_anim_1";
 925          }
 926          program {
 927             name: "arrow_anim_1";
 928             action: STATE_SET "anim_2" 0.0;
 929             target: "arrow_right";
 930             target: "arrow_left";
 931             transition: LINEAR 0.6;
 932             after: "arrow_anim_2";
 933          }
 934          program {
 935             name: "arrow_anim_2";
 936             action: STATE_SET "default" 0.0;
 937             target: "arrow_right";
 938             target: "arrow_left";
 939             after: "arrow_anim_start";
 940          }
 941          program {
 942             name: "arrow_anim_stop";
 943             action: ACTION_STOP;
 944             target: "arrow_anim_start";
 945             target: "arrow_anim_1";
 946             target: "arrow_anim_2";
 947             after: "arrow_anim_stop_1";
 948          }
 949          program {
 950             name: "arrow_anim_stop_1";
 951             action: STATE_SET "default" 0.0;
 952             target: "arrow_right";
 953             target: "arrow_left";
 954             transition: DECELERATE 0.4;
 955          }
 956          //fix the pane
 957          program {
 958             name:   "panes_fixed";
 959             signal: "elm.panes.fixed";
 960             source: "elm";
 961             action: STATE_SET "disabled" 0.0;
 962             target: "elm.bar";
 963             target: "bar_left";
 964             target: "bar_right";
 965             target: "bar_disabled";
 966          }
 967          //allow the movement by interaction
 968          program {
 969             name:   "panes_unfixed";
 970             signal: "elm.panes.unfixed";
 971             source: "elm";
 972             action: STATE_SET "default" 0.0;
 973             target: "elm.bar";
 974             target: "bar_left";
 975             target: "bar_right";
 976             target: "bar_disabled";
 977          }
 978       }
 979    }
 980
 981 //Vertical Panes style to be used by music application
 982    group {
 983       name: "elm/panes/vertical/music";
 984       images {
 985          image: "arrow_right.png" COMP;
 986          image: "arrow_left.png" COMP;
 987          image: "00_splitscreen_handler_top.png" COMP;
 988          image: "00_splitscreen_handler_middle.png" COMP;
 989          image: "00_splitscreen_handler_bottom.png" COMP;
 990          image: "00_splitscreen_pain_music.png" COMP;
 991       }
 992       script {
 993          public state_pair = 0; //0:both content are not set, 1:both content are set
 994       }
 995       parts
 996       {
 997          part
 998          {
 999             name: "whole";
1000             type: RECT;
1001             mouse_events: 1;
1002             description
1003             {
1004                state: "default" 0.0;
1005                visible: 0;
1006             }
1007          }
1008
1009          //2 contents
1010          part
1011          {
1012             name: "whole_left";
1013             type: RECT;
1014             mouse_events: 0;
1015             description
1016             {
1017                state: "default" 0.0;
1018                rel2.to_x: "elm.bar";
1019                rel2.relative: 0.0 1.0;
1020                visible: 1;
1021             }
1022          }
1023          part
1024          {
1025             name: "elm.swallow.left";
1026             type: SWALLOW;
1027             clip_to: "whole_left";
1028             description
1029             {
1030                state: "default" 0.0;
1031                rel1.to: "whole_left";
1032                rel2.to: "whole_left";
1033             }
1034          }
1035
1036          part
1037          {
1038             name: "whole_right";
1039             type: RECT;
1040             mouse_events: 0;
1041             description
1042             {
1043                state: "default" 0.0;
1044                rel1.to_x: "elm.bar";
1045                rel1.relative: 1.0 0.0;
1046                visible: 1;
1047             }
1048          }
1049          part
1050          {
1051             name: "elm.swallow.right";
1052             type: SWALLOW;
1053             clip_to: "whole_right";
1054             description
1055             {
1056                state: "default" 0.0;
1057                rel1.to: "whole_right";
1058                rel2.to: "whole_right";
1059             }
1060          }
1061          part { name:"bar_top";
1062             mouse_events: 0;
1063             description { state:"default" 0.0;
1064                rel1 { relative: 0 0; to_x: "elm.bar"; }
1065                rel2 { relative: 1 0; to: "elm.bar"; }
1066                image {
1067                   normal: "00_splitscreen_handler_top.png";
1068                }
1069             }
1070             description { state: "disabled" 0.0;
1071                inherit: "default" 0.0;
1072                visible: 0;
1073             }
1074          }
1075          //BAR
1076          part { name: "elm.bar";
1077             mouse_events: 1;
1078             dragable {
1079             confine: "whole";
1080             x: 1 1 1;
1081             y: 0 0 0;
1082             }
1083             scale: 1;
1084             description { state: "default" 0.0;
1085                max: 0 49;
1086                min: 0 49;
1087                align: 1.0 0.5;
1088                rel1.relative: 0.0 0.5;
1089                rel2.relative: 1.0 0.5;
1090                image {
1091                   normal: "00_splitscreen_handler_middle.png";
1092                }
1093                color: 255 255 255 255;
1094             }
1095             description { state: "default" 0.1;
1096                inherit: "default" 0.0;
1097                max: 40 49;
1098                min: 40 49;
1099             }
1100             description { state: "clicked" 0.0;
1101                inherit: "default" 0.0;
1102                color: 200 200 200 200;
1103             }
1104             description { state: "clicked" 0.1;
1105                inherit: "default" 0.1;
1106                color: 200 200 200 200;
1107             }
1108             description { state: "disabled" 0.0;
1109                inherit:  "default" 0.0;
1110                min: 0 49;
1111                max: 0 49;
1112                visible: 0;
1113             }
1114             description { state: "disabled" 0.1;
1115                inherit:  "default" 0.1;
1116                min: 14 49;
1117                max: 14 49;
1118                visible: 0;
1119             }
1120          }
1121          part { name:"bar_bottom";
1122             mouse_events: 0;
1123             description { state:"default" 0.0;
1124                rel1 { relative: 0 1; to: "elm.bar"; }
1125                rel2 { relative: 1 1; to_x: "elm.bar"; }
1126                image {
1127                   normal: "00_splitscreen_handler_bottom.png";
1128                }
1129             }
1130             description { state: "disabled" 0.0;
1131                inherit: "default" 0.0;
1132                visible: 0;
1133             }
1134          }
1135          part { name: "over2";
1136             mouse_events: 1;
1137             repeat_events: 1;
1138             ignore_flags: ON_HOLD;
1139             description { state: "default" 0.0;
1140                rel1.to: "elm.bar";
1141                rel2.to: "elm.bar";
1142             }
1143             description { state: "disabled" 0.0;
1144                inherit:  "default" 0.0;
1145                visible: 0;
1146             }
1147          }
1148          part { name: "over3";
1149             mouse_events: 1;
1150             repeat_events: 1;
1151             description { state: "default" 0.0;
1152                color: 255 255 255 0;
1153                rel1.to: "elm.bar";
1154                rel2.to: "elm.bar";
1155             }
1156             description { state: "clicked" 0.0;
1157                inherit:  "default" 0.0;
1158                visible: 1;
1159                color: 255 255 255 255;
1160             }
1161          }
1162          part { name:"bar_disabled";
1163             description { state:"default" 0.0;
1164                rel1 { relative: 0 0; to_x: "elm.bar"; }
1165                rel2 { relative: 1 1; to_x: "elm.bar"; }
1166                image {
1167                   normal: "00_splitscreen_pain_music.png";
1168                }
1169                visible: 0;
1170             }
1171             description { state: "disabled" 0.0;
1172                inherit: "default" 0.0;
1173                visible: 1;
1174             }
1175          }
1176
1177          //Arrow
1178          part {
1179             name: "arrow_right";
1180             scale: 1;
1181             mouse_events: 0;
1182             description { state: "default" 0.0;
1183                min: 45 45;
1184                max: 45 45;
1185                color: 255 255 255 0;
1186
1187                rel1.relative: 1.0 0.5;
1188                rel1.to_x: "elm.bar";
1189                rel1.offset: 45/2 -45/2;
1190
1191                rel2.relative: 1.0 0.5;
1192                rel2.to_x: "elm.bar";
1193                rel2.offset: 45/2 45/2;
1194
1195                image.normal: "arrow_right.png";
1196
1197                fixed: 1 1;
1198             }
1199             description { state: "anim_1" 0.0;
1200                inherit: "default" 0.0;
1201                color: 255 255 255 200;
1202                rel1.offset: (45/2 + 10) -45/2;
1203                rel2.offset: (45/2 +10) 45/2;
1204             }
1205             description { state: "anim_2" 0.0;
1206                inherit: "default" 0.0;
1207                color: 255 255 255 0;
1208                rel1.offset: (45/2 + 20) -45/2;
1209                rel2.offset: (45/2 + 20) 45/2;
1210             }
1211          }
1212          part {
1213             name: "arrow_left";
1214             scale: 1;
1215             mouse_events: 0;
1216             description { state: "default" 0.0;
1217                min: 45 45;
1218                max: 45 45;
1219                color: 255 255 255 0;
1220
1221                rel1.relative: 0.0 0.5;
1222                rel1.to_x: "elm.bar";
1223                rel1.offset: -45/2 -45/2;
1224
1225                rel2.relative: 0.0 0.5;
1226                rel2.to_x: "elm.bar";
1227                rel2.offset: -45/2 45/2;
1228
1229                image.normal: "arrow_left.png";
1230
1231                fixed: 1 1;
1232             }
1233             description { state: "anim_1" 0.0;
1234                inherit: "default" 0.0;
1235                color: 255 255 255 200;
1236                rel1.offset: (-45/2 - 10) -45/2;
1237                rel2.offset: (-45/2 - 10) 45/2;
1238             }
1239             description { state: "anim_2" 0.0;
1240                inherit: "default" 0.0;
1241                color: 255 255 255 0;
1242                rel1.offset: (-45/2 - 20) -45/2;
1243                rel2.offset: (-45/2 - 20) 45/2;
1244             }
1245          }
1246       }
1247       programs {
1248          program {
1249             name:   "panes_pair";
1250             signal: "elm.panes.pair";
1251             source: "elm";
1252             script {
1253                new st[31];
1254                new Float:vl;
1255                set_int(state_pair, 1);
1256                get_state(PART:"elm.bar", st, 30, vl);
1257                set_state(PART:"elm.bar", st, 0.1);
1258             }
1259          }
1260          program {
1261             name:   "panes_unpair";
1262             signal: "elm.panes.unpair";
1263             source: "elm";
1264             script {
1265                new st[31];
1266                new Float:vl;
1267                set_int(state_pair, 0);
1268                get_state(PART:"elm.bar", st, 30, vl);
1269                set_state(PART:"elm.bar", st, 0.0);
1270             }
1271          }
1272          program {
1273             name:   "button_click";
1274             signal: "mouse,down,1";
1275             source: "over2";
1276             action: SIGNAL_EMIT "elm,action,press" "";
1277             after: "button_click_anim";
1278             after: "arrow_anim_start";
1279          }
1280          program {
1281             name:   "button_click_anim";
1282             script {
1283                if(get_int(state_pair) == 1)
1284                   set_state(PART:"elm.bar", "clicked", 0.1);
1285                else
1286                   set_state(PART:"elm.bar", "clicked", 0.0);
1287             }
1288          }
1289          program {
1290             name:   "button_unclick";
1291             signal: "mouse,up,1";
1292             source: "over2";
1293             action: SIGNAL_EMIT "elm,action,unpress" "";
1294             after: "button_unclick_anim";
1295             after: "arrow_anim_stop";
1296          }
1297          program {
1298             name:   "button_unclick_anim";
1299             script {
1300                if(get_int(state_pair) == 1)
1301                   set_state(PART:"elm.bar", "default", 0.1);
1302                else
1303                   set_state(PART:"elm.bar", "default", 0.0);
1304             }
1305          }
1306          program {
1307             name:   "button_click2";
1308             signal: "mouse,down,1";
1309             source: "over3";
1310             action: STATE_SET "clicked" 0.0;
1311             target: "over3";
1312          }
1313          program {
1314             name:   "button_unclick2";
1315             signal: "mouse,up,1";
1316             source: "over3";
1317             action: STATE_SET "default" 0.0;
1318             transition: DECELERATE 0.5;
1319             target: "over3";
1320          }
1321          program {
1322             name:   "button_unclick3";
1323             signal: "mouse,up,1";
1324             source: "over2";
1325             action: SIGNAL_EMIT "elm,action,click" "";
1326          }
1327          program {
1328             name:   "button_down_double";
1329             signal: "mouse,down,1,double";
1330             source: "over3";
1331             action: SIGNAL_EMIT "elm,action,click,double" "";
1332          }
1333
1334          //arrows animation
1335          program {
1336             name: "arrow_anim_start";
1337             action: STATE_SET "anim_1" 0.0;
1338             target: "arrow_right";
1339             target: "arrow_left";
1340             transition: LINEAR 0.6;
1341             after: "arrow_anim_1";
1342          }
1343          program {
1344             name: "arrow_anim_1";
1345             action: STATE_SET "anim_2" 0.0;
1346             target: "arrow_right";
1347             target: "arrow_left";
1348             transition: LINEAR 0.6;
1349             after: "arrow_anim_2";
1350          }
1351          program {
1352             name: "arrow_anim_2";
1353             action: STATE_SET "default" 0.0;
1354             target: "arrow_right";
1355             target: "arrow_left";
1356             after: "arrow_anim_start";
1357          }
1358          program {
1359             name: "arrow_anim_stop";
1360             action: ACTION_STOP;
1361             target: "arrow_anim_start";
1362             target: "arrow_anim_1";
1363             target: "arrow_anim_2";
1364             after: "arrow_anim_stop_1";
1365          }
1366          program {
1367             name: "arrow_anim_stop_1";
1368             action: STATE_SET "default" 0.0;
1369             target: "arrow_right";
1370             target: "arrow_left";
1371             transition: DECELERATE 0.4;
1372          }
1373          //fix the pane
1374          program {
1375             name:   "panes_fixed";
1376             signal: "elm.panes.fixed";
1377             source: "elm";
1378             action: STATE_SET "disabled" 0.0;
1379             target: "elm.bar";
1380             target: "bar_top";
1381             target: "bar_bottom";
1382             target: "bar_disabled";
1383          }
1384          //allow the movement by interaction
1385          program {
1386             name:   "panes_unfixed";
1387             signal: "elm.panes.unfixed";
1388             source: "elm";
1389             action: STATE_SET "default" 0.0;
1390             target: "elm.bar";
1391             target: "bar_top";
1392             target: "bar_bottom";
1393             target: "bar_disabled";
1394          }
1395       }
1396    }
1397
1398 //Horizontal Panes style to be used by music application
1399       group {
1400       name: "elm/panes/horizontal/music";
1401       images {
1402          image: "arrow_up.png" COMP;
1403          image: "arrow_down.png" COMP;
1404          image: "00_splitscreen_handler_left_hor.png" COMP;
1405          image: "00_splitscreen_handler_middle_hor.png" COMP;
1406          image: "00_splitscreen_handler_right_hor.png" COMP;
1407          image: "00_splitscreen_pain_hor.png" COMP;
1408       }
1409       script {
1410          public state_pair = 0; //0:both content are not set, 1:both content are set
1411       }
1412       parts
1413       {
1414          part
1415          {
1416             name: "whole";
1417             type: RECT;
1418             mouse_events: 0;
1419             description
1420             {
1421                state: "default" 0.0;
1422                visible: 0;
1423             }
1424          }
1425
1426          //2 contents
1427          part
1428          {
1429             name: "whole_left";
1430             type: RECT;
1431             mouse_events: 0;
1432             description
1433             {
1434                state: "default" 0.0;
1435                rel2.to_y: "elm.bar";
1436                rel2.relative: 1.0 0.0;
1437                visible: 1;
1438             }
1439          }
1440          part
1441          {
1442             name: "elm.swallow.left";
1443             type: SWALLOW;
1444             clip_to: "whole_left";
1445             description
1446             {
1447                state: "default" 0.0;
1448                rel1.to: "whole_left";
1449                rel2.to: "whole_left";
1450             }
1451          }
1452
1453          part
1454          {
1455             name: "whole_right";
1456             type: RECT;
1457             mouse_events: 0;
1458             description
1459             {
1460                state: "default" 0.0;
1461                rel1.to_y: "elm.bar";
1462                rel1.relative: 0.0 1.0;
1463                visible: 1;
1464             }
1465          }
1466          part
1467          {
1468             name: "elm.swallow.right";
1469             type: SWALLOW;
1470             clip_to: "whole_right";
1471             description
1472             {
1473                state: "default" 0.0;
1474                rel1.to: "whole_right";
1475                rel2.to: "whole_right";
1476             }
1477          }
1478          part { name:"bar_left";
1479             mouse_events: 0;
1480             description { state:"default" 0.0;
1481                rel1 { relative: 0 0; to_y: "elm.bar"; }
1482                rel2 { relative: 0 1; to: "elm.bar"; }
1483                image {
1484                   normal: "00_splitscreen_handler_left_hor.png";
1485                }
1486             }
1487             description { state: "disabled" 0.0;
1488                inherit: "default" 0.0;
1489                visible: 0;
1490             }
1491          }
1492          //BAR
1493          part { name: "elm.bar";
1494             mouse_events: 1;
1495             dragable {
1496                confine: "whole";
1497                x: 0 0 0;
1498                y: 1 1 1;
1499             }
1500             scale: 1;
1501             description { state: "default" 0.0;
1502                max: 49 0;
1503                min: 49 0;
1504                rel1.relative: 0.5 0.0;
1505                rel2.relative: 0.5 1.0;
1506                align: 0.5 0.0;
1507                image {
1508                   normal: "00_splitscreen_handler_middle_hor.png";
1509                }
1510                color: 255 255 255 255;
1511             }
1512             description { state: "default" 0.1;
1513                inherit: "default" 0.0;
1514                max: 49 40;
1515                min: 49 40;
1516             }
1517             description { state: "clicked" 0.0;
1518                inherit: "default" 0.0;
1519                color: 200 200 200 200;
1520             }
1521             description { state: "clicked" 0.1;
1522                inherit: "default" 0.1;
1523                color: 200 200 200 200;
1524             }
1525             description { state: "disabled" 0.0;
1526                inherit:  "default" 0.0;
1527                min: 49 0;
1528                max: 49 0;
1529                visible: 0;
1530             }
1531             description { state: "disabled" 0.1;
1532                inherit:  "default" 0.1;
1533                min: 49 14;
1534                max: 49 14;
1535                visible: 0;
1536             }
1537          }
1538          part { name:"bar_right";
1539             mouse_events: 0;
1540             description { state:"default" 0.0;
1541                rel1 { relative: 1 0; to: "elm.bar"; }
1542                rel2 { relative: 1 1; to_y: "elm.bar"; }
1543                image {
1544                   normal: "00_splitscreen_handler_right_hor.png";
1545                }
1546             }
1547             description { state: "disabled" 0.0;
1548                inherit: "default" 0.0;
1549                visible: 0;
1550             }
1551          }
1552          part { name: "over2";
1553             mouse_events: 1;
1554             repeat_events: 1;
1555             ignore_flags: ON_HOLD;
1556             description { state: "default" 0.0;
1557                rel1.to: "elm.bar";
1558                rel2.to: "elm.bar";
1559             }
1560             description { state: "disabled" 0.0;
1561                inherit:  "default" 0.0;
1562                visible: 0;
1563             }
1564          }
1565          part { name: "over3";
1566             mouse_events: 1;
1567             repeat_events: 1;
1568             description { state: "default" 0.0;
1569                color: 255 255 255 0;
1570                rel1.to: "elm.bar";
1571                rel2.to: "elm.bar";
1572             }
1573             description { state: "clicked" 0.0;
1574                inherit:  "default" 0.0;
1575                visible: 1;
1576                color: 255 255 255 255;
1577             }
1578          }
1579          part { name:"bar_disabled";
1580             description { state:"default" 0.0;
1581                rel1 { relative: 0 0; to_y: "elm.bar"; }
1582                rel2 { relative: 1 1; to_y: "elm.bar"; }
1583                image {
1584                   normal: "00_splitscreen_pain_hor.png";
1585                }
1586                visible: 0;
1587             }
1588             description { state: "disabled" 0.0;
1589                inherit: "default" 0.0;
1590                visible: 1;
1591             }
1592          }
1593
1594          //Arrow
1595          part {
1596             name: "arrow_right";
1597             scale: 1;
1598             mouse_events: 0;
1599             description { state: "default" 0.0;
1600                min: 45 45;
1601                max: 45 45;
1602                color: 255 255 255 0;
1603
1604                rel1.relative: 0.5 1.0;
1605                rel1.to_y: "elm.bar";
1606                rel1.offset: -45/2 45/2;
1607
1608                rel2.relative: 0.5 1.0;
1609                rel2.to_y: "elm.bar";
1610                rel2.offset: 45/2 45/2;
1611
1612                image.normal: "arrow_down.png";
1613
1614                fixed: 1 1;
1615             }
1616             description { state: "anim_1" 0.0;
1617                inherit: "default" 0.0;
1618                color: 255 255 255 200;
1619                rel1.offset: -45/2 (45/2 +10);
1620                rel2.offset: 45/2 (45/2 +10);
1621             }
1622             description { state: "anim_2" 0.0;
1623                inherit: "default" 0.0;
1624                color: 255 255 255 0;
1625                rel1.offset: -45/2 (45/2 + 20);
1626                rel2.offset: 45/2 (45/2 + 20);
1627             }
1628          }
1629          part {
1630             name: "arrow_left";
1631             scale: 1;
1632             mouse_events: 0;
1633             description { state: "default" 0.0;
1634                min: 45 45;
1635                max: 45 45;
1636                color: 255 255 255 0;
1637
1638                rel1.relative: 0.5 0.0;
1639                rel1.to_y: "elm.bar";
1640                rel1.offset: -45/2 -45/2;
1641
1642                rel2.relative: 0.5 0.0;
1643                rel2.to_y: "elm.bar";
1644                rel2.offset: 45/2 -45/2;
1645
1646                image.normal: "arrow_up.png";
1647
1648                fixed: 1 1;
1649             }
1650             description { state: "anim_1" 0.0;
1651                inherit: "default" 0.0;
1652                color: 255 255 255 200;
1653                rel1.offset: -45/2 (-45/2 - 10);
1654                rel2.offset: 45/2 (-45/2 - 10);
1655             }
1656             description { state: "anim_2" 0.0;
1657                inherit: "default" 0.0;
1658                color: 255 255 255 0;
1659                rel1.offset: -45/2 (-45/2 - 20);
1660                rel2.offset: 45/2 (-45/2 - 20);
1661             }
1662          }
1663       }
1664       programs {
1665          program {
1666             name:   "panes_pair";
1667             signal: "elm.panes.pair";
1668             source: "elm";
1669             script {
1670                new st[31];
1671                new Float:vl;
1672                set_int(state_pair, 1);
1673                get_state(PART:"elm.bar", st, 30, vl);
1674                set_state(PART:"elm.bar", st, 0.1);
1675             }
1676          }
1677          program {
1678             name:   "panes_unpair";
1679             signal: "elm.panes.unpair";
1680             source: "elm";
1681             script {
1682                new st[31];
1683                new Float:vl;
1684                set_int(state_pair, 0);
1685                get_state(PART:"elm.bar", st, 30, vl);
1686                set_state(PART:"elm.bar", st, 0.0);
1687             }
1688          }
1689          program {
1690             name:   "button_click";
1691             signal: "mouse,down,1";
1692             source: "over2";
1693             action: SIGNAL_EMIT "elm,action,press" "";
1694             after: "button_click_anim";
1695             after: "arrow_anim_start";
1696          }
1697          program {
1698             name:   "button_click_anim";
1699             script {
1700                if(get_int(state_pair) == 1)
1701                   set_state(PART:"elm.bar", "clicked", 0.1);
1702                else
1703                   set_state(PART:"elm.bar", "clicked", 0.0);
1704             }
1705          }
1706          program {
1707             name:   "button_unclick";
1708             signal: "mouse,up,1";
1709             source: "over2";
1710             action: SIGNAL_EMIT "elm,action,unpress" "";
1711             after: "button_unclick_anim";
1712             after: "arrow_anim_stop";
1713          }
1714          program {
1715             name:   "button_unclick_anim";
1716             script {
1717                if(get_int(state_pair) == 1)
1718                   set_state(PART:"elm.bar", "default", 0.1);
1719                else
1720                   set_state(PART:"elm.bar", "default", 0.0);
1721             }
1722          }
1723          program {
1724             name:   "button_click2";
1725             signal: "mouse,down,1";
1726             source: "over3";
1727             action: STATE_SET "clicked" 0.0;
1728             target: "over3";
1729          }
1730          program {
1731             name:   "button_unclick2";
1732             signal: "mouse,up,1";
1733             source: "over3";
1734             action: STATE_SET "default" 0.0;
1735             transition: DECELERATE 0.5;
1736             target: "over3";
1737          }
1738          program {
1739             name:   "button_unclick3";
1740             signal: "mouse,up,1";
1741             source: "over2";
1742             action: SIGNAL_EMIT "elm,action,click" "";
1743          }
1744          program {
1745             name:   "button_down_double";
1746             signal: "mouse,down,1,double";
1747             source: "over3";
1748             action: SIGNAL_EMIT "elm,action,click,double" "";
1749          }
1750
1751          //arrows animation
1752          program {
1753             name: "arrow_anim_start";
1754             action: STATE_SET "anim_1" 0.0;
1755             target: "arrow_right";
1756             target: "arrow_left";
1757             transition: LINEAR 0.6;
1758             after: "arrow_anim_1";
1759          }
1760          program {
1761             name: "arrow_anim_1";
1762             action: STATE_SET "anim_2" 0.0;
1763             target: "arrow_right";
1764             target: "arrow_left";
1765             transition: LINEAR 0.6;
1766             after: "arrow_anim_2";
1767          }
1768          program {
1769             name: "arrow_anim_2";
1770             action: STATE_SET "default" 0.0;
1771             target: "arrow_right";
1772             target: "arrow_left";
1773             after: "arrow_anim_start";
1774          }
1775          program {
1776             name: "arrow_anim_stop";
1777             action: ACTION_STOP;
1778             target: "arrow_anim_start";
1779             target: "arrow_anim_1";
1780             target: "arrow_anim_2";
1781             after: "arrow_anim_stop_1";
1782          }
1783          program {
1784             name: "arrow_anim_stop_1";
1785             action: STATE_SET "default" 0.0;
1786             target: "arrow_right";
1787             target: "arrow_left";
1788             transition: DECELERATE 0.4;
1789          }
1790          //fix the pane
1791          program {
1792             name:   "panes_fixed";
1793             signal: "elm.panes.fixed";
1794             source: "elm";
1795             action: STATE_SET "disabled" 0.0;
1796             target: "elm.bar";
1797             target: "bar_left";
1798             target: "bar_right";
1799             target: "bar_disabled";
1800          }
1801          //allow the movement by interaction
1802          program {
1803             name:   "panes_unfixed";
1804             signal: "elm.panes.unfixed";
1805             source: "elm";
1806             action: STATE_SET "default" 0.0;
1807             target: "elm.bar";
1808             target: "bar_left";
1809             target: "bar_right";
1810             target: "bar_disabled";
1811          }
1812       }
1813    }