  <library>
   <include href="bswindow.lzx" />
	<include href="av/html5/library.lzx" />

   <font name="EstiloText" src="resource/EstiloText.otf"/>
   <attribute name="twidth_contact" value="0" type="number"/>
   <attribute name="theight_contact" value="0" type="number"/>
	<attribute name="tx_contact" value="0" type="number"/>
   <attribute name="ty_contact" value="0" type="number"/>
	<attribute name="tbgcolor_contact" value="white" type="string"/>
	
	<attribute name="img_contactcabinet" type="number" value="1"/>
	<attribute name="img_contacttable" type="number" value="1"/>
	<attribute name="img_contactlamp" type="number" value="1"/>
	
	
   <class name="contactwindow" >



  <bswindow id="w_contact"  width="${parent.twidth_contact}" height="${parent.theight_contact}" resizable="false" closeable="false" x="${parent.tx_contact}" y="${parent.ty_contact}" bgcolor="${parent.tbgcolor_contact}">
  <image  x="${w_contact.width-28}" y="1"  height="25" width="23" resource="resource/close.jpg" stretches="both" onclick="parent.setAttribute('visible',false);"/>
<image  x="${w_contact.width-28-16}" y="2"  height="23" width="16" resource="resource/minimize.jpg" stretches="both"/>
		
		//  Area de informacao   ***********  BODY ****************
		
		<view id="view_contact" y="0" x="0" width="${w_contact.width-220}" height="${w_contact.height}" bgcolor="black">
		// VIDEO
		<!--
		<view id="view_video_contact" x="5" y="5" visible="true">
			<html5videoview id="video_contact" src="video2.mp4" autoplay="true" width="${view_contact.width-10}" height="${view_contact.height-30}" />
		</view>
		-->
		// THE GALLERY contact CABINET  //height=370  //width=598
		<view id="gallery_contactcabinet" x="10" y="10" visible="true" width="${550}" height="${370}">
			<image  id="img_gallery_contactcabinet" x="0" y="0"  height="100%" width="100%" resource="resource/world_map2.jpg" stretches="both"/>
			 
			<!--text x="100" y="100" fgcolor="white" font="EstiloText" fontsize="12" width="150" multiline="true"> TUSSE HEADQUARTERS</text> 
			<text x="100" y="120" fgcolor="white" font="EstiloText" fontsize="12" width="160" multiline="true"> Praça Coronel Pacheco n.º2<br />
        	4050-453 Porto <br />
        	Portugal<br />
 			<br />
        	Tel: +351 220 126 736<br />
        	E-mail: <a href="mailto:info@tusse.pt">info@tusse.pt</a><br />        
        	<br /></text> 
			
			<text x="280" y="100" fgcolor="white" font="EstiloText" fontsize="12" width="150" multiline="true"> TUSSE USA</text> 
			<text x="280" y="120" fgcolor="white" font="EstiloText" fontsize="12" width="160" multiline="true"> VINCENT B GROUP <br />
        	9663  Santa Monica Blvd #366 <br />
			Beverly Hills <br />
        	USA<br />
			<br />
        	Tel: +1 310 776 2325<br />
        	Tel: +1 310 902 3448<br />
        	E-mail: <a href="mailto:tusse.usa@tusse.pt">tusse.usa@tusse.pt</a><br />
 			<br /></text--> 


			
		</view>
		<!--
		// THE GALLERY contact table  //height=370  //width=598
		<view id="gallery_contacttable" x="10" y="10" visible="false" width="${550}" height="${370}">
			<image  id="img_gallery_contacttable" x="0" y="0"  height="100%" width="100%" resource="http://localhost:8080/lps-4.9.0/tusse/lib/produtos/contacttable01.jpg" stretches="both"/>
		</view>
		
		// THE GALLERY contact LAMP  //height=370  //width=598
		<view id="gallery_contactlamp" x="10" y="10" visible="false" width="${550}" height="${370}">
			<image  id="img_gallery_contactlamp" x="0" y="0"  height="100%" width="100%" resource="http://localhost:8080/lps-4.9.0/tusse/lib/produtos/contactlamp01.jpg" stretches="both"/>
		</view>
		-->
		
		// contact CABINET TEXT
		<view id="contactcabinet_text" x="20" y="25" visible="false">
		<text x="0" y="20" fgcolor="white" font="EstiloText" fontsize="18" width="${view_contact.width-30}" multiline="true"> NOUVEAU CABINET </text> 
		<text x="0" y="50" fgcolor="white" font="EstiloText" fontsize="12" width="${(view_contact.width-30)/2}" multiline="true">  contact condenses the magic of light that its 78 handcrafted stained glass project. contact transform the place where it's placed. As a canvas of imcontactionism, Monet-style, contact has vibrant and shimmering colors combined with the elegance of Mondrian that found the perfection in the simplicity of orthogonal offorms. <br />
        <br />
        contact has an interesting and appealing play of colors, created in our laboratory. We paint every glass manually. We'd chosen this technique because of the chromatic freedom and the lack of clear glass with color on the market. If anything forbids us to create, we try harder and get a new way. The glasses are wrapped in an elegant
game of daffodils, cut and applied by hand to break and lose poerfeição the 45-degree angle that joins the ends. This piece is sold with finishing in blacks and whites, by applying a French techniques that enhances the wood grain, giving the surface similarly smooth.</text> 

		</view>
				<view id="informationrequest_contact" x="20" y="25" visible="false">
		
		<text x="0" y="20" fgcolor="white" font="EstiloText" fontsize="18" width="${view_contact.width-30}" multiline="true"> REQUEST MORE INFORMATION </text> 
		<text x="0" y="60" fgcolor="white" font="EstiloText" fontsize="12" width="50" multiline="true"> Name:</text> 
		<inputtext id="name_contact" x="57" y="60" font="EstiloText" fontsize="12" width="200" bgcolor="#FFFFFF"></inputtext>
		<text x="0" y="80" fgcolor="white" font="EstiloText" fontsize="12" width="60" multiline="true"> Company:</text> 
		<inputtext id="company_contact" x="57" y="80" font="EstiloText" fontsize="12" width="150" bgcolor="#FFFFFF"></inputtext>
		<text x="0" y="100" fgcolor="white" font="EstiloText" fontsize="12" width="50" multiline="true"> Job Title:</text> 
		<inputtext id="jobtitle_contact" x="57" y="100" font="EstiloText" fontsize="12" width="100" bgcolor="#FFFFFF"></inputtext>
		<text x="0" y="120" fgcolor="white" font="EstiloText" fontsize="12" width="50" multiline="true"> Phone:</text> 
		<inputtext id="phone_contact" x="57" y="120" font="EstiloText" fontsize="12" width="100" bgcolor="#FFFFFF"></inputtext>
		<text x="0" y="140" fgcolor="white" font="EstiloText" fontsize="12" width="50" multiline="true"> Country:</text> 
		<inputtext id="country_contact" x="57" y="140" font="EstiloText" fontsize="12" width="100" bgcolor="#FFFFFF"></inputtext>
		<text x="170" y="140" fgcolor="white" font="EstiloText" fontsize="12" width="50" multiline="true"> City:</text> 
		<inputtext id="city_contact" x="207" y="140" font="EstiloText" fontsize="12" width="100" bgcolor="#FFFFFF"></inputtext>
		<text x="0" y="160" fgcolor="white" font="EstiloText" fontsize="12" width="50" multiline="true"> E-mail:</text> 
		<inputtext id="email_contact" x="57" y="160" font="EstiloText" fontsize="12" width="250" bgcolor="#FFFFFF"></inputtext>
		<text x="0" y="180" fgcolor="white" font="EstiloText" fontsize="12" width="50" multiline="true"> Message:</text> 
		<inputtext id="message_contact" x="57" y="180" font="EstiloText" fontsize="12" height="100" width="250" bgcolor="#FFFFFF" multiline="true"></inputtext>
		
		<text x="57" y="300" fgcolor="white" font="EstiloText" fontsize="14" width="50" multiline="true"> SEND</text>
		</view>

		
		</view>
		
		
		
		
		
		// Lado esquerdo **********   MENU   **************
		
		<view id="v2_contact" width="${220}" height="${w_contact.height}" y="25" x="${w_contact.width-this.width}" bgcolor="black" visible="true">
			<text  x="0" id="text_cursor_v0_contact" fgcolor="white" font="EstiloText" fontsize="10" visible="false"> - </text>
			
		 	 
			
			
			<text x="0" y="0" fgcolor="white" font="EstiloText" fontsize="12" width="150" multiline="true"> TUSSE HEADQUARTERS</text> 
			<image x="0" y="12"  height="8" width="180" resource="resource/linha.jpg" stretches="both" opacity="0.5"/>
			<text x="0" y="30" fgcolor="white" font="EstiloText" fontsize="12" width="160" multiline="true" onclick="{lz.Browser.loadURL('mailto:info@tusse.pt')};"> Praça Coronel Pacheco n.º2<br />
        	4050-453 Porto <br />
        	Portugal<br />
 			<br />
        	Tel: +351 220 126 736<br />
        	E-mail: <a href="mailto:info@tusse.pt">info@tusse.pt</a><br />        
        	<br /></text> 
			
			<text x="0" y="140" fgcolor="white" font="EstiloText" fontsize="12" width="150" multiline="true"> TUSSE USA</text> 
			<image x="0" y="152"  height="8" width="180" resource="resource/linha.jpg" stretches="both" opacity="0.5"/>
			<text x="0" y="160" fgcolor="white" font="EstiloText" fontsize="12" width="160" multiline="true" onclick="{lz.Browser.loadURL('mailto:tusse.usa@tusse.pt')};"> VINCENT B GROUP <br />
        	9663  Santa Monica Blvd #366 <br />
			Beverly Hills <br />
        	USA<br />
			<br />
        	Tel: +1 310 776 2325<br />
        	Tel: +1 310 902 3448<br />
        	E-mail: <a href="mailto:tusse.usa@tusse.pt">tusse.usa@tusse.pt</a><br />
 			<br /></text> 

			
			
			
		
			// *******************************
		<view id="menu_galeria_contactcabinet" x="20" y="${v2_contact.height-80}" visible="false">
		<text id="menu_galeria_contactcabinet_contactumber" x="50" y="0" fgcolor="white" font="EstiloText" fontsize="9">01  </text>
		<text x="70" y="0" fgcolor="white" font="EstiloText" fontsize="9"> OF </text>
		<text x="90" y="0" fgcolor="white" font="EstiloText" fontsize="9"> 07 </text>
		<text x="0" y="20" fgcolor="white" font="EstiloText" fontsize="10" onclick="w_contact.SlidecontactCabinet_menos();"> &#60;&#60; PREVIOUS </text>
		<text x="90" y="20" fgcolor="white" font="EstiloText" fontsize="10" onclick="w_contact.SlidecontactCabinet_mais();">  NEXT &#62;&#62; </text>
		</view>
		

		</view>



// ***************************************  METHODS *********************
<method name="viewapagartudo" >  
	//video_contact.pause();
	//view_video_contact.setAttribute('visible',false);
	
	contactcabinet_text.setAttribute('visible',false);
	//contacttable_text.setAttribute('visible',false);
	//contactlamp_text.setAttribute('visible',false);
	
	informationrequest_contact.setAttribute('visible',false);
	
	gallery_contactcabinet.setAttribute('visible',false);
	//gallery_contactlamp.setAttribute('visible',false);
	//gallery_contacttable.setAttribute('visible',false);
	
	menu_galeria_contactcabinet.setAttribute('visible',false);
	//menu_galeria_contacttable.setAttribute('visible',false);
	//menu_galeria_contactlamp.setAttribute('visible',false);	

</method>



<method name="menu_contact_cabinet" >
        //Prepare a string
	gallery_contactcabinet.setAttribute('visible',true);
	//video_contact.pause();
	//view_video_contact.setAttribute('visible',false);
	contactcabinet_text.setAttribute('visible',false);
	//menu_contactlamp.setAttribute('y',80+70);
	//menu_contacttable.setAttribute('y',112+70);
	contact_cabinet_v2.setAttribute('visible',true);
	//contact_lamp_v2.setAttribute('visible',false);
	//contact_table_v2.setAttribute('visible',false);
		
		
</method>

<method name="SlidecontactCabinet_mais">
<![CDATA[
		parent.parent.img_contactcabinet++;
           if (parent.parent.img_contactcabinet > 7) parent.parent.img_contactcabinet=1;
        var img=parent.parent.pasta_das_imagens+"contact0"+parent.parent.img_contactcabinet+".jpg";
		Debug.write(img);
		img_gallery_contactcabinet.setAttribute('resource', img); 
		menu_galeria_contactcabinet_contactumber.setAttribute('text',"0"+parent.parent.img_contactcabinet);
		]]>
 </method>
<method name="SlidecontactCabinet_menos">
<![CDATA[
		parent.parent.img_contactcabinet--;
           if (parent.parent.img_contactcabinet < 1) parent.parent.img_contactcabinet=7;
        var img=parent.parent.pasta_das_imagens+"contact0"+parent.parent.img_contactcabinet+".jpg";
		Debug.write(img);
		img_gallery_contactcabinet.setAttribute('resource', img); 
		menu_galeria_contactcabinet_contactumber.setAttribute('text',"0"+parent.parent.img_contactcabinet);
		]]>
 </method>


<method name="Slidecontacttable_mais">
<![CDATA[
		parent.parent.img_contacttable++;
           if (parent.parent.img_contacttable > 4) parent.parent.img_contacttable=1;
        var img=parent.parent.pasta_das_imagens+"contactscreen0"+parent.parent.img_contacttable+".jpg";
		Debug.write(img);
		img_gallery_contacttable.setAttribute('resource', img); 
		menu_galeria_contacttable_contactumber.setAttribute('text',"0"+parent.parent.img_contacttable);
		]]>
 </method>
<method name="Slidecontacttable_menos">
<![CDATA[
		parent.parent.img_contacttable--;
           if (parent.parent.img_contacttable < 1) parent.parent.img_contacttable=4;
        var img=parent.parent.pasta_das_imagens+"contactscreen0"+parent.parent.img_contacttable+".jpg";
		Debug.write(img);
		img_gallery_contacttable.setAttribute('resource', img); 
		menu_galeria_contacttable_contactumber.setAttribute('text',"0"+parent.parent.img_contacttable);
		]]>
 </method>


<method name="SlidecontactLamp_mais">
<![CDATA[
		parent.parent.img_contactlamp++;
           if (parent.parent.img_contactlamp > 5) parent.parent.img_contactlamp=1;
        var img=parent.parent.pasta_das_imagens+"contactlamp0"+parent.parent.img_contactlamp+".jpg";
		Debug.write(img);
		img_gallery_contactlamp.setAttribute('resource', img); 
		menu_galeria_contactlamp_contactumber.setAttribute('text',"0"+parent.parent.img_contactlamp);
		]]>
 </method>
<method name="SlidecontactLamp_menos">
<![CDATA[
		parent.parent.img_contactlamp--;
           if (parent.parent.img_contactlamp < 1) parent.parent.img_contactlamp=5;
        var img=parent.parent.pasta_das_imagens+"contactlamp0"+parent.parent.img_contactlamp+".jpg";
		Debug.write(img);
		img_gallery_contactlamp.setAttribute('resource', img); 
		menu_galeria_contactlamp_contactumber.setAttribute('text',"0"+parent.parent.img_contactlamp);
		]]>
 </method>


 </bswindow>
  


  </class>
</library>