/* 
 * Product Hub
 */
Ext.onReady(function(){
    Ext.EMC.Leadspace.getInstance().init({ collapsedHeight: 97, expandedHeight: 265 });
    
    new Ext.EMC.SideNav('sideNav');
	
	// handle benefit details
	Ext.get(Ext.query('.overview-section .learn-more a')).on('click', function(e){
        Ext.select('.overview-section .content-wrap, .overview-section .related-button, .overview-section .related-link, .overview-section .intro').addCls('hidden');
        Ext.get(this.hash.substring(1)).removeCls('hidden');
		e.preventDefault();
		return false;
	}, this.dom);
	
	Ext.get(Ext.query('.benefit-detail-nav a')).on('click', function(e){
        Ext.select('.overview-section .benefit-detail').addCls('hidden');
		Ext.select('.overview-section .content-wrap, .overview-section .related-button, .overview-section .related-link, .overview-section .intro').addCls('hidden');
		Ext.get(this.hash.substring(1)).removeCls('hidden');
		e.preventDefault();
		return false;
	}, this.dom);

	Ext.get(Ext.query('.close-page a')).on('click', function(e){
		Ext.select('.overview-section .benefit-detail').addCls('hidden');
		Ext.select('.overview-section .content-wrap, .overview-section .related-button, .overview-section .related-link, .overview-section .intro').removeCls('hidden');
		e.preventDefault();
		return false;
	}, this.dom);

    // hide details when clicking on the sidenav
	Ext.get(Ext.query('#sideNav a')).on('click', function(e){
		Ext.select('.overview-section .benefit-detail').addCls('hidden');
		Ext.select('.overview-section .content-wrap, .overview-section .related-button, .overview-section .related-link, .overview-section .intro').removeCls('hidden');
	}, this.dom);
    
});