← Back to branch summary

~ubuntu-branches/debian/experimental/gpac/experimental

« back to all changes in this revision

Viewing changes to gui/iphone_wm_gui.svg

  • Committer: Package Import Robot
  • Author(s): Andres Mejia
  • Date: 2012-02-04 00:12:54 UTC
  • Revision ID: package-import@ubuntu.com-20120204001254-l7v7u4kc4m7cxcqn
Tags: upstream-0.4.5+svn3450~dfsg3
Import upstream version 0.4.5+svn3450~dfsg3

Show diffs side-by-side

added added

removed removed

Lines of Context:
gui/iphone_wm_gui.svg
 
1
<?xml version="1.0" encoding="iso-8859-1"?>
 
2
<svg id="svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2"
 
3
     xmlns:gpac-ext='http://gpac.sourceforge.net/svg-extensions' 
 
4
     width="571.35199" xmlns:ev="http://www.w3.org/2001/xml-events" height="462.51999" viewBox="0 0 320 600">
 
5
    <!--
 
6
    This is a Widget Manager creating an iPhone-style UI.
 
7
    A certain number of widgets are installed, and their icons are visible on the home page.
 
8
    If the home page is full, arrows appear at the bottom to get to the other pages of icons.
 
9
    There is a companion file rifuim.js with the script that adapts this SVG to the size of the screen
 
10
    -->
 
11
    <defs id="mainDefs">
 
12
        <rect id="lightRect" width="80" height="80" fill="rgb(50,50,50)" stroke="none"/>
 
13
        <rect id="darkRect" width="80" height="80" fill="rgb(40,40,40)" stroke="none"/>
 
14
        <g id="odd">
 
15
            <use xlink:href="#lightRect"/>
 
16
            <use xlink:href="#darkRect" x="80"/>
 
17
        </g>
 
18
        <g id="even">
 
19
            <use xlink:href="#darkRect"/>
 
20
            <use xlink:href="#lightRect" x="80"/>
 
21
        </g>
 
22
        <animation id='go-up' xlink:href='icons/go-up.svg' width='25' height='25'/>
 
23
        <animation id='go-previous' xlink:href='icons/go-previous.svg' width='25' height='25'/>
 
24
        <animation id='go-next' xlink:href='icons/go-next.svg' width='25' height='25'/>
 
25
        <animation id='go-jump' xlink:href='icons/go-jump.svg' width='25' height='25'/>
 
26
        <animation id='folder' xlink:href='icons/folder.svg' width='25' height='25'/>
 
27
        <animation id='new' xlink:href='icons/document-new.svg' width='25' height='25'/>
 
28
        <g id="cartouche">
 
29
            <g transform="translate(0,0)">
 
30
                <use xlink:href="#go-up"/>
 
31
                <rect pointer-events="all" width="25" height="25" fill="none" stroke="none">
 
32
                    <handler ev:event="click">flUpDir();</handler>
 
33
                </rect>
 
34
            </g>
 
35
            <g transform="translate(25,0)">
 
36
                <use xlink:href="#go-previous"/>
 
37
                <rect pointer-events="all" width="25" height="25" fill="none" stroke="none">
 
38
                    <handler ev:event="click">flPrevFiles();</handler>
 
39
                </rect>
 
40
            </g>
 
41
            <g transform="translate(50,0)">
 
42
                <use xlink:href="#go-next"/>
 
43
                <rect pointer-events="all" width="25" height="25" fill="none" stroke="none">
 
44
                    <handler ev:event="click">flNextFiles();</handler>
 
45
                </rect>
 
46
            </g>
 
47
            <g transform="translate(75,0)">
 
48
                <text id="dir" fill="black" font-family="Comic Sans MS" font-size="15" x="0" y="17"/>
 
49
            </g>
 
50
        </g>
 
51
        <g id="cartoucheflag">
 
52
            <g transform="translate(0,0)">
 
53
                <use xlink:href="#go-up"/>
 
54
                <rect pointer-events="all" width="25" height="25" fill="none" stroke="none">
 
55
                    <handler ev:event="click">flUpDir();</handler>
 
56
                </rect>
 
57
            </g>
 
58
            <g transform="translate(25,0)">
 
59
                <use xlink:href="#go-previous"/>
 
60
                <rect pointer-events="all" width="25" height="25" fill="none" stroke="none">
 
61
                    <handler ev:event="click">flPrevFiles();</handler>
 
62
                </rect>
 
63
            </g>
 
64
            <g transform="translate(50,0)">
 
65
                <use xlink:href="#go-next"/>
 
66
                <rect pointer-events="all" width="25" height="25" fill="none" stroke="none">
 
67
                    <handler ev:event="click">flNextFiles();</handler>
 
68
                </rect>
 
69
            </g>
 
70
            <g transform="translate(75,0)">
 
71
                <use xlink:href="#go-jump"/>
 
72
                <rect pointer-events="all" width="25" height="25" fill="none" stroke="none">
 
73
                    <handler ev:event="click">flScanDir();</handler>
 
74
                </rect>
 
75
            </g>
 
76
            <g transform="translate(100,0)">
 
77
                <text id="dirflag" fill="black" font-family="Comic Sans MS" font-size="15" x="0" y="17"/>
 
78
            </g>
 
79
        </g>
 
80
        <g id="fileMenuElement0">
 
81
            <use id="fileMenuElement0u"/>
 
82
            <rect id="fileMenuElement0r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
83
            <text id="fileMenuElement0t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
84
            <handler ev:event="mouseover">document.getElementById("fileMenuElement0r").setAttribute("fill", "black");</handler>
 
85
            <handler ev:event="mouseout">document.getElementById("fileMenuElement0r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
86
        </g>
 
87
        <g id="fileMenuElement1">
 
88
            <use id="fileMenuElement1u"/>
 
89
            <rect id="fileMenuElement1r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
90
            <text id="fileMenuElement1t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
91
            <handler ev:event="mouseover">document.getElementById("fileMenuElement1r").setAttribute("fill", "black");</handler>
 
92
            <handler ev:event="mouseout">document.getElementById("fileMenuElement1r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
93
        </g>
 
94
        <g id="fileMenuElement2">
 
95
            <use id="fileMenuElement2u"/>
 
96
            <rect id="fileMenuElement2r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
97
            <text id="fileMenuElement2t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
98
            <handler ev:event="mouseover">document.getElementById("fileMenuElement2r").setAttribute("fill", "black");</handler>
 
99
            <handler ev:event="mouseout">document.getElementById("fileMenuElement2r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
100
        </g>
 
101
        <g id="fileMenuElement3">
 
102
            <use id="fileMenuElement3u"/>
 
103
            <rect id="fileMenuElement3r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
104
            <text id="fileMenuElement3t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
105
            <handler ev:event="mouseover">document.getElementById("fileMenuElement3r").setAttribute("fill", "black");</handler>
 
106
            <handler ev:event="mouseout">document.getElementById("fileMenuElement3r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
107
        </g>
 
108
        <g id="fileMenuElement4">
 
109
            <use id="fileMenuElement4u"/>
 
110
            <rect id="fileMenuElement4r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
111
            <text id="fileMenuElement4t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
112
            <handler ev:event="mouseover">document.getElementById("fileMenuElement4r").setAttribute("fill", "black");</handler>
 
113
            <handler ev:event="mouseout">document.getElementById("fileMenuElement4r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
114
        </g>
 
115
        <g id="fileMenuElement5">
 
116
            <use id="fileMenuElement5u"/>
 
117
            <rect id="fileMenuElement5r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
118
            <text id="fileMenuElement5t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
119
            <handler ev:event="mouseover">document.getElementById("fileMenuElement5r").setAttribute("fill", "black");</handler>
 
120
            <handler ev:event="mouseout">document.getElementById("fileMenuElement5r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
121
        </g>
 
122
        <g id="fileMenuElement6">
 
123
            <use id="fileMenuElement6u"/>
 
124
            <rect id="fileMenuElement6r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
125
            <text id="fileMenuElement6t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
126
            <handler ev:event="mouseover">document.getElementById("fileMenuElement6r").setAttribute("fill", "black");</handler>
 
127
            <handler ev:event="mouseout">document.getElementById("fileMenuElement6r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
128
        </g>
 
129
        <g id="fileMenuElement7">
 
130
            <use id="fileMenuElement7u"/>
 
131
            <rect id="fileMenuElement7r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
132
            <text id="fileMenuElement7t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
133
            <handler ev:event="mouseover">document.getElementById("fileMenuElement7r").setAttribute("fill", "black");</handler>
 
134
            <handler ev:event="mouseout">document.getElementById("fileMenuElement7r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
135
        </g>
 
136
        <g id="fileMenuElement8">
 
137
            <use id="fileMenuElement8u"/>
 
138
            <rect id="fileMenuElement8r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
139
            <text id="fileMenuElement8t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
140
            <handler ev:event="mouseover">document.getElementById("fileMenuElement8r").setAttribute("fill", "black");</handler>
 
141
            <handler ev:event="mouseout">document.getElementById("fileMenuElement8r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
142
        </g>
 
143
        <g id="fileMenuElement9">
 
144
            <use id="fileMenuElement9u"/>
 
145
            <rect id="fileMenuElement9r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
146
            <text id="fileMenuElement9t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
147
            <handler ev:event="mouseover">document.getElementById("fileMenuElement9r").setAttribute("fill", "black");</handler>
 
148
            <handler ev:event="mouseout">document.getElementById("fileMenuElement9r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
149
        </g>
 
150
        <g id="fileMenuElement10">
 
151
            <use id="fileMenuElement10u"/>
 
152
            <rect id="fileMenuElement10r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
153
            <text id="fileMenuElement10t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
154
            <handler ev:event="mouseover">document.getElementById("fileMenuElement10r").setAttribute("fill", "black");</handler>
 
155
            <handler ev:event="mouseout">document.getElementById("fileMenuElement10r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
156
        </g>
 
157
        <g id="fileMenuElement11">
 
158
            <use id="fileMenuElement11u"/>
 
159
            <rect id="fileMenuElement11r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
160
            <text id="fileMenuElement11t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
161
            <handler ev:event="mouseover">document.getElementById("fileMenuElement11r").setAttribute("fill", "black");</handler>
 
162
            <handler ev:event="mouseout">document.getElementById("fileMenuElement11r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
163
        </g>
 
164
        <g id="fileMenuElement12">
 
165
            <use id="fileMenuElement12u"/>
 
166
            <rect id="fileMenuElement12r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
167
            <text id="fileMenuElement12t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
168
            <handler ev:event="mouseover">document.getElementById("fileMenuElement12r").setAttribute("fill", "black");</handler>
 
169
            <handler ev:event="mouseout">document.getElementById("fileMenuElement12r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
170
        </g>
 
171
        <g id="fileMenuElement13">
 
172
            <use id="fileMenuElement13u"/>
 
173
            <rect id="fileMenuElement13r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
174
            <text id="fileMenuElement13t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
175
            <handler ev:event="mouseover">document.getElementById("fileMenuElement13r").setAttribute("fill", "black");</handler>
 
176
            <handler ev:event="mouseout">document.getElementById("fileMenuElement13r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
177
        </g>
 
178
        <g id="fileMenuElement14">
 
179
            <use id="fileMenuElement14u"/>
 
180
            <rect id="fileMenuElement14r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
181
            <text id="fileMenuElement14t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
182
            <handler ev:event="mouseover">document.getElementById("fileMenuElement14r").setAttribute("fill", "black");</handler>
 
183
            <handler ev:event="mouseout">document.getElementById("fileMenuElement14r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
184
        </g>
 
185
        <g id="fileMenuElement15">
 
186
            <use id="fileMenuElement15u"/>
 
187
            <rect id="fileMenuElement15r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
188
            <text id="fileMenuElement15t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
189
            <handler ev:event="mouseover">document.getElementById("fileMenuElement15r").setAttribute("fill", "black");</handler>
 
190
            <handler ev:event="mouseout">document.getElementById("fileMenuElement15r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
191
        </g>
 
192
        <g id="fileMenuElement16">
 
193
            <use id="fileMenuElement16u"/>
 
194
            <rect id="fileMenuElement16r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
195
            <text id="fileMenuElement16t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
196
            <handler ev:event="mouseover">document.getElementById("fileMenuElement16r").setAttribute("fill", "black");</handler>
 
197
            <handler ev:event="mouseout">document.getElementById("fileMenuElement16r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
198
        </g>
 
199
        <g id="fileMenuElement17">
 
200
            <use id="fileMenuElement17u"/>
 
201
            <rect id="fileMenuElement17r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
202
            <text id="fileMenuElement17t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
203
            <handler ev:event="mouseover">document.getElementById("fileMenuElement17r").setAttribute("fill", "black");</handler>
 
204
            <handler ev:event="mouseout">document.getElementById("fileMenuElement17r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
205
        </g>
 
206
        <g id="fileMenuElement18">
 
207
            <use id="fileMenuElement18u"/>
 
208
            <rect id="fileMenuElement18r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
209
            <text id="fileMenuElement18t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
210
            <handler ev:event="mouseover">document.getElementById("fileMenuElement18r").setAttribute("fill", "black");</handler>
 
211
            <handler ev:event="mouseout">document.getElementById("fileMenuElement18r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
212
        </g>
 
213
        <g id="fileMenuElement19">
 
214
            <use id="fileMenuElement19u"/>
 
215
            <rect id="fileMenuElement19r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
216
            <text id="fileMenuElement19t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
217
            <handler ev:event="mouseover">document.getElementById("fileMenuElement19r").setAttribute("fill", "black");</handler>
 
218
            <handler ev:event="mouseout">document.getElementById("fileMenuElement19r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
219
        </g>
 
220
        <g id="fileMenuElement20">
 
221
            <use id="fileMenuElement20u"/>
 
222
            <rect id="fileMenuElement20r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
223
            <text id="fileMenuElement20t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
224
            <handler ev:event="mouseover">document.getElementById("fileMenuElement20r").setAttribute("fill", "black");</handler>
 
225
            <handler ev:event="mouseout">document.getElementById("fileMenuElement20r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
226
        </g>
 
227
        <g id="fileMenuElement21">
 
228
            <use id="fileMenuElement21u"/>
 
229
            <rect id="fileMenuElement21r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
230
            <text id="fileMenuElement21t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
231
            <handler ev:event="mouseover">document.getElementById("fileMenuElement21r").setAttribute("fill", "black");</handler>
 
232
            <handler ev:event="mouseout">document.getElementById("fileMenuElement21r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
233
        </g>
 
234
        <g id="fileMenuElement22">
 
235
            <use id="fileMenuElement22u"/>
 
236
            <rect id="fileMenuElement22r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
237
            <text id="fileMenuElement22t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
238
            <handler ev:event="mouseover">document.getElementById("fileMenuElement22r").setAttribute("fill", "black");</handler>
 
239
            <handler ev:event="mouseout">document.getElementById("fileMenuElement22r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
240
        </g>
 
241
        <g id="fileMenuElement23">
 
242
            <use id="fileMenuElement23u"/>
 
243
            <rect id="fileMenuElement23r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
244
            <text id="fileMenuElement23t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
245
            <handler ev:event="mouseover">document.getElementById("fileMenuElement23r").setAttribute("fill", "black");</handler>
 
246
            <handler ev:event="mouseout">document.getElementById("fileMenuElement23r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
247
        </g>
 
248
        <g id="fileMenuElement24">
 
249
            <use id="fileMenuElement24u"/>
 
250
            <rect id="fileMenuElement24r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
251
            <text id="fileMenuElement24t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
252
            <handler ev:event="mouseover">document.getElementById("fileMenuElement24r").setAttribute("fill", "black");</handler>
 
253
            <handler ev:event="mouseout">document.getElementById("fileMenuElement24r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
254
        </g>
 
255
        <g id="fileMenuElement25">
 
256
            <use id="fileMenuElement25u"/>
 
257
            <rect id="fileMenuElement25r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
258
            <text id="fileMenuElement25t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
259
            <handler ev:event="mouseover">document.getElementById("fileMenuElement25r").setAttribute("fill", "black");</handler>
 
260
            <handler ev:event="mouseout">document.getElementById("fileMenuElement25r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
261
        </g>
 
262
        <g id="fileMenuElement26">
 
263
            <use id="fileMenuElement26u"/>
 
264
            <rect id="fileMenuElement26r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
265
            <text id="fileMenuElement26t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
266
            <handler ev:event="mouseover">document.getElementById("fileMenuElement26r").setAttribute("fill", "black");</handler>
 
267
            <handler ev:event="mouseout">document.getElementById("fileMenuElement26r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
268
        </g>
 
269
        <g id="fileMenuElement27">
 
270
            <use id="fileMenuElement27u"/>
 
271
            <rect id="fileMenuElement27r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
272
            <text id="fileMenuElement27t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
273
            <handler ev:event="mouseover">document.getElementById("fileMenuElement27r").setAttribute("fill", "black");</handler>
 
274
            <handler ev:event="mouseout">document.getElementById("fileMenuElement27r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
275
            <handler ev:event="click">;</handler>
 
276
        </g>
 
277
        <g id="fileMenuElement28">
 
278
            <use id="fileMenuElement28u"/>
 
279
            <rect id="fileMenuElement28r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
280
            <text id="fileMenuElement28t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
281
            <handler ev:event="mouseover">document.getElementById("fileMenuElement28r").setAttribute("fill", "black");</handler>
 
282
            <handler ev:event="mouseout">document.getElementById("fileMenuElement28r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
283
            <handler ev:event="click">;</handler>
 
284
        </g>
 
285
        <g id="fileMenuElement29">
 
286
            <use id="fileMenuElement29u"/>
 
287
            <rect id="fileMenuElement29r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
288
            <text id="fileMenuElement29t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
289
            <handler ev:event="mouseover">document.getElementById("fileMenuElement29r").setAttribute("fill", "black");</handler>
 
290
            <handler ev:event="mouseout">document.getElementById("fileMenuElement29r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
291
            <handler ev:event="click">;</handler>
 
292
        </g>
 
293
        <g id="fileMenuElement30">
 
294
            <use id="fileMenuElement30u"/>
 
295
            <rect id="fileMenuElement30r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
296
            <text id="fileMenuElement30t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
297
            <handler ev:event="mouseover">document.getElementById("fileMenuElement30r").setAttribute("fill", "black");</handler>
 
298
            <handler ev:event="mouseout">document.getElementById("fileMenuElement30r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
299
            <handler ev:event="click">;</handler>
 
300
        </g>
 
301
        <g id="fileMenuElement31">
 
302
            <use id="fileMenuElement31u"/>
 
303
            <rect id="fileMenuElement31r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
304
            <text id="fileMenuElement31t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
305
            <handler ev:event="mouseover">document.getElementById("fileMenuElement31r").setAttribute("fill", "black");</handler>
 
306
            <handler ev:event="mouseout">document.getElementById("fileMenuElement31r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
307
            <handler ev:event="click">;</handler>
 
308
        </g>
 
309
        <g id="fileMenuElement32">
 
310
            <use id="fileMenuElement32u"/>
 
311
            <rect id="fileMenuElement32r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
312
            <text id="fileMenuElement32t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
313
            <handler ev:event="mouseover">document.getElementById("fileMenuElement32r").setAttribute("fill", "black");</handler>
 
314
            <handler ev:event="mouseout">document.getElementById("fileMenuElement32r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
315
            <handler ev:event="click">;</handler>
 
316
        </g>
 
317
        <g id="fileMenuElement33">
 
318
            <use id="fileMenuElement33u"/>
 
319
            <rect id="fileMenuElement33r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
320
            <text id="fileMenuElement33t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
321
            <handler ev:event="mouseover">document.getElementById("fileMenuElement33r").setAttribute("fill", "black");</handler>
 
322
            <handler ev:event="mouseout">document.getElementById("fileMenuElement33r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
323
            <handler ev:event="click">;</handler>
 
324
        </g>
 
325
        <g id="fileMenuElement34">
 
326
            <use id="fileMenuElement34u"/>
 
327
            <rect id="fileMenuElement34r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
328
            <text id="fileMenuElement34t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
329
            <handler ev:event="mouseover">document.getElementById("fileMenuElement34r").setAttribute("fill", "black");</handler>
 
330
            <handler ev:event="mouseout">document.getElementById("fileMenuElement34r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
331
            <handler ev:event="click">;</handler>
 
332
        </g>
 
333
        <g id="fileMenuElement35">
 
334
            <use id="fileMenuElement35u"/>
 
335
            <rect id="fileMenuElement35r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
336
            <text id="fileMenuElement35t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
337
            <handler ev:event="mouseover">document.getElementById("fileMenuElement35r").setAttribute("fill", "black");</handler>
 
338
            <handler ev:event="mouseout">document.getElementById("fileMenuElement35r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
339
            <handler ev:event="click">;</handler>
 
340
        </g>
 
341
        <g id="fileMenuElement36">
 
342
            <use id="fileMenuElement36u"/>
 
343
            <rect id="fileMenuElement36r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
344
            <text id="fileMenuElement36t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
345
            <handler ev:event="mouseover">document.getElementById("fileMenuElement36r").setAttribute("fill", "black");</handler>
 
346
            <handler ev:event="mouseout">document.getElementById("fileMenuElement36r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
347
            <handler ev:event="click">;</handler>
 
348
        </g>
 
349
        <g id="fileMenuElement37">
 
350
            <use id="fileMenuElement37u"/>
 
351
            <rect id="fileMenuElement37r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
352
            <text id="fileMenuElement37t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
353
            <handler ev:event="mouseover">document.getElementById("fileMenuElement37r").setAttribute("fill", "black");</handler>
 
354
            <handler ev:event="mouseout">document.getElementById("fileMenuElement37r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
355
            <handler ev:event="click">;</handler>
 
356
        </g>
 
357
        <g id="fileMenuElement38">
 
358
            <use id="fileMenuElement38u"/>
 
359
            <rect id="fileMenuElement38r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
360
            <text id="fileMenuElement38t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
361
            <handler ev:event="mouseover">document.getElementById("fileMenuElement38r").setAttribute("fill", "black");</handler>
 
362
            <handler ev:event="mouseout">document.getElementById("fileMenuElement38r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
363
            <handler ev:event="click">;</handler>
 
364
        </g>
 
365
        <g id="fileMenuElement39">
 
366
            <use id="fileMenuElement39u"/>
 
367
            <rect id="fileMenuElement39r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
368
            <text id="fileMenuElement39t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
369
            <handler ev:event="mouseover">document.getElementById("fileMenuElement39r").setAttribute("fill", "black");</handler>
 
370
            <handler ev:event="mouseout">document.getElementById("fileMenuElement39r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
371
            <handler ev:event="click">;</handler>
 
372
        </g>
 
373
        <g id="fileMenuElement40">
 
374
            <use id="fileMenuElement40u"/>
 
375
            <rect id="fileMenuElement40r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
376
            <text id="fileMenuElement40t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
377
            <handler ev:event="mouseover">document.getElementById("fileMenuElement40r").setAttribute("fill", "black");</handler>
 
378
            <handler ev:event="mouseout">document.getElementById("fileMenuElement40r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
379
            <handler ev:event="click">;</handler>
 
380
        </g>
 
381
        <g id="fileMenuElement41">
 
382
            <use id="fileMenuElement41u"/>
 
383
            <rect id="fileMenuElement41r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
384
            <text id="fileMenuElement41t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
385
            <handler ev:event="mouseover">document.getElementById("fileMenuElement41r").setAttribute("fill", "black");</handler>
 
386
            <handler ev:event="mouseout">document.getElementById("fileMenuElement41r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
387
            <handler ev:event="click">;</handler>
 
388
        </g>
 
389
        <g id="fileMenuElement42">
 
390
            <use id="fileMenuElement42u"/>
 
391
            <rect id="fileMenuElement42r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
392
            <text id="fileMenuElement42t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
393
            <handler ev:event="mouseover">document.getElementById("fileMenuElement42r").setAttribute("fill", "black");</handler>
 
394
            <handler ev:event="mouseout">document.getElementById("fileMenuElement42r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
395
            <handler ev:event="click">;</handler>
 
396
        </g>
 
397
        <g id="fileMenuElement43">
 
398
            <use id="fileMenuElement43u"/>
 
399
            <rect id="fileMenuElement43r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
400
            <text id="fileMenuElement43t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
401
            <handler ev:event="mouseover">document.getElementById("fileMenuElement43r").setAttribute("fill", "black");</handler>
 
402
            <handler ev:event="mouseout">document.getElementById("fileMenuElement43r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
403
            <handler ev:event="click">;</handler>
 
404
        </g>
 
405
        <g id="fileMenuElement44">
 
406
            <use id="fileMenuElement44u"/>
 
407
            <rect id="fileMenuElement44r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
408
            <text id="fileMenuElement44t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
409
            <handler ev:event="mouseover">document.getElementById("fileMenuElement44r").setAttribute("fill", "black");</handler>
 
410
            <handler ev:event="mouseout">document.getElementById("fileMenuElement44r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
411
            <handler ev:event="click">;</handler>
 
412
        </g>
 
413
        <g id="fileMenuElement45">
 
414
            <use id="fileMenuElement45u"/>
 
415
            <rect id="fileMenuElement45r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
416
            <text id="fileMenuElement45t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
417
            <handler ev:event="mouseover">document.getElementById("fileMenuElement45r").setAttribute("fill", "black");</handler>
 
418
            <handler ev:event="mouseout">document.getElementById("fileMenuElement45r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
419
            <handler ev:event="click">;</handler>
 
420
        </g>
 
421
        <g id="fileMenuElement46">
 
422
            <use id="fileMenuElement46u"/>
 
423
            <rect id="fileMenuElement46r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
424
            <text id="fileMenuElement46t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
425
            <handler ev:event="mouseover">document.getElementById("fileMenuElement46r").setAttribute("fill", "black");</handler>
 
426
            <handler ev:event="mouseout">document.getElementById("fileMenuElement46r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
427
            <handler ev:event="click">;</handler>
 
428
        </g>
 
429
        <g id="fileMenuElement47">
 
430
            <use id="fileMenuElement47u"/>
 
431
            <rect id="fileMenuElement47r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
432
            <text id="fileMenuElement47t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
433
            <handler ev:event="mouseover">document.getElementById("fileMenuElement47r").setAttribute("fill", "black");</handler>
 
434
            <handler ev:event="mouseout">document.getElementById("fileMenuElement47r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
435
            <handler ev:event="click">;</handler>
 
436
        </g>
 
437
        <g id="fileMenuElement48">
 
438
            <use id="fileMenuElement48u"/>
 
439
            <rect id="fileMenuElement48r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
440
            <text id="fileMenuElement48t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
441
            <handler ev:event="mouseover">document.getElementById("fileMenuElement48r").setAttribute("fill", "black");</handler>
 
442
            <handler ev:event="mouseout">document.getElementById("fileMenuElement48r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
443
            <handler ev:event="click">;</handler>
 
444
        </g>
 
445
        <g id="fileMenuElement49">
 
446
            <use id="fileMenuElement49u"/>
 
447
            <rect id="fileMenuElement49r" x="25" y="0" width="550" height="20" fill="rgb(245,245,245)" stroke="none"/>
 
448
            <text id="fileMenuElement49t" fill="gray" font-family="Comic Sans MS" font-size="20" x="30" y="17"/>
 
449
            <handler ev:event="mouseover">document.getElementById("fileMenuElement49r").setAttribute("fill", "black");</handler>
 
450
            <handler ev:event="mouseout">document.getElementById("fileMenuElement49r").setAttribute("fill", "rgb(245,245,245)");</handler>
 
451
            <handler ev:event="click">;</handler>
 
452
        </g>
 
453
    </defs>
 
454
    <rect id="frame" width="320" height="600" rx="15" fill="black" stroke="black"/>
 
455
    <!--text id="help" fill="rgb(90,90,120)" font-size="12" x="20" y="15">right click on home removes current widget</text-->
 
456
    <g id="execbar" display="none">
 
457
        <g id="remoting" transform="translate(18, 22)">
 
458
            <rect rx="8" ry="8" fill="rgb(140,140,50)" width="30" height="16"/>
 
459
            <text fill="black" font-family="Comic Sans MS" font-size="12" x="2" y="12">Push</text>
 
460
            <handler ev:event="click">on_widget_remote();</handler>
 
461
        </g>
 
462
        <g id="kill" transform="translate(55, 22)">
 
463
            <rect rx="8" ry="8" fill="rgb(140,140,50)" width="30" height="16"/>
 
464
            <text fill="black" font-family="Comic Sans MS" font-size="12" x="2" y="12">KillW</text>
 
465
            <handler ev:event="click">on_kill_widget();</handler>
 
466
        </g>
 
467
        <text id="widgetName" fill="white" font-family="Comic Sans MS" font-size="20" x="110" y="35">widgetName</text> 
 
468
    </g>
 
469
    <g id="homebar" display="inline">
 
470
        <g id="adding" transform="translate(18, 22)">
 
471
            <rect rx="8" ry="8" fill="rgb(140,140,50)" width="30" height="16"/>
 
472
            <text fill="black" font-family="Comic Sans MS" font-size="12" x="2" y="12">Add</text>
 
473
            <handler ev:event="click">on_widget_add_menu();</handler>
 
474
        </g>
 
475
        <g id="removing" transform="translate(55, 22)">
 
476
            <rect rx="8" ry="8" fill="rgb(140,140,50)" width="30" height="16"/>
 
477
            <text fill="black" font-family="Comic Sans MS" font-size="10" x="2" y="12">Reset</text>
 
478
            <handler ev:event="click">on_clean_up();</handler>
 
479
        </g>
 
480
        <g id="dirscan" transform="translate(92, 22)">
 
481
            <rect rx="8" ry="8" fill="rgb(140,140,50)" width="30" height="16"/>
 
482
            <text fill="black" font-family="Comic Sans MS" font-size="12" x="2" y="12">Scan</text>
 
483
            <handler ev:event="click">on_dir_scan();</handler>
 
484
        </g>
 
485
    </g>
 
486
    <rect id="screen" width="320" height="480" fill="white" stroke="black" x="0" y="60"/>
 
487
 
 
488
    <g id="homepage" transform="translate(0, 60)">
 
489
        <rect id="gridback" width="320" height="480" fill="rgb(40,40,40)" stroke="black"/>
 
490
        <g id="grid">
 
491
            <use xlink:href="#odd" transform="translate(0, 0)"/>
 
492
            <use xlink:href="#even" transform="translate(0, 80)"/>
 
493
        </g>
 
494
        <g id="icons" transform="translate(0,0)">
 
495
        </g>
 
496
    </g>
 
497
 
 
498
    <g transform="translate(0,60)">
 
499
        <g id="widget">
 
500
        </g>
 
501
    </g>
 
502
 
 
503
    <g transform="translate(0,60)">
 
504
        <g id="widgetAddList"/>
 
505
    </g>
 
506
 
 
507
 
 
508
    <g id="commands" transform="translate(0, 540)">
 
509
        <g id="homeButton" transform="translate(160,30)">
 
510
            <circle r="20" fill="rgb(40,40,40)" stroke="yellow"/>
 
511
            <rect width="18" height="18" x="-9" y="-9" fill="none" stroke="yellow"/>
 
512
            <handler ev:event="click">home_button(evt);</handler>
 
513
        </g>
 
514
        <g id="arrows">
 
515
            <g id="left" display="none" transform="translate(10, 10)">
 
516
                <animation xlink:href="icons/left_arrow.svg" width="40" height="40"/>
 
517
                <rect width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
 
518
                <handler ev:event="click">left_button();</handler>
 
519
            </g>
 
520
            <g id="right" display="none" transform="translate(270, 10)">
 
521
                <animation xlink:href="icons/right_arrow.svg" width="40" height="40"/>
 
522
                <rect width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
 
523
                <handler ev:event="click">right_button();</handler>
 
524
            </g>
 
525
        </g>
 
526
        <g id="arrowsW">
 
527
            <g id="leftW" display="none" transform="translate(10, 10)">
 
528
                <animation xlink:href="icons/go-previous.svg" width="40" height="40"/>
 
529
                <rect width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
 
530
                <handler ev:event="click">left_buttonW();</handler>
 
531
            </g>
 
532
            <g id="rightW" display="none" transform="translate(270, 10)">
 
533
                <animation xlink:href="icons/go-next.svg" width="40" height="40"/>
 
534
                <rect width="40" height="40" fill="none" stroke="none" pointer-events="all"/>
 
535
                <handler ev:event="click">right_buttonW();</handler>
 
536
            </g>
 
537
        </g>
 
538
    </g>
 
539
    <rect id="rightCut" width="1000" height="600" x="321" y="0" fill="white" stroke="none"/>
 
540
    <rect id="leftCut" width="1000" height="600" x="-1001" y="0" fill="white" stroke="none"/>
 
541
    <rect id="frame2" width="320" height="600" rx="15" fill="none" stroke="black"/>
 
542
    <script xlink:href="mpegu-core.js"/>
 
543
    <script xlink:href="iphone_wm_gui.js"/>
 
544
    <handler ev:event="resize">resize();</handler>
 
545
    <animateColor id="getAttention" attributeName="fill" xlink:href="#frame" begin="indefinite" dur="1" from="red"
 
546
                  to="black" restart="always" fill="freeze"/>
 
547
</svg>