Ext.onReady(function(){

    Ext.QuickTips.init();

    // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';

    var bd = Ext.getBody();
    
   
    

    var userdetailsform = new Ext.FormPanel({
      frame: true,
     
	  height:68,
	 
    
 	 	
 	 items: [{						// first set of columns begins here
			layout:'column',
			style:'padding:0px;margin:0px',
			
			//items: [{
			//html:'<div id="errormessage"></div>'
			//}],
			items:[{
					columnWidth:0.9,	
					layout:'form',
					xtype:'textfield',
			         fieldLabel: '',
					labelSeparator:'',
					width:165,
					
					blankText : ' ',
					emptyText :' enter email', 
					listeners:{'blur':
						function(){
							goldpage=true;
							isCursorOnNewsletter = true;
						},
						'focus':function(){
							isCursorOnNewsletter = false;
						}
					},
					style:'font-size:12px;margin-top:5px;margin-bottom:5px;margin-left:5px',
			        name: 'username',
			        id: 'username'
					//vtype:'email'
			      }]
     		
     },
		{						
			layout:'column',
			items:[{
				columnWidth:1,
				layout: 'form',
				style:'padding-left:33px;margin-top:5px',
				items: [{
     	html: '<img align="center" src="/images/gold_sbscribe.gif" onclick="validateGoldForm();"/>'
     	}]}]}]

    });
    userdetailsform.render('userdetailsform');
    if(document.getElementById('errormsg'))
	{
		document.getElementById("errormessage").innerHTML=document.getElementById('errormsg').value
		Ext.MessageBox.alert('Error!',document.getElementById('errormsg').value);
	}
});