Entegris.ProductCatalog.ProductGroupAccordion = function(AccordionID, PanelClass){
	Entegris.ProductCatalog.ProductGroupAccordion.superclass.constructor.call(this, AccordionID, { draggable: false, undockable: false, useShadow: false});

	var panelConfig = { showPin: false, useShadow: false};
    var panels = Ext.select('#' + AccordionID + ' > .' + PanelClass).elements;
    for (var i = 0, p; p = Ext.get(panels[i]); i++) {
        var infoPanel = this.add(new Entegris.ProductCatalog.ProductGroupInfoPanel(p, panelConfig, this));
    }
    
    if (this.items.getCount() > 0) {
        this.items.itemAt(0).expand();
    }
    
    
    this.HowToOrderDialog = new Entegris.ProductCatalog.HowToOrderDialog();
    
    this.HowToReadDialog = new Ext.BasicDialog("HowToReadPartNumberDialog", {
        modal:true,
        width:500,
        height:300,
        shadow:true,
        minWidth:300,
        minHeight:300,
        resizable: false,
        collapsible: false,
        draggable: false,
        fixedcenter: true
    });
    this.HowToReadDialog.addKeyListener(27, this.HowToReadDialog.hide, this.HowToReadDialog);
    
        
        
    
        
        
};



Ext.extend(Entegris.ProductCatalog.ProductGroupAccordion, Ext.ux.Accordion, {
 
    ShowHowToReadPartNumber: function (Copy, Image, animateFrom) {
        Ext.get('HowToReadPartNumberDialogCopy').update(Copy);
        this.HowToReadDialog.show(animateFrom);
        
        if (Image != '') {
            Ext.get('HowToReadPartNumberDialogImage').dom.attributes.src.value = Image;
            Ext.get('HowToReadPartNumberDialogImage').setVisible(true);
        } else {
            Ext.get('HowToReadPartNumberDialogImage').setVisible(false);
        }
    },
 
    ShowHowToOrderDialog: function (animateFrom) {
        this.HowToOrderDialog.ShowHowToOrderDialog(animateFrom);
    }
 
});