Ext.onReady(function(){
	//Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
        Ext.namespace("Optima");
        Optima.Photos = function() {
            var cp = null;
            var tpl = null;
            var init = function() {
               Ext.util.Format.urlEncode = function(val){
                  return "./photo.php?search="+encodeURIComponent(val);
               };
                    cp = new Ext.state.CookieProvider({
                        path: "",
                        expires: new Date(new Date().getTime()+(1000*60*60*24*1)),
                        domain: ""
                    });
                
                var elem = Ext.DomQuery.select("div[class='item_soir']")
                if (elem){
                    var total = elem.length;
                    for (var i = 0; i < total; i++){
                        var j = Ext.get(elem[i]);
                        j.on("click",afficher);
                    }
                }
                tpl = new Ext.XTemplate( '<div class="infoSoiree">',
                '<h1>{titre}</h1><br/>',
                  '<tpl if="this.isRedirectable(rows) == true">',
                     '-><a href={[Ext.util.Format.urlEncode(values.titre)]}>',
                     'Voir les soirées "{titre}" déjà organisées</a>',
                  '</tpl>',
                  '<tpl if="this.isDisponible(disponible) == true">',
                     '<h2>Disponibilite : disponible</h2>',
                  '</tpl>',
                  '<tpl if="this.isDisponible(disponible) == false">',
                     '<h2>Disponibilite : indisponible</h2>',
                  '</tpl>',
                '<div class="blockDescription"><div class="description"><div style="float:left;margin-right:20px;"><h3>Description : </h3></div><div class="freeText" style="float:left;">{description}</div><br style="clear:both;"/></div></div>',
                '<div class="blockSoiree"><img src="./media/soirees/{img}"/></div>',
                '<br style="clear:both;"/>',
                '<div class="description" style="margin-top:10px;"><div style="float:left;margin-right:20px;"><h3>Fiche : </h3></div><div class="freeText" style="float:left;">{fiche}</div><br style="clear:both;"/></div>',
                '</div>',{
                     isDisponible : function(dispo) {
                        return dispo;
                     },
                     isRedirectable : function(rows){
                        return (rows.length > 0);
                     }
                  }
               );
            }
            
            
            var getItemById = function(id){
                for (var i = 0; i < elems.length; i++){
                        if (elems[i].id == id)
                                return elems[i];
                }
                return null;
            }
            
            
            var afficher = function(evt,t) {
                var targ = evt.getTarget("div[class='item_soir']");
                var elem = getItemById(targ.getAttribute('id'));
                var win = new Ext.Window({
                        title : "Détail de la soirée",
                        modal : true,
                        width : 600,
                        height : 450,
                        autoScroll : true,
                        bodyStyle : {
                           backgroundColor:"white",
                           padding :"10px"
                        },
                        html : tpl.applyTemplate(elem)
                });
                win.show();
            }
            
            return {
                init : init,
                getCp : function() {return cp;}
            }
        }();
	Optima.Photos.init();

});