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

helpPanel = Ext.extend(Ext.DataView, {
    autoHeight: true,
    frame:true,
    cls:'demos',
    itemSelector: 'dd',
    overClass: 'over',
    //collapsed:true,

    tpl : new Ext.XTemplate(
        '<div id="help-ct">',
            '<tpl for=".">',
            '<div><a name="{id}"></a><h2><div>{title}</div></h2>',
            '<dl>',
                '<tpl for="helps">',
                    '<dd ext:url="{url}"><img src="shared/extjs/images/{icon}"/>',
                        '<div><h4>{text}</h4><p>{desc}</p></div>',
                    '</dd>',
                '</tpl>',
            '<div style="clear:left"></div></dl></div>',
            '</tpl>',
        '</div>'
    ),

    onClick : function(e){
        var group = e.getTarget('h2', 3, true);
        if(group){
            group.up('div').toggleClass('collapsed');
        }else {
            var t = e.getTarget('dd', 5, true);
            if(t && !e.getTarget('a', 2)){
                var url = t.getAttributeNS('ext', 'url');
                window.open(url);
            }
        }
        return helpPanel.superclass.onClick.apply(this, arguments);
    }
});


Ext.EventManager.on(window, 'load', function(){

    var catalog = [{
        title: 'Vous souhaitez nous contacter?',
        helps: [{
            text: 'LISMA SARL',
            url: 'http://www.lismagroupe.com',
            icon: 'bg_header_home.png',
            desc: 'Carre 909 Sikecodji<br>08 B.P. 0560 Tri Postal<br>Cotonou, Benin'
        },{
            text: 'TELEPHONE',
            url: 'http://www.lismagroupe.com',
            icon: 'bg_header_home.png',
            desc: '+229 21.06.01.01 <br>+229 90.01.69.01 <br>+229 21.14.45.15'
        },{
            text: 'COURRIEL',
            url: 'mailto:lismagroupe@lismagroupe.com',
            icon: 'bg_header_home.png',
            desc: 'lismagroupe@lismagroupe.com'
        }]
     },{
         title: 'Vous recherchez une expertise technique?',
         helps: [{
             text: 'LXpert',
             url: 'contact',
             icon: 'xpert.jpg',
             desc: 'Notre r&eacute;seau d\'experts dans divers domaines techniques et zones g&eacute;ographiques est &agrave; votre disposition pour discuter vos projets ou probl&egrave;mes. Contactez-nous par mail, telephone ou utilisez-le formulaire joint &agrave; cet effet.'
         }]
    }];

    for(var i = 0, c; c = catalog[i]; i++){
        c.id = 'help-' + i;
    }

    var store = new Ext.data.JsonStore({
        idProperty: 'id',
        fields: ['id', 'title', 'helps'],
        data: catalog
    });

    new Ext.Panel({
        autoHeight: true,
        collapsible: false,
        frame: true,
        title: 'Pouvons-nous vous aider?',
        items: new helpPanel({
            store: store
        })
    }).render('help');

    var tpl = new Ext.XTemplate(
        '<tpl for="."><li><a href="#{id}">{title:stripTags}</a></li></tpl>'
    );
    tpl.overwrite('help-menu', catalog);

    Ext.select('#sample-spacer').remove();

    setTimeout(function(){
        Ext.get('loading').remove();
        Ext.get('loading-mask').fadeOut({remove:true});
    }, 250);

    if(window.console && window.console.firebug){
        Ext.Msg.alert('Warning', 'Firebug is known to cause performance issues with Ext JS.');
    }
});