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: "00_splitscreen_handler_top.png" COMP;
  23          image: "00_splitscreen_handler_top_press.png" COMP;
  24          image: "00_splitscreen_handler_middle.png" COMP;
  25          image: "00_splitscreen_handler_middle_press.png" COMP;
  26          image: "00_splitscreen_handler_bottom.png" COMP;
  27          image: "00_splitscreen_handler_bottom_press.png" COMP;
  28          image: "00_splitscreen_fixed_divider_top.png" COMP;
  29          image: "00_splitscreen_fixed_divider_middle.png" COMP;
  30          image: "00_splitscreen_fixed_divider_bottom.png" COMP;
  31       }
  32       script {
  33          public state_pair = 0; //0:both content are not set, 1:both content are set
  34       }
  35       parts
  36       {
  37          part
  38          {
  39             name: "whole";
  40             type: RECT;
  41             description
  42             {
  43                state: "default" 0.0;
  44                visible: 0;
  45             }
  46          }
  47
  48          //2 contents
  49          part
  50          {
  51             name: "whole_left";
  52             type: RECT;
  53             mouse_events: 0;
  54             description
  55             {
  56                state: "default" 0.0;
  57                rel2.to_x: "elm.bar";
  58                rel2.relative: 0.0 1.0;
  59                visible: 1;
  60             }
  61          }
  62          part
  63          {
  64             name: "elm.swallow.left";
  65             type: SWALLOW;
  66             clip_to: "whole_left";
  67             description
  68             {
  69                state: "default" 0.0;
  70                rel1.to: "whole_left";
  71                rel2.to: "whole_left";
  72             }
  73          }
  74
  75          part
  76          {
  77             name: "whole_right";
  78             type: RECT;
  79             mouse_events: 0;
  80             description
  81             {
  82                state: "default" 0.0;
  83                rel1.to_x: "elm.bar";
  84                rel1.relative: 1.0 0.0;
  85             }
  86          }
  87          part
  88          {
  89             name: "elm.swallow.right";
  90             type: SWALLOW;
  91             clip_to: "whole_right";
  92             description
  93             {
  94                state: "default" 0.0;
  95                rel1.to: "whole_right";
  96                rel2.to: "whole_right";
  97             }
  98          }
  99          part { name:"bar_top";
 100             mouse_events: 0;
 101             description { state:"default" 0.0;
 102                rel1 { relative: 0 0; to_x: "elm.bar"; }
 103                rel2 { relative: 1 0; to: "elm.bar"; }
 104                image {
 105                   normal: "00_splitscreen_handler_top.png";
 106                }
 107             }
 108             description { state:"clicked" 0.0;
 109                inherit: "default" 0.0;
 110                image.normal: "00_splitscreen_handler_top_press.png";
 111             }
 112             description { state: "disabled" 0.0;
 113                inherit: "default" 0.0;
 114                image.normal: "00_splitscreen_fixed_divider_top.png";
 115             }
 116          }
 117          //BAR
 118          part { name: "elm.bar";
 119             mouse_events: 1;
 120             dragable {
 121             confine: "whole";
 122             x: 1 1 1;
 123             y: 0 0 0;
 124             }
 125             scale: 1;
 126             description { state: "default" 0.0;
 127                min: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 128                max: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 129                align: 1.0 0.5;
 130                rel1.relative: 0.0 0.5;
 131                rel2.relative: 1.0 0.5;
 132                image {
 133                   normal: "00_splitscreen_handler_middle.png";
 134                }
 135                color: 255 255 255 255;
 136             }
 137             description { state: "default" 0.1;
 138                inherit: "default" 0.0;
 139                min: PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 140                max: PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 141             }
 142             description { state: "clicked" 0.0;
 143                inherit: "default" 0.0;
 144                image.normal: "00_splitscreen_handler_middle_press.png";
 145             }
 146             description { state: "clicked" 0.1;
 147                inherit: "default" 0.1;
 148                image.normal: "00_splitscreen_handler_middle_press.png";
 149             }
 150             description { state: "disabled" 0.0;
 151                inherit:  "default" 0.0;
 152                min: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 153                max: 0 PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 154                visible: 0;
 155             }
 156             description { state: "disabled" 0.1;
 157                inherit:  "default" 0.1;
 158                min: PANES_STYLE_DEFAULT_FIXED_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 159                max: PANES_STYLE_DEFAULT_FIXED_SIZE_INC PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC;
 160                image.normal: "00_splitscreen_fixed_divider_middle.png";
 161             }
 162          }
 163          part { name:"bar_bottom";
 164             mouse_events: 0;
 165             description { state:"default" 0.0;
 166                rel1 { relative: 0 1; to: "elm.bar"; }
 167                rel2 { relative: 1 1; to_x: "elm.bar"; }
 168                image {
 169                   normal: "00_splitscreen_handler_bottom.png";
 170                }
 171             }
 172             description { state:"clicked" 0.0;
 173                inherit: "default" 0.0;
 174                image.normal: "00_splitscreen_handler_bottom_press.png";
 175             }
 176             description { state: "disabled" 0.0;
 177                inherit: "default" 0.0;
 178                image.normal: "00_splitscreen_fixed_divider_bottom.png";
 179             }
 180          }
 181          part { name: "over2";
 182             mouse_events: 1;
 183             repeat_events: 1;
 184             ignore_flags: ON_HOLD;
 185             description { state: "default" 0.0;
 186                rel1.to: "elm.bar";
 187                rel2.to: "elm.bar";
 188             }
 189             description { state: "disabled" 0.0;
 190                inherit:  "default" 0.0;
 191                visible: 0;
 192             }
 193          }
 194          part { name: "over3";
 195             mouse_events: 1;
 196             repeat_events: 1;
 197             description { state: "default" 0.0;
 198                rel1.to: "elm.bar";
 199                rel2.to: "elm.bar";
 200             }
 201             description { state: "clicked" 0.0;
 202                inherit:  "default" 0.0;
 203             }
 204          }
 205          part { name:"bar_disabled";
 206             type: RECT;
 207             description { state:"default" 0.0;
 208                rel1 { relative: 0 0; to_x: "elm.bar"; }
 209                rel2 { relative: 1 1; to_x: "elm.bar"; }
 210                color: 0 0 0 0;
 211                visible: 0;
 212             }
 213             description { state: "disabled" 0.0;
 214                inherit: "default" 0.0;
 215                visible: 1;
 216             }
 217          }
 218       }
 219       programs {
 220          program {
 221             name:   "panes_pair";
 222             signal: "elm.panes.pair";
 223             source: "elm";
 224             script {
 225                new st[31];
 226                new Float:vl;
 227                set_int(state_pair, 1);
 228                get_state(PART:"elm.bar", st, 30, vl);
 229                set_state(PART:"elm.bar", st, 0.1);
 230             }
 231          }
 232          program {
 233             name:   "panes_unpair";
 234             signal: "elm.panes.unpair";
 235             source: "elm";
 236             script {
 237                new st[31];
 238                new Float:vl;
 239                set_int(state_pair, 0);
 240                get_state(PART:"elm.bar", st, 30, vl);
 241                set_state(PART:"elm.bar", st, 0.0);
 242             }
 243          }
 244          program {
 245             name:   "button_click";
 246             signal: "mouse,down,1";
 247             source: "over2";
 248             action: SIGNAL_EMIT "elm,action,press" "";
 249             after: "button_click_anim";
 250          }
 251          program {
 252             name:   "button_click_anim";
 253             script {
 254                if(get_int(state_pair) == 1)
 255                  set_state(PART:"elm.bar", "clicked", 0.1);
 256                else
 257                  set_state(PART:"elm.bar", "clicked", 0.0);
 258                set_state(PART:"bar_top", "clicked", 0.0);
 259                set_state(PART:"bar_bottom", "clicked", 0.0);
 260             }
 261          }
 262          program {
 263             name:   "button_unclick";
 264             signal: "mouse,up,1";
 265             source: "over2";
 266             action: SIGNAL_EMIT "elm,action,unpress" "";
 267             after: "button_unclick_anim";
 268          }
 269          program {
 270             name:   "button_unclick_anim";
 271             script {
 272                if(get_int(state_pair) == 1)
 273                  set_state(PART:"elm.bar", "default", 0.1);
 274                else
 275                  set_state(PART:"elm.bar", "default", 0.0);
 276                set_state(PART:"bar_top", "default", 0.0);
 277                set_state(PART:"bar_bottom", "default", 0.0);
 278             }
 279          }
 280          program {
 281             name:   "button_click2";
 282             signal: "mouse,down,1";
 283             source: "over3";
 284             action: STATE_SET "clicked" 0.0;
 285             target: "over3";
 286          }
 287          program {
 288             name:   "button_unclick2";
 289             signal: "mouse,up,1";
 290             source: "over3";
 291             action: STATE_SET "default" 0.0;
 292             transition: DECELERATE 0.5;
 293             target: "over3";
 294          }
 295          program {
 296             name:   "button_unclick3";
 297             signal: "mouse,up,1";
 298             source: "over2";
 299             action: SIGNAL_EMIT "elm,action,click" "";
 300          }
 301          program {
 302             name:   "button_down_double";
 303             signal: "mouse,down,1,double";
 304             source: "over3";
 305             action: SIGNAL_EMIT "elm,action,click,double" "";
 306          }
 307          //fix the pane
 308          program {
 309             name:   "panes_fixed";
 310             signal: "elm.panes.fixed";
 311             source: "elm";
 312             action: STATE_SET "disabled" 0.0;
 313             target: "elm.bar";
 314             target: "bar_top";
 315             target: "bar_bottom";
 316             target: "bar_disabled";
 317          }
 318          //allow the movement by interaction
 319          program {
 320             name:   "panes_unfixed";
 321             signal: "elm.panes.unfixed";
 322             source: "elm";
 323             action: STATE_SET "default" 0.0;
 324             target: "elm.bar";
 325             target: "bar_top";
 326             target: "bar_bottom";
 327             target: "bar_disabled";
 328          }
 329       }
 330    }
 331
 332    group {
 333       name: "elm/panes/horizontal/default";
 334       images {
 335          image: "00_splitscreen_handler_hor_left.png" COMP;
 336          image: "00_splitscreen_handler_hor_left_press.png" COMP;
 337          image: "00_splitscreen_handler_hor_middle.png" COMP;
 338          image: "00_splitscreen_handler_hor_middle_press.png" COMP;
 339          image: "00_splitscreen_handler_hor_right.png" COMP;
 340          image: "00_splitscreen_handler_hor_right_press.png" COMP;
 341          image: "00_splitscreen_fixed_divider_hor_left.png" COMP;
 342          image: "00_splitscreen_fixed_divider_hor_middle.png" COMP;
 343          image: "00_splitscreen_fixed_divider_hor_right.png" COMP;
 344       }
 345       script {
 346          public state_pair = 0; //0:both content are not set, 1:both content are set
 347       }
 348       parts
 349       {
 350          part
 351          {
 352             name: "whole";
 353             type: RECT;
 354             description
 355             {
 356                state: "default" 0.0;
 357                visible: 0;
 358             }
 359          }
 360
 361          //2 contents
 362          part
 363          {
 364             name: "whole_left";
 365             type: RECT;
 366             mouse_events: 0;
 367             description
 368             {
 369                state: "default" 0.0;
 370                rel2.to_y: "elm.bar";
 371                rel2.relative: 1.0 0.0;
 372                visible: 1;
 373             }
 374          }
 375          part
 376          {
 377             name: "elm.swallow.left";
 378             type: SWALLOW;
 379             clip_to: "whole_left";
 380             description
 381             {
 382                state: "default" 0.0;
 383                rel1.to: "whole_left";
 384                rel2.to: "whole_left";
 385             }
 386          }
 387
 388          part
 389          {
 390             name: "whole_right";
 391             type: RECT;
 392             mouse_events: 0;
 393             description
 394             {
 395                state: "default" 0.0;
 396                rel1.to_y: "elm.bar";
 397                rel1.relative: 0.0 1.0;
 398             }
 399          }
 400          part
 401          {
 402             name: "elm.swallow.right";
 403             type: SWALLOW;
 404             clip_to: "whole_right";
 405             description
 406             {
 407                state: "default" 0.0;
 408                rel1.to: "whole_right";
 409                rel2.to: "whole_right";
 410             }
 411          }
 412          part { name:"bar_left";
 413             mouse_events: 0;
 414             description { state:"default" 0.0;
 415                rel1 { relative: 0 0; to_y: "elm.bar"; }
 416                rel2 { relative: 0 1; to: "elm.bar"; }
 417                image.normal: "00_splitscreen_handler_hor_left.png";
 418             }
 419             description { state:"clicked" 0.0;
 420                inherit: "default" 0.0;
 421                image.normal: "00_splitscreen_handler_hor_left_press.png";
 422             }
 423             description { state: "disabled" 0.0;
 424                inherit: "default" 0.0;
 425                image.normal: "00_splitscreen_fixed_divider_hor_left.png";
 426             }
 427          }
 428          //BAR
 429          part { name: "elm.bar";
 430             mouse_events: 1;
 431             dragable {
 432                confine: "whole";
 433                x: 0 0 0;
 434                y: 1 1 1;
 435             }
 436             scale: 1;
 437             description { state: "default" 0.0;
 438                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 439                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 440                rel1.relative: 0.5 0.0;
 441                rel2.relative: 0.5 1.0;
 442                align: 0.5 0.0;
 443                image.normal: "00_splitscreen_handler_hor_middle.png";
 444             }
 445             description { state: "default" 0.1;
 446                inherit: "default" 0.0;
 447                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC;
 448                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_MOVABLE_SIZE_INC;
 449             }
 450             description { state: "clicked" 0.0;
 451                inherit: "default" 0.0;
 452             }
 453             description { state: "clicked" 0.1;
 454                inherit: "default" 0.1;
 455                image.normal: "00_splitscreen_handler_hor_middle_press.png";
 456             }
 457             description { state: "disabled" 0.0;
 458                inherit:  "default" 0.0;
 459                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 460                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC 0;
 461                visible: 0;
 462             }
 463             description { state: "disabled" 0.1;
 464                inherit:  "default" 0.1;
 465                min: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_FIXED_SIZE_INC;
 466                max: PANES_STYLE_DEFAULT_MIDDLE_SIZE_INC PANES_STYLE_DEFAULT_FIXED_SIZE_INC;
 467                image.normal: "00_splitscreen_fixed_divider_hor_middle.png";
 468             }
 469          }
 470          part { name:"bar_right";
 471             mouse_events: 0;
 472             description { state:"default" 0.0;
 473                rel1 { relative: 1 0; to: "elm.bar"; }
 474                rel2 { relative: 1 1; to_y: "elm.bar"; }
 475                image.normal: "00_splitscreen_handler_hor_right.png";
 476             }
 477             description { state:"clicked" 0.0;
 478                inherit: "default" 0.0;
 479                image.normal: "00_splitscreen_handler_hor_right_press.png";
 480             }
 481             description { state: "disabled" 0.0;
 482                inherit: "default" 0.0;
 483                image.normal: "00_splitscreen_fixed_divider_hor_right.png";
 484             }
 485          }
 486          part { name: "over2";
 487             mouse_events: 1;
 488             repeat_events: 1;
 489             ignore_flags: ON_HOLD;
 490             description { state: "default" 0.0;
 491                rel1.to: "elm.bar";
 492                rel2.to: "elm.bar";
 493             }
 494             description { state: "disabled" 0.0;
 495                inherit:  "default" 0.0;
 496                visible: 0;
 497             }
 498          }
 499          part { name: "over3";
 500             mouse_events: 1;
 501             repeat_events: 1;
 502             description { state: "default" 0.0;
 503                rel1.to: "elm.bar";
 504                rel2.to: "elm.bar";
 505             }
 506             description { state: "clicked" 0.0;
 507                inherit:  "default" 0.0;
 508             }
 509          }
 510          part { name:"bar_disabled";
 511             type: RECT;
 512             description { state:"default" 0.0;
 513                rel1 { relative: 0 0; to_y: "elm.bar"; }
 514                rel2 { relative: 1 1; to_y: "elm.bar"; }
 515                color: 0 0 0 0;
 516                visible: 0;
 517             }
 518             description { state: "disabled" 0.0;
 519                inherit: "default" 0.0;
 520                visible: 1;
 521             }
 522          }
 523       }
 524       programs {
 525          program {
 526             name:   "panes_pair";
 527             signal: "elm.panes.pair";
 528             source: "elm";
 529             script {
 530                new st[31];
 531                new Float:vl;
 532                set_int(state_pair, 1);
 533                get_state(PART:"elm.bar", st, 30, vl);
 534                set_state(PART:"elm.bar", st, 0.1);
 535             }
 536          }
 537          program {
 538             name:   "panes_unpair";
 539             signal: "elm.panes.unpair";
 540             source: "elm";
 541             script {
 542                new st[31];
 543                new Float:vl;
 544                set_int(state_pair, 0);
 545                get_state(PART:"elm.bar", st, 30, vl);
 546                set_state(PART:"elm.bar", st, 0.0);
 547             }
 548          }
 549          program {
 550             name:   "button_click";
 551             signal: "mouse,down,1";
 552             source: "over2";
 553             action: SIGNAL_EMIT "elm,action,press" "";
 554             after: "button_click_anim";
 555          }
 556          program {
 557             name:   "button_click_anim";
 558             script {
 559                if(get_int(state_pair) == 1)
 560                  set_state(PART:"elm.bar", "clicked", 0.1);
 561                else
 562                  set_state(PART:"elm.bar", "clicked", 0.0);
 563                set_state(PART:"bar_left", "clicked", 0.0);
 564                set_state(PART:"bar_right", "clicked", 0.0);
 565             }
 566          }
 567          program {
 568             name:   "button_unclick";
 569             signal: "mouse,up,1";
 570             source: "over2";
 571             action: SIGNAL_EMIT "elm,action,unpress" "";
 572             after: "button_unclick_anim";
 573          }
 574          program {
 575             name:   "button_unclick_anim";
 576             script {
 577                if(get_int(state_pair) == 1)
 578                  set_state(PART:"elm.bar", "default", 0.1);
 579                else
 580                  set_state(PART:"elm.bar", "default", 0.0);
 581                set_state(PART:"bar_left", "default", 0.0);
 582                set_state(PART:"bar_right", "default", 0.0);
 583             }
 584          }
 585          program {
 586             name:   "button_click2";
 587             signal: "mouse,down,1";
 588             source: "over3";
 589             action: STATE_SET "clicked" 0.0;
 590             target: "over3";
 591          }
 592          program {
 593             name:   "button_unclick2";
 594             signal: "mouse,up,1";
 595             source: "over3";
 596             action: STATE_SET "default" 0.0;
 597             transition: DECELERATE 0.5;
 598             target: "over3";
 599          }
 600          program {
 601             name:   "button_unclick3";
 602             signal: "mouse,up,1";
 603             source: "over2";
 604             action: SIGNAL_EMIT "elm,action,click" "";
 605          }
 606          program {
 607             name:   "button_down_double";
 608             signal: "mouse,down,1,double";
 609             source: "over3";
 610             action: SIGNAL_EMIT "elm,action,click,double" "";
 611          }
 612          //fix the pane
 613          program {
 614             name:   "panes_fixed";
 615             signal: "elm.panes.fixed";
 616             source: "elm";
 617             action: STATE_SET "disabled" 0.0;
 618             target: "elm.bar";
 619             target: "bar_left";
 620             target: "bar_right";
 621             target: "bar_disabled";
 622          }
 623          //allow the movement by interaction
 624          program {
 625             name:   "panes_unfixed";
 626             signal: "elm.panes.unfixed";
 627             source: "elm";
 628             action: STATE_SET "default" 0.0;
 629             target: "elm.bar";
 630             target: "bar_left";
 631             target: "bar_right";
 632             target: "bar_disabled";
 633          }
 634       }
 635    }
 636
 637 //Vertical Panes style to be used by music application
 638    group {
 639       name: "elm/panes/vertical/music";
 640       images {
 641          image: "arrow_right.png" COMP;
 642          image: "arrow_left.png" COMP;
 643          image: "00_splitscreen_handler_top.png" COMP;
 644          image: "00_splitscreen_handler_middle.png" COMP;
 645          image: "00_splitscreen_handler_bottom.png" COMP;
 646          image: "00_splitscreen_pain_music.png" COMP;
 647       }
 648       script {
 649          public state_pair = 0; //0:both content are not set, 1:both content are set
 650       }
 651       parts
 652       {
 653          part
 654          {
 655             name: "whole";
 656             type: RECT;
 657             mouse_events: 1;
 658             description
 659             {
 660                state: "default" 0.0;
 661                visible: 0;
 662             }
 663          }
 664
 665          //2 contents
 666          part
 667          {
 668             name: "whole_left";
 669             type: RECT;
 670             mouse_events: 0;
 671             description
 672             {
 673                state: "default" 0.0;
 674                rel2.to_x: "elm.bar";
 675                rel2.relative: 0.0 1.0;
 676                visible: 1;
 677             }
 678          }
 679          part
 680          {
 681             name: "elm.swallow.left";
 682             type: SWALLOW;
 683             clip_to: "whole_left";
 684             description
 685             {
 686                state: "default" 0.0;
 687                rel1.to: "whole_left";
 688                rel2.to: "whole_left";
 689             }
 690          }
 691
 692          part
 693          {
 694             name: "whole_right";
 695             type: RECT;
 696             mouse_events: 0;
 697             description
 698             {
 699                state: "default" 0.0;
 700                rel1.to_x: "elm.bar";
 701                rel1.relative: 1.0 0.0;
 702                visible: 1;
 703             }
 704          }
 705          part
 706          {
 707             name: "elm.swallow.right";
 708             type: SWALLOW;
 709             clip_to: "whole_right";
 710             description
 711             {
 712                state: "default" 0.0;
 713                rel1.to: "whole_right";
 714                rel2.to: "whole_right";
 715             }
 716          }
 717          part { name:"bar_top";
 718             mouse_events: 0;
 719             description { state:"default" 0.0;
 720                rel1 { relative: 0 0; to_x: "elm.bar"; }
 721                rel2 { relative: 1 0; to: "elm.bar"; }
 722                image {
 723                   normal: "00_splitscreen_handler_top.png";
 724                }
 725             }
 726             description { state: "disabled" 0.0;
 727                inherit: "default" 0.0;
 728                visible: 0;
 729             }
 730          }
 731          //BAR
 732          part { name: "elm.bar";
 733             mouse_events: 1;
 734             dragable {
 735             confine: "whole";
 736             x: 1 1 1;
 737             y: 0 0 0;
 738             }
 739             scale: 1;
 740             description { state: "default" 0.0;
 741                max: 0 49;
 742                min: 0 49;
 743                align: 1.0 0.5;
 744                rel1.relative: 0.0 0.5;
 745                rel2.relative: 1.0 0.5;
 746                image {
 747                   normal: "00_splitscreen_handler_middle.png";
 748                }
 749                color: 255 255 255 255;
 750             }
 751             description { state: "default" 0.1;
 752                inherit: "default" 0.0;
 753                max: 40 49;
 754                min: 40 49;
 755             }
 756             description { state: "clicked" 0.0;
 757                inherit: "default" 0.0;
 758                color: 200 200 200 200;
 759             }
 760             description { state: "clicked" 0.1;
 761                inherit: "default" 0.1;
 762                color: 200 200 200 200;
 763             }
 764             description { state: "disabled" 0.0;
 765                inherit:  "default" 0.0;
 766                min: 0 49;
 767                max: 0 49;
 768                visible: 0;
 769             }
 770             description { state: "disabled" 0.1;
 771                inherit:  "default" 0.1;
 772                min: 14 49;
 773                max: 14 49;
 774                visible: 0;
 775             }
 776          }
 777          part { name:"bar_bottom";
 778             mouse_events: 0;
 779             description { state:"default" 0.0;
 780                rel1 { relative: 0 1; to: "elm.bar"; }
 781                rel2 { relative: 1 1; to_x: "elm.bar"; }
 782                image {
 783                   normal: "00_splitscreen_handler_bottom.png";
 784                }
 785             }
 786             description { state: "disabled" 0.0;
 787                inherit: "default" 0.0;
 788                visible: 0;
 789             }
 790          }
 791          part { name: "over2";
 792             mouse_events: 1;
 793             repeat_events: 1;
 794             ignore_flags: ON_HOLD;
 795             description { state: "default" 0.0;
 796                rel1.to: "elm.bar";
 797                rel2.to: "elm.bar";
 798             }
 799             description { state: "disabled" 0.0;
 800                inherit:  "default" 0.0;
 801                visible: 0;
 802             }
 803          }
 804          part { name: "over3";
 805             mouse_events: 1;
 806             repeat_events: 1;
 807             description { state: "default" 0.0;
 808                color: 255 255 255 0;
 809                rel1.to: "elm.bar";
 810                rel2.to: "elm.bar";
 811             }
 812             description { state: "clicked" 0.0;
 813                inherit:  "default" 0.0;
 814                visible: 1;
 815                color: 255 255 255 255;
 816             }
 817          }
 818          part { name:"bar_disabled";
 819             description { state:"default" 0.0;
 820                rel1 { relative: 0 0; to_x: "elm.bar"; }
 821                rel2 { relative: 1 1; to_x: "elm.bar"; }
 822                image {
 823                   normal: "00_splitscreen_pain_music.png";
 824                }
 825                visible: 0;
 826             }
 827             description { state: "disabled" 0.0;
 828                inherit: "default" 0.0;
 829                visible: 1;
 830             }
 831          }
 832
 833          //Arrow
 834          part {
 835             name: "arrow_right";
 836             scale: 1;
 837             mouse_events: 0;
 838             description { state: "default" 0.0;
 839                min: 45 45;
 840                max: 45 45;
 841                color: 255 255 255 0;
 842
 843                rel1.relative: 1.0 0.5;
 844                rel1.to_x: "elm.bar";
 845                rel1.offset: 45/2 -45/2;
 846
 847                rel2.relative: 1.0 0.5;
 848                rel2.to_x: "elm.bar";
 849                rel2.offset: 45/2 45/2;
 850
 851                image.normal: "arrow_right.png";
 852
 853                fixed: 1 1;
 854             }
 855             description { state: "anim_1" 0.0;
 856                inherit: "default" 0.0;
 857                color: 255 255 255 200;
 858                rel1.offset: (45/2 + 10) -45/2;
 859                rel2.offset: (45/2 +10) 45/2;
 860             }
 861             description { state: "anim_2" 0.0;
 862                inherit: "default" 0.0;
 863                color: 255 255 255 0;
 864                rel1.offset: (45/2 + 20) -45/2;
 865                rel2.offset: (45/2 + 20) 45/2;
 866             }
 867          }
 868          part {
 869             name: "arrow_left";
 870             scale: 1;
 871             mouse_events: 0;
 872             description { state: "default" 0.0;
 873                min: 45 45;
 874                max: 45 45;
 875                color: 255 255 255 0;
 876
 877                rel1.relative: 0.0 0.5;
 878                rel1.to_x: "elm.bar";
 879                rel1.offset: -45/2 -45/2;
 880
 881                rel2.relative: 0.0 0.5;
 882                rel2.to_x: "elm.bar";
 883                rel2.offset: -45/2 45/2;
 884
 885                image.normal: "arrow_left.png";
 886
 887                fixed: 1 1;
 888             }
 889             description { state: "anim_1" 0.0;
 890                inherit: "default" 0.0;
 891                color: 255 255 255 200;
 892                rel1.offset: (-45/2 - 10) -45/2;
 893                rel2.offset: (-45/2 - 10) 45/2;
 894             }
 895             description { state: "anim_2" 0.0;
 896                inherit: "default" 0.0;
 897                color: 255 255 255 0;
 898                rel1.offset: (-45/2 - 20) -45/2;
 899                rel2.offset: (-45/2 - 20) 45/2;
 900             }
 901          }
 902       }
 903       programs {
 904          program {
 905             name:   "panes_pair";
 906             signal: "elm.panes.pair";
 907             source: "elm";
 908             script {
 909                new st[31];
 910                new Float:vl;
 911                set_int(state_pair, 1);
 912                get_state(PART:"elm.bar", st, 30, vl);
 913                set_state(PART:"elm.bar", st, 0.1);
 914             }
 915          }
 916          program {
 917             name:   "panes_unpair";
 918             signal: "elm.panes.unpair";
 919             source: "elm";
 920             script {
 921                new st[31];
 922                new Float:vl;
 923                set_int(state_pair, 0);
 924                get_state(PART:"elm.bar", st, 30, vl);
 925                set_state(PART:"elm.bar", st, 0.0);
 926             }
 927          }
 928          program {
 929             name:   "button_click";
 930             signal: "mouse,down,1";
 931             source: "over2";
 932             action: SIGNAL_EMIT "elm,action,press" "";
 933             after: "button_click_anim";
 934             after: "arrow_anim_start";
 935          }
 936          program {
 937             name:   "button_click_anim";
 938             script {
 939                if(get_int(state_pair) == 1)
 940                   set_state(PART:"elm.bar", "clicked", 0.1);
 941                else
 942                   set_state(PART:"elm.bar", "clicked", 0.0);
 943             }
 944          }
 945          program {
 946             name:   "button_unclick";
 947             signal: "mouse,up,1";
 948             source: "over2";
 949             action: SIGNAL_EMIT "elm,action,unpress" "";
 950             after: "button_unclick_anim";
 951             after: "arrow_anim_stop";
 952          }
 953          program {
 954             name:   "button_unclick_anim";
 955             script {
 956                if(get_int(state_pair) == 1)
 957                   set_state(PART:"elm.bar", "default", 0.1);
 958                else
 959                   set_state(PART:"elm.bar", "default", 0.0);
 960             }
 961          }
 962          program {
 963             name:   "button_click2";
 964             signal: "mouse,down,1";
 965             source: "over3";
 966             action: STATE_SET "clicked" 0.0;
 967             target: "over3";
 968          }
 969          program {
 970             name:   "button_unclick2";
 971             signal: "mouse,up,1";
 972             source: "over3";
 973             action: STATE_SET "default" 0.0;
 974             transition: DECELERATE 0.5;
 975             target: "over3";
 976          }
 977          program {
 978             name:   "button_unclick3";
 979             signal: "mouse,up,1";
 980             source: "over2";
 981             action: SIGNAL_EMIT "elm,action,click" "";
 982          }
 983          program {
 984             name:   "button_down_double";
 985             signal: "mouse,down,1,double";
 986             source: "over3";
 987             action: SIGNAL_EMIT "elm,action,click,double" "";
 988          }
 989
 990          //arrows animation
 991          program {
 992             name: "arrow_anim_start";
 993             action: STATE_SET "anim_1" 0.0;
 994             target: "arrow_right";
 995             target: "arrow_left";
 996             transition: LINEAR 0.6;
 997             after: "arrow_anim_1";
 998          }
 999          program {
1000             name: "arrow_anim_1";
1001             action: STATE_SET "anim_2" 0.0;
1002             target: "arrow_right";
1003             target: "arrow_left";
1004             transition: LINEAR 0.6;
1005             after: "arrow_anim_2";
1006          }
1007          program {
1008             name: "arrow_anim_2";
1009             action: STATE_SET "default" 0.0;
1010             target: "arrow_right";
1011             target: "arrow_left";
1012             after: "arrow_anim_start";
1013          }
1014          program {
1015             name: "arrow_anim_stop";
1016             action: ACTION_STOP;
1017             target: "arrow_anim_start";
1018             target: "arrow_anim_1";
1019             target: "arrow_anim_2";
1020             after: "arrow_anim_stop_1";
1021          }
1022          program {
1023             name: "arrow_anim_stop_1";
1024             action: STATE_SET "default" 0.0;
1025             target: "arrow_right";
1026             target: "arrow_left";
1027             transition: DECELERATE 0.4;
1028          }
1029          //fix the pane
1030          program {
1031             name:   "panes_fixed";
1032             signal: "elm.panes.fixed";
1033             source: "elm";
1034             action: STATE_SET "disabled" 0.0;
1035             target: "elm.bar";
1036             target: "bar_top";
1037             target: "bar_bottom";
1038             target: "bar_disabled";
1039          }
1040          //allow the movement by interaction
1041          program {
1042             name:   "panes_unfixed";
1043             signal: "elm.panes.unfixed";
1044             source: "elm";
1045             action: STATE_SET "default" 0.0;
1046             target: "elm.bar";
1047             target: "bar_top";
1048             target: "bar_bottom";
1049             target: "bar_disabled";
1050          }
1051       }
1052    }
1053
1054 //Horizontal Panes style to be used by music application
1055       group {
1056       name: "elm/panes/horizontal/music";
1057       images {
1058          image: "arrow_up.png" COMP;
1059          image: "arrow_down.png" COMP;
1060          image: "00_splitscreen_handler_left_hor.png" COMP;
1061          image: "00_splitscreen_handler_middle_hor.png" COMP;
1062          image: "00_splitscreen_handler_right_hor.png" COMP;
1063          image: "00_splitscreen_pain_hor.png" COMP;
1064       }
1065       script {
1066          public state_pair = 0; //0:both content are not set, 1:both content are set
1067       }
1068       parts
1069       {
1070          part
1071          {
1072             name: "whole";
1073             type: RECT;
1074             mouse_events: 0;
1075             description
1076             {
1077                state: "default" 0.0;
1078                visible: 0;
1079             }
1080          }
1081
1082          //2 contents
1083          part
1084          {
1085             name: "whole_left";
1086             type: RECT;
1087             mouse_events: 0;
1088             description
1089             {
1090                state: "default" 0.0;
1091                rel2.to_y: "elm.bar";
1092                rel2.relative: 1.0 0.0;
1093                visible: 1;
1094             }
1095          }
1096          part
1097          {
1098             name: "elm.swallow.left";
1099             type: SWALLOW;
1100             clip_to: "whole_left";
1101             description
1102             {
1103                state: "default" 0.0;
1104                rel1.to: "whole_left";
1105                rel2.to: "whole_left";
1106             }
1107          }
1108
1109          part
1110          {
1111             name: "whole_right";
1112             type: RECT;
1113             mouse_events: 0;
1114             description
1115             {
1116                state: "default" 0.0;
1117                rel1.to_y: "elm.bar";
1118                rel1.relative: 0.0 1.0;
1119                visible: 1;
1120             }
1121          }
1122          part
1123          {
1124             name: "elm.swallow.right";
1125             type: SWALLOW;
1126             clip_to: "whole_right";
1127             description
1128             {
1129                state: "default" 0.0;
1130                rel1.to: "whole_right";
1131                rel2.to: "whole_right";
1132             }
1133          }
1134          part { name:"bar_left";
1135             mouse_events: 0;
1136             description { state:"default" 0.0;
1137                rel1 { relative: 0 0; to_y: "elm.bar"; }
1138                rel2 { relative: 0 1; to: "elm.bar"; }
1139                image {
1140                   normal: "00_splitscreen_handler_left_hor.png";
1141                }
1142             }
1143             description { state: "disabled" 0.0;
1144                inherit: "default" 0.0;
1145                visible: 0;
1146             }
1147          }
1148          //BAR
1149          part { name: "elm.bar";
1150             mouse_events: 1;
1151             dragable {
1152                confine: "whole";
1153                x: 0 0 0;
1154                y: 1 1 1;
1155             }
1156             scale: 1;
1157             description { state: "default" 0.0;
1158                max: 49 0;
1159                min: 49 0;
1160                rel1.relative: 0.5 0.0;
1161                rel2.relative: 0.5 1.0;
1162                align: 0.5 0.0;
1163                image {
1164                   normal: "00_splitscreen_handler_middle_hor.png";
1165                }
1166                color: 255 255 255 255;
1167             }
1168             description { state: "default" 0.1;
1169                inherit: "default" 0.0;
1170                max: 49 40;
1171                min: 49 40;
1172             }
1173             description { state: "clicked" 0.0;
1174                inherit: "default" 0.0;
1175                color: 200 200 200 200;
1176             }
1177             description { state: "clicked" 0.1;
1178                inherit: "default" 0.1;
1179                color: 200 200 200 200;
1180             }
1181             description { state: "disabled" 0.0;
1182                inherit:  "default" 0.0;
1183                min: 49 0;
1184                max: 49 0;
1185                visible: 0;
1186             }
1187             description { state: "disabled" 0.1;
1188                inherit:  "default" 0.1;
1189                min: 49 14;
1190                max: 49 14;
1191                visible: 0;
1192             }
1193          }
1194          part { name:"bar_right";
1195             mouse_events: 0;
1196             description { state:"default" 0.0;
1197                rel1 { relative: 1 0; to: "elm.bar"; }
1198                rel2 { relative: 1 1; to_y: "elm.bar"; }
1199                image {
1200                   normal: "00_splitscreen_handler_right_hor.png";
1201                }
1202             }
1203             description { state: "disabled" 0.0;
1204                inherit: "default" 0.0;
1205                visible: 0;
1206             }
1207          }
1208          part { name: "over2";
1209             mouse_events: 1;
1210             repeat_events: 1;
1211             ignore_flags: ON_HOLD;
1212             description { state: "default" 0.0;
1213                rel1.to: "elm.bar";
1214                rel2.to: "elm.bar";
1215             }
1216             description { state: "disabled" 0.0;
1217                inherit:  "default" 0.0;
1218                visible: 0;
1219             }
1220          }
1221          part { name: "over3";
1222             mouse_events: 1;
1223             repeat_events: 1;
1224             description { state: "default" 0.0;
1225                color: 255 255 255 0;
1226                rel1.to: "elm.bar";
1227                rel2.to: "elm.bar";
1228             }
1229             description { state: "clicked" 0.0;
1230                inherit:  "default" 0.0;
1231                visible: 1;
1232                color: 255 255 255 255;
1233             }
1234          }
1235          part { name:"bar_disabled";
1236             description { state:"default" 0.0;
1237                rel1 { relative: 0 0; to_y: "elm.bar"; }
1238                rel2 { relative: 1 1; to_y: "elm.bar"; }
1239                image {
1240                   normal: "00_splitscreen_pain_hor.png";
1241                }
1242                visible: 0;
1243             }
1244             description { state: "disabled" 0.0;
1245                inherit: "default" 0.0;
1246                visible: 1;
1247             }
1248          }
1249
1250          //Arrow
1251          part {
1252             name: "arrow_right";
1253             scale: 1;
1254             mouse_events: 0;
1255             description { state: "default" 0.0;
1256                min: 45 45;
1257                max: 45 45;
1258                color: 255 255 255 0;
1259
1260                rel1.relative: 0.5 1.0;
1261                rel1.to_y: "elm.bar";
1262                rel1.offset: -45/2 45/2;
1263
1264                rel2.relative: 0.5 1.0;
1265                rel2.to_y: "elm.bar";
1266                rel2.offset: 45/2 45/2;
1267
1268                image.normal: "arrow_down.png";
1269
1270                fixed: 1 1;
1271             }
1272             description { state: "anim_1" 0.0;
1273                inherit: "default" 0.0;
1274                color: 255 255 255 200;
1275                rel1.offset: -45/2 (45/2 +10);
1276                rel2.offset: 45/2 (45/2 +10);
1277             }
1278             description { state: "anim_2" 0.0;
1279                inherit: "default" 0.0;
1280                color: 255 255 255 0;
1281                rel1.offset: -45/2 (45/2 + 20);
1282                rel2.offset: 45/2 (45/2 + 20);
1283             }
1284          }
1285          part {
1286             name: "arrow_left";
1287             scale: 1;
1288             mouse_events: 0;
1289             description { state: "default" 0.0;
1290                min: 45 45;
1291                max: 45 45;
1292                color: 255 255 255 0;
1293
1294                rel1.relative: 0.5 0.0;
1295                rel1.to_y: "elm.bar";
1296                rel1.offset: -45/2 -45/2;
1297
1298                rel2.relative: 0.5 0.0;
1299                rel2.to_y: "elm.bar";
1300                rel2.offset: 45/2 -45/2;
1301
1302                image.normal: "arrow_up.png";
1303
1304                fixed: 1 1;
1305             }
1306             description { state: "anim_1" 0.0;
1307                inherit: "default" 0.0;
1308                color: 255 255 255 200;
1309                rel1.offset: -45/2 (-45/2 - 10);
1310                rel2.offset: 45/2 (-45/2 - 10);
1311             }
1312             description { state: "anim_2" 0.0;
1313                inherit: "default" 0.0;
1314                color: 255 255 255 0;
1315                rel1.offset: -45/2 (-45/2 - 20);
1316                rel2.offset: 45/2 (-45/2 - 20);
1317             }
1318          }
1319       }
1320       programs {
1321          program {
1322             name:   "panes_pair";
1323             signal: "elm.panes.pair";
1324             source: "elm";
1325             script {
1326                new st[31];
1327                new Float:vl;
1328                set_int(state_pair, 1);
1329                get_state(PART:"elm.bar", st, 30, vl);
1330                set_state(PART:"elm.bar", st, 0.1);
1331             }
1332          }
1333          program {
1334             name:   "panes_unpair";
1335             signal: "elm.panes.unpair";
1336             source: "elm";
1337             script {
1338                new st[31];
1339                new Float:vl;
1340                set_int(state_pair, 0);
1341                get_state(PART:"elm.bar", st, 30, vl);
1342                set_state(PART:"elm.bar", st, 0.0);
1343             }
1344          }
1345          program {
1346             name:   "button_click";
1347             signal: "mouse,down,1";
1348             source: "over2";
1349             action: SIGNAL_EMIT "elm,action,press" "";
1350             after: "button_click_anim";
1351             after: "arrow_anim_start";
1352          }
1353          program {
1354             name:   "button_click_anim";
1355             script {
1356                if(get_int(state_pair) == 1)
1357                   set_state(PART:"elm.bar", "clicked", 0.1);
1358                else
1359                   set_state(PART:"elm.bar", "clicked", 0.0);
1360             }
1361          }
1362          program {
1363             name:   "button_unclick";
1364             signal: "mouse,up,1";
1365             source: "over2";
1366             action: SIGNAL_EMIT "elm,action,unpress" "";
1367             after: "button_unclick_anim";
1368             after: "arrow_anim_stop";
1369          }
1370          program {
1371             name:   "button_unclick_anim";
1372             script {
1373                if(get_int(state_pair) == 1)
1374                   set_state(PART:"elm.bar", "default", 0.1);
1375                else
1376                   set_state(PART:"elm.bar", "default", 0.0);
1377             }
1378          }
1379          program {
1380             name:   "button_click2";
1381             signal: "mouse,down,1";
1382             source: "over3";
1383             action: STATE_SET "clicked" 0.0;
1384             target: "over3";
1385          }
1386          program {
1387             name:   "button_unclick2";
1388             signal: "mouse,up,1";
1389             source: "over3";
1390             action: STATE_SET "default" 0.0;
1391             transition: DECELERATE 0.5;
1392             target: "over3";
1393          }
1394          program {
1395             name:   "button_unclick3";
1396             signal: "mouse,up,1";
1397             source: "over2";
1398             action: SIGNAL_EMIT "elm,action,click" "";
1399          }
1400          program {
1401             name:   "button_down_double";
1402             signal: "mouse,down,1,double";
1403             source: "over3";
1404             action: SIGNAL_EMIT "elm,action,click,double" "";
1405          }
1406
1407          //arrows animation
1408          program {
1409             name: "arrow_anim_start";
1410             action: STATE_SET "anim_1" 0.0;
1411             target: "arrow_right";
1412             target: "arrow_left";
1413             transition: LINEAR 0.6;
1414             after: "arrow_anim_1";
1415          }
1416          program {
1417             name: "arrow_anim_1";
1418             action: STATE_SET "anim_2" 0.0;
1419             target: "arrow_right";
1420             target: "arrow_left";
1421             transition: LINEAR 0.6;
1422             after: "arrow_anim_2";
1423          }
1424          program {
1425             name: "arrow_anim_2";
1426             action: STATE_SET "default" 0.0;
1427             target: "arrow_right";
1428             target: "arrow_left";
1429             after: "arrow_anim_start";
1430          }
1431          program {
1432             name: "arrow_anim_stop";
1433             action: ACTION_STOP;
1434             target: "arrow_anim_start";
1435             target: "arrow_anim_1";
1436             target: "arrow_anim_2";
1437             after: "arrow_anim_stop_1";
1438          }
1439          program {
1440             name: "arrow_anim_stop_1";
1441             action: STATE_SET "default" 0.0;
1442             target: "arrow_right";
1443             target: "arrow_left";
1444             transition: DECELERATE 0.4;
1445          }
1446          //fix the pane
1447          program {
1448             name:   "panes_fixed";
1449             signal: "elm.panes.fixed";
1450             source: "elm";
1451             action: STATE_SET "disabled" 0.0;
1452             target: "elm.bar";
1453             target: "bar_left";
1454             target: "bar_right";
1455             target: "bar_disabled";
1456          }
1457          //allow the movement by interaction
1458          program {
1459             name:   "panes_unfixed";
1460             signal: "elm.panes.unfixed";
1461             source: "elm";
1462             action: STATE_SET "default" 0.0;
1463             target: "elm.bar";
1464             target: "bar_left";
1465             target: "bar_right";
1466             target: "bar_disabled";
1467          }
1468       }
1469    }