</html:div>
 <html:div id="listStat" style="display:none">
 <html:p/>
 <html:div class="ttl">:: this is the stat content ::</html:div>
 <html:p/>
 <listbox id="incomes_history" rows="5">
 <listhead>
 <listheader label="Account"/>
 <listheader label="Amount"/>
 <listheader label="Date"/>
 </listhead>
 <listitem>
 <listcell label="Fortis"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 <listitem>
 <listcell label="Argenta"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 <listitem>
 <listcell label="Ing"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 </listbox>
 </html:div>
 </html:div>
 </html:div>
 <html:p/>
 <!-- separator -->
 <html:hr />
 <!-- separator -->
 <!-- add new income -->
 <button label="new" onclick="oItem.putLine('cBqInc','inc_new');"/>
 <!-- separator -->
 <html:hr />
 <!-- separator -->
 <html:div id="inc_new" />
 </html:div> 
 </groupbox>
 <!-- ORDERS -->
 <groupbox class="dark" width="300">
 <caption label="Orders"/>
 <html:div>
 <html:div id="cBqOrd">
 <!-- insert new incomes -->
 <html:div style="display:none;" id="cBqOrd_">
 <html:div>
 <html:input id="account" class="lowTxt" type="text" value="> account" size="20"/>
 <html:input id="amount" class="lowTxt" type="text" value="> amount" size="10"/>
 <html:input id="date" class="lowTxt" type="text" value="> date" size="10"/>
 <html:span class="clickable" onclick="oItem.saveItem(this.parentNode,'orders');parentNode.innerHTML=";oItem.load('orders','cBqOrd_1');"> [+] </html:span>
 </html:div>
 </html:div>
 <html:div id="cBqOrd_1"/>
 </html:div>
 <html:p/>
 <!-- separator -->
 <html:hr />
 <!-- separator -->
 <!-- add new income -->
 <button label="new" onclick="oItem.putLine('cBqOrd','ord_new');"/>
 <!-- separator -->
 <html:hr />
 <!-- separator -->
 <html:div id="ord_new"/>
 </html:div> 
 </groupbox>
 </groupbox>
 <!-- separator -->
 <splitter style="width: 10px; max-width: 10px;" collapse="before" resizebefore="closest" resizeafter="farthest" state="open">
 <grippy id="gspace_leftgrippy"/>
 </splitter>
 <!-- separator -->
 <!-- EXPENDITURE -->
 <groupbox width="300">
 <caption label="Expenditures"/>
 <groupbox class="dark" width="300" orient="vertical">
 <caption label="Bank"/>
 <box orient="horizontal">
 <menulist label="Account">
 <menupopup>
 <menuitem label="fortis"/>
 <menuitem label="argenta"/>
 <menuitem label="ING" selected="true"/>
 </menupopup>
 </menulist>

<textbox class="txtLow" label="in" value="> amount" onfocus="oUtils.clean(this);"/>
 <textbox class="txtLow" label="date" value="> date" onfocus="oUtils.clean(this);"/>
<!-- > account -->
 <menulist label="ES">
 <menupopup>
 <menuitem label="in"/>
 <menuitem label="out"/>
 </menupopup>
 </menulist>
 </box>
 <textbox id="cBqSpendItem" multiline="true" rows="2" value=":: detail ::" onfocus="oUtils.clean(this);"/>
 <html:hr/>
 <box orient="horizontal">
 <button label="new" />
 </box>
 <html:hr/>
 </groupbox>
 <!-- INCOMES -->
 <groupbox class="dark" width="300">
 <caption label="Purchase"/>
 <html:div>
 <html:div id="cClInc">
 <!-- insert new incomes -->
 <html:div style="display:none;" id="cClInc_">
 <html:div>
 <html:input id="object" class="lowTxt" type="text" value="> object" size="20"/>
 <html:input id="amount" class="lowTxt" type="text" value="> amount" size="10"/>
 <html:input id="date" class="lowTxt" type="text" value="> date" size="10"/>
 <html:span class="clickable" onclick="oItem.saveItem(this.parentNode,'purchases');parentNode.innerHTML=";oItem.load('purchases','cClInc_1');
 "> [+] </html:span> <!-- -->
 </html:div>
 </html:div>
 <html:div id="cClInc_1" />
 <html:div>
 <!-- separator -->
 <html:hr />
 <!-- separator -->
 <!-- incomes menu -->
 <html:span>
 <html:label onclick="oUtils.showHide($('listpHist'));">[ history ]</html:label>
 <html:label onclick="oUtils.showHide($('listpStat'));">[ statistic ]</html:label>
 </html:span>
 <html:p/>
 <html:div id="listpHist" style="display:none">
 <html:p/>
 <html:div class="ttl">:: this is the history content ::</html:div>
 <html:p/>
 <listbox id="incomes_history" rows="5">
 <listhead>
 <listheader label="Account"/>
 <listheader label="Amount"/>
 <listheader label="Date"/>
 </listhead>
 <listitem>
 <listcell label="Fortis"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 <listitem>
 <listcell label="Argenta"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 <listitem>
 <listcell label="Ing"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 </listbox>
 <!-- 
 <html:br/>:: this is the bottom content ::
 <html:br/>:: this is the bottom content ::
 <html:br/>:: this is the bottom content ::
 <html:br/>:: this is the bottom content ::

</html:div>
 <html:div id="listpStat" style="display:none">
 <html:p/>
 <html:div class="ttl">:: this is the stat content ::</html:div>
 <html:p/>
 <listbox id="incomes_history" rows="5">
 <listhead>
 <listheader label="Account"/>
 <listheader label="Amount"/>
 <listheader label="Date"/>
 </listhead>
 <listitem>
 <listcell label="Fortis"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 <listitem>
 <listcell label="Argenta"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 <listitem>
 <listcell label="Ing"/>
 <listcell label="200"/>
 <listcell label="10/10/2008"/>
 </listitem>
 </listbox>
 </html:div>

</html:div>
 </html:div>
 <html:p/>
 <!-- separator -->
 <html:hr />
 <!-- separator -->
 <!-- add new income -->
 <button label="new" onclick="oItem.putLine('cClInc','pur_new');"/>
 <!-- separator -->
 <html:hr />
 <!-- separator -->
 <html:div id="pur_new" />
 </html:div> 
 </groupbox>
 </groupbox>
 <!-- separator -->
 <splitter style="width: 10px; max-width: 10px;" collapse="before" resizebefore="closest" resizeafter="farthest" state="open">
 <grippy id="gspace_leftgrippy"/>
 </splitter>
 <!-- separator -->
 <groupbox flex="1">
 <caption label="actual" orient="vertical"/>
 <hbox>
 <groupbox flex="1" height="100%">
 <caption label="Top five expenditures"/>
 </groupbox>
 <groupbox flex="1">
 <caption label="Rest"/>
 </groupbox>
 </hbox>
 <vbox flex="1">
 <groupbox flex="1">
 <caption label="Month overview"/>
 <!-- results -->
 <groupbox>
 <html:table>
 <!-- numbers -->
 <html:tr><html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">1</html:td><html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">2</html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">3</html:td><html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">4</html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">5</html:td><html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">6</html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">7</html:td><html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">8</html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">9</html:td><html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;">0</html:td>
 <!-- operation -->
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;"> [ </html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;"> , </html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;"> + </html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;"> - </html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;"> * </html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;"> / </html:td>
 <html:td onclick="$('calcPrompt').innerHTML+=this.innerHTML;"> ] </html:td>
 <html:td onclick="$('calcPrompt').innerHTML = eval($('calcPrompt').innerHTML);"> = </html:td>
 <html:td width="50"/>
 <html:td id="calcPrompt"/></html:tr>
 </html:table>
 </groupbox>
 </groupbox>
 </vbox>
 </groupbox>
 </tabpanel>
 </tabpanels>
 </tabbox>
 </vbox>
</window>

Photographie/Fabricants/Hasselblad/Hasselblad HCD 35-90 mm f/4-5,6 Aspherical