<?xml version="1.0" encoding="UTF-8"?>
<dhuiml version="1.0" xmlns="http://www.series60.com/xml/dhuiml/1">

<orientation id ="portrait" width="360">
	<element id="base"> 
			<layout id="mainlayout" positionx="0" positiony="0" width="360" height="462" />			
            <layout id="grid" positionx="2" positiony="18" width="358" height="444" />
			<layout id="gridlayout" positionx="0" positiony="0" width="338" scrollwidth="20" height="444" row="4" col="3"/>						            
			<layout id="bgimage" state="1" />						
	</element>
	
    <element id="nohighlight">
        <layout id="anchor" name="anchor" positionx="0" positiony="0" width="111" height="133" >

            <imagevisual id="mul_icon" positionx="8" positiony="8" width="95" height="95" fitmode="on">
                <attributesetter name="imagepath" targetvalue="mul_icon" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>			
                
            <imagevisual id="mul_indicator_1" positionx="80" positiony="15" width="24" height="24">
                <attributesetter name="imagepath" targetvalue="mul_indicator_1" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>    
            
            <imagevisual id="mul_indicator_2" positionx="80" positiony="39" width="24" height="24">
                <attributesetter name="imagepath" targetvalue="mul_indicator_2" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>    
                                            	
            <textvisual id="mul_title" positionx="3" positiony="106" width="104"  height="24">
                <attributesetter name="text" targetvalue="mul_title" category="data" />
    			<attributesetter name="style" targetvalue="qfn_primarysmall" />
    			<attributesetter name="fontthemecolor" targetvalue="8" />
                <attributesetter name="horizontalalign" targetvalue="1" />
                <attributesetter name="verticalalign" targetvalue="0" />
                <attributesetter name="opacity" targetvalue="1" />
            </textvisual>

            <!-- For matrix Menu Swap mode visulisation-->
            <imagevisual id="mul_icon_2" positionx="4" positiony="7" width="103" height="103" fitmode="off">
                <attributesetter name="imagepath" targetvalue="mul_icon" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>			

            <!-- Matrix Menu Swap Mode Visulisation Ends here -->        	

        </layout>
    </element>		  

    <element id ="highlight">	        
    </element>		  
	<element id="mul_move_indicator">
        <layout id="anchor" name="anchor" positionx="-20" positiony="-20" width="131" height="130" >
        	           
			<!-- For matrix Menu Non Touch Edit mode move indicator-->	
			<imagevisual id="mul_move_indicator_frame" positionx="20" positiony="20" width="111" height="110" />
			<imagevisual id="mul_move_indicator_arrow_top" positionx="60" positiony="0" width="30" height="17" />
			<imagevisual id="mul_move_indicator_arrow_right" positionx="134" positiony="60" width="17" height="30" />
			<imagevisual id="mul_move_indicator_arrow_bottom" positionx="60" positiony="133" width="30" height="17" />
			<imagevisual id="mul_move_indicator_arrow_left" positionx="0" positiony="60" width="17" height="30" />
		
			<!-- Matrix Menu Non Touch Edit mode move indicator Ends here-->					
        </layout>
	</element>
</orientation>

<orientation id ="landscape" width="502">
	<element id="base"> 
			<layout id="mainlayout" positionx="0" positiony="0" width="502" height="306" />
			<layout id="grid" positionx="7" positiony="6" width="475" height="300" />			
			<layout id="gridlayout" positionx="0" positiony="0" width="455" scrollwidth="20" height="300" row="3" col="4"/>						
			<layout id="bgimage" state="1" />					
	</element>
	
    <element id="nohighlight">		
        <layout id="anchor" name="anchor" positionx="0" positiony="0" width="120" height="102" >
            
            <imagevisual id="mul_icon" positionx="25" positiony="4" width="70" height="70" fitmode="on">
                <attributesetter name="imagepath" targetvalue="mul_icon" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>	
            
            <imagevisual id="mul_indicator_1" positionx="82" positiony="1" width="27" height="27">
                <attributesetter name="imagepath" targetvalue="mul_indicator_1" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>

            <imagevisual id="mul_indicator_2" positionx="10" positiony="1" width="27" height="27">
                <attributesetter name="imagepath" targetvalue="mul_indicator_2" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>
            	
            <textvisual id="mul_title" positionx="5" positiony="77" width="110"  height="21" horizontalalign="center" opacity="1">
                <attributesetter name="text" targetvalue="mul_title" category="data" />
                <attributesetter name="style" targetvalue="qfn_primarysmall" />
                <attributesetter name="fontthemecolor" targetvalue="8" />
                <attributesetter name="horizontalalign" targetvalue="1" />
                <attributesetter name="verticalalign" targetvalue="0" />				
                <attributesetter name="opacity" targetvalue="1" />
            </textvisual>
            <!-- For matrix Menu Swap mode visulisation-->
            <imagevisual id="mul_icon_2" positionx="25" positiony="4" width="70" height="70" fitmode="off">
                <attributesetter name="imagepath" targetvalue="mul_icon" category="data" />
                <attributesetter name="opacity" targetvalue="1" />
            </imagevisual>	

            <!-- Matrix Menu Swap Mode Visulisation Ends here -->                    	 	

        </layout>
    </element>		  

    <element id ="highlight">	

    </element>
</orientation>

</dhuiml>
