// reference local blank image
Ext.BLANK_IMAGE_URL = '../include/extjs/resources/images/default/s.gif';
 
Ext.onReady(function(){
    var tabs = new Ext.TabPanel({
        renderTo:'tabs',
        resizeTabs:true, // turn on tab resizing
        minTabWidth: 115,
        tabWidth:135,
        enableTabScroll:true,
        width:800,
        height:450,
        defaults: {autoScroll:true}
    });
    
    var tab1 = tabs.add({
	        title: 'Quote',
	        iconCls: 'tabs',
	        autoLoad:{ url: 'MarketData/Quote.aspx', params: 'symbol=msft'}
	});
	    
    var tab2 = tabs.add({
	        title: 'Chart',
	        iconCls: 'tabs',
	        autoLoad:{ url: 'MarketData/Chart.aspx', params: 'symbol=msft'}
	});
	     
    var tab3 = tabs.add({
	        title: 'News',
	        iconCls: 'tabs',
	        autoLoad:{ url: 'MarketData/News.aspx', params: 'symbol=msft'}
	});
	    
	tab1.show();
	
	var txtTicker = new Ext.form.TextField({
	    allowBlank: false,
	    renderTo: 'dvTicker',
	    name: 'txtQuote',
	    width: '100px'
	}).focus();
	
	txtTicker.addListener('specialkey', Load, this);

	new Ext.Button({
        text: 'Go',
        handler: Load
    }).render("dvButton");
   
   function Load(){
        tab1.body.updateManager.update('MarketData/Quote.aspx', 'symbol=' + document.getElementsByName("txtQuote")[0].value)
      
        if("undefined" == typeof(tab2.body)){            
            tab2.autoLoad.params = 'symbol=' + document.getElementsByName("txtQuote")[0].value;
            }
        else
            tab2.body.updateManager.update('MarketData/Chart.aspx', 'symbol=' + document.getElementsByName("txtQuote")[0].value)
            
        if("undefined" == typeof(tab3.body)){
            tab3.autoLoad.params = 'symbol=' + document.getElementsByName("txtQuote")[0].value;
            }
        else
            tab3.body.updateManager.update('MarketData/News.aspx', 'symbol=' + document.getElementsByName("txtQuote")[0].value)
    } 
});

/*-----------------------------------------------------------------------------------------------------------------------------*/
   	function SelectTab(id)
    {
	    document.getElementById("tab" + id).className="qmmt_tabactive";
	    if(id==1){document.getElementById("imgChart").src =document.getElementById("_hiddenSrc").value + "&periods=1d";}
		else if(id==2){document.getElementById("imgChart").src = document.getElementById("_hiddenSrc").value + "&periods=1w";}
		else if(id==3){document.getElementById("imgChart").src = document.getElementById("_hiddenSrc").value + "&periods=1m";}
		else if(id==4){document.getElementById("imgChart").src = document.getElementById("_hiddenSrc").value + "&periods=6m";}
		else if(id==5){document.getElementById("imgChart").src = document.getElementById("_hiddenSrc").value + "&periods=1y";}
		else if(id==6){document.getElementById("imgChart").src = document.getElementById("_hiddenSrc").value + "&periods=3y";}
		else if(id==7){document.getElementById("imgChart").src = document.getElementById("_hiddenSrc").value + "&periods=5y";}

	    for (j=1;j<=7;j++)
	    {
		    if( j!= id)
		    {
			    document.getElementById("tab" + j).className="qmmt_tab";
		    }
	    }
    }
    
    function enterpress()
    {
        event.keyCode = 9;
        event.keyCode = 13;
}