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

Ext.onReady(function(){

    

    var myData = [
        ['Forbo / Marmoleum','http://www.forbo.com'],
        ['Karastan Floors','http://www.karastan.com/'],
        ['Mirage Hardwood Floors','http://www.miragefloors.com/'],
        ['Abbey Carpet','http://www.abbeycarpet.com/'],
        ['Congoleum','http://www.congoleum.com/'],
        ['Mannington','http://www.mannington.com/'],
        ['Kahrs','http://www.kahrs.com'],
        ['Daltile','http://www.daltile.com'],
        ['Quick-step','http://www.quick-step.com'],
        ['Shaw Online','http://www.shawinc.com'],
        ['Mohawk','http://www.mohawk360.com'],
        ['Hunter Douglas','http://www.hunterdouglas.com'],
        ['Beaulieu Residential', 'http://www.beaulieu-usa.com'],
        ['Karastan Commerical', 'http://www.karastancontract.com'],                
        ['Stainmaster', 'http://www.stainmaster.com'],
        ['Johnsonite', 'http://www.johhnsonite.com'],
        ['Kate-Lo Tile', 'http://www.katelotile.com'],
        ['Tile By Design', 'http://www.tilexdesign.com'],
        ['RBC Tile', 'http://www.rbctile.com'],
        ['Carpet Cushion', 'http://www.carpenter.com'],
        ['Konecto','http://www.konectousa.com'],
		['Cambria', 'http://www.cambriausa.com']
        
    ];
    



    // create the data store
    var store = new Ext.data.SimpleStore({
        fields: [
           {name: 'company'},
           {name: 'website'},           
        ],
        sortInfo: {field:'company', direction:'ASC'}
    });
    store.loadData(myData);

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        loadMask:{msg:'Loading Product Information'},
        store: store,
        columns: [
            {id:'company',header: "Company", width: 180, sortable: true, dataIndex: 'company'},
            {header: "website", width: 225, sortable: true, dataIndex: 'website',
             renderer:  function(quote) {             	
      		return '<a href='+quote+' target=_blank>' + quote + '</a>';
    		 }
    	   
    		
	}           
        ],
        stripeRows: true,        
        height:350,
        width:450,
        autoScroll:true
        
    });
    
   

    grid.render('pi');

    grid.getSelectionModel().selectFirstRow();
});