/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

Ext.onReady(function(){
    var tabs2 = new Ext.TabPanel({
        renderTo:'div2',
        activeTab:0,
		plain:true,
        width:476,
        height:158,
        defaults:{autoScroll: true},
        items:[{
                title:'Qantas',
                contentEl:'qantas',
                listeners: {activate: handleActivate6}
            },{
                title:'TRUenergy',
                contentEl:'truenergy',
                listeners: {activate: handleActivate}
            },{
                title: 'Our Solution',
                contentEl:'oursolution',
                listeners: {activate: handleActivate2}
            },{
                title: 'Awards',
                contentEl:'awards',
                listeners: {activate: handleActivate3}
            },{
                title: 'About GridX',
                contentEl:'aboutus',
                listeners: {activate: handleActivate4}
            },{
                title: 'Media Releases',
                contentEl:'media',
                listeners: {activate: handleActivate5}
            }
        ]
    });

    function handleActivate(tab){
		var imgVar = document.getElementById("img1");
		var imgVar2 = document.getElementById("head1");
        imgVar.src='images/Version-1_05.jpg';
        imgVar2.src='images/Version-1_07.jpg';
		loadFragmentInToElement('strategic_alliance.html','main1');
		loadFragmentInToElement('target_markets.html','main2');
    }
    function handleActivate2(tab){
		var imgVar = document.getElementById("img1");
		var imgVar2 = document.getElementById("head1");
        imgVar.src='images/Version-1_05p2.jpg';
        imgVar2.src='images/Version-1_07p2.jpg';
		loadFragmentInToElement('trigeneration.html','main1');
		loadFragmentInToElement('gridx_system.html','main2');
    }
    function handleActivate3(tab){
		var imgVar = document.getElementById("img1");
		var imgVar2 = document.getElementById("head1");
        imgVar.src='images/Version-1_05p3.jpg';
        imgVar2.src='images/Version-1_07p3.jpg';
		loadFragmentInToElement('awards.html','main1');
		loadFragmentInToElement('proven_record.html','main2');
    }
    function handleActivate4(tab){
		var imgVar = document.getElementById("img1");
		var imgVar2 = document.getElementById("head1");
        imgVar.src='images/Version-1_05p4.jpg';
        imgVar2.src='images/Version-1_07p4.jpg';
		loadFragmentInToElement('competitve_edge.html','main1');
		loadFragmentInToElement('philosophy.html','main2');
    }
    function handleActivate5(tab){
		var imgVar = document.getElementById("img1");
		var imgVar2 = document.getElementById("head1");
		var main1 = document.getElementById("main1")
        imgVar.src='images/Version-1_05p5.jpg';
        imgVar2.src='images/Version-1_07p5.jpg';
		main1.innerHTML='';
		MediaReleases();		
		loadFragmentInToElement('news/22.html','main2');
	}
    function handleActivate6(tab){
		var imgVar = document.getElementById("img1");
		var imgVar2 = document.getElementById("head1");
        imgVar.src='images/home_qantas_feature.jpg';
        imgVar2.src='images/home_qantas_heading.jpg';
		loadFragmentInToElement('qantas_media_release.html','main1');
		loadFragmentInToElement('qantas_project_merits.html','main2');
	}
	function MediaReleases(){

    // NOTE: This is an example showing simple state management. During development,
    // it is generally best to disable state management as dynamically-generated ids
    // can change across page loads, leading to unpredictable results.  The developer
    // should ensure that stable state ids are set for stateful components in real apps.
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    var myData = [
        ['SmartCompany.com.au','Going Green','01/2008','1'],
        ['Gas Today','GridX Power, Pioneering Gas-Fired Generation','11/2007','2'],
        ['District Energy','Cover Story: A Wonder Down Under','10/2007','3'],
        ['Urban','No Poles, No Wires','10/2007','4'],
        ['Climate Control News','GridX Wins Climate Award','9/2007','5'],
        ['Energy Source & Distribution','Green Energy Provider Wins Environmental Award','9/2007','6'],
        ['Energy News','District Energy in Australia','9/2007','7'],
        ['GridX','Banksia Awards','7/2007','8'],
        ['Sydney Morning Herald','Video Coverage','4/2007','9'],
        ['The Advertiser','Smart Use of Energy, Best in World','4/2007','10'],
        ['MacArthur Chronicle','Cheaper, Greener Power Is Setting The Standard','4/2007','11'],
        ['Australian Financial Review','It\'s All Gas, Naturally','4/2007','12'],
        ['Daily Telegraph','Vision for the Future','4/2007','13'],
        ['GridX','Australia\'s First Housing Estate Powered by Natural Gas','4/2007','14'],
        ['Ecogeneration','The Hidden Powers of District Energy','4/2007','15'],
        ['ABC News Online','Enviro-Friendly Estate Opens in Sydney','4/2007','16'],
        ['WME Online','GridX Trigeneration','4/2007','17'],
        ['The Age','Allco Backs Gas-Powered Alternative Energy Source','3/2007','18'],
        ['Daily Telegraph','Allco Deal a Natural Fit','3/2007','19'],
        ['GridX','Allco Finance Group Backs Green Energy Provider, GridX','4/2007','20'],
        ['Ecolibrium','District Heating and Cooling Comes to Sydney\'s Mortgage Belt','2/2007','21'],
        ['Qantas Airways','Qantas Launches Groundbreaking Sustainability Project','02/2010','22']
    ];

    // example of custom renderer function
    function change(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '</span>';
        }
        return val;
    }

    // example of custom renderer function
    function pctChange(val){
        if(val > 0){
            return '<span style="color:green;">' + val + '%</span>';
        }else if(val < 0){
            return '<span style="color:red;">' + val + '%</span>';
        }
        return val;
    }

    // create the data store
    var store = new Ext.data.SimpleStore({
        fields: [
           {name: 'publisher'},
           {name: 'article'},
           {name: 'date', type: 'date', dateFormat: 'j/Y'},
           {name: 'id', type: 'int'}
        ]
    });
	store.setDefaultSort('date', 'DESC');
	store.loadData(myData);

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {id:'publisher', header: "Publisher", width: 82, sortable: true, dataIndex: 'publisher'},
            {header: "Article", width: 122, sortable: true, dataIndex: 'article'},
            {header: "Date", width: 50, sortable: true, renderer: Ext.util.Format.dateRenderer('j/Y'), dataIndex: 'date'},
            {header: "ID", width: 50, sortable: true, hidden: true, dataIndex: 'id'}
        ],
		sm: new Ext.grid.RowSelectionModel({singleSelect: true}),
        stripeRows: true,
    //    autoExpandColumn: 'company',
        height:253,
        width:276
    });

	grid.getSelectionModel().on('rowselect', function(sm, rowIdx, r) {
		//loadFragmentInToElement(r.get('id')+'.html','main2');
		alert('This section is currently being updated. Please check back later.');
	});
   	grid.render('main1');
	}
});

function loadFragmentInToElement(fragment_url, element_id) { 
	var xmlhttp = new XMLHttpRequest();
	var element = document.getElementById(element_id); 
	element.innerHTML = '<p class="BodyText"><img src="images/loading.gif"> Loading information...</p>'; 
	xmlhttp.open("GET", fragment_url); 
	xmlhttp.onreadystatechange = function() { 
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
			element.innerHTML = xmlhttp.responseText; 
		}
		else {
			element.innerHTML = '<p class="BodyText"><img src="images/loading.gif"> Loading information...</p>'; 
		}
	} 
	xmlhttp.send(null); 
}