/*!
 * Ext JS Library 3.2.1
 * Copyright(c) 2006-2010 Ext JS, Inc.
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
Ext.onReady(function(){
	var nbitems = Ext.get("nbitem");

	for(i=0;i<nbitems.getValue();i++){
		var myImgEven = eval("Ext.get('evenement"+i+"');");
		
		if(myImgEven){
			myImgEven.addListener('click',ClickImgEven,this,{item:i});
			var nbsitems=eval("Ext.get('nbsitem"+i+"');");
			for(j=0;j<nbsitems.getValue();j++){
				var hitem=eval("Ext.get('hitem"+i+j+"');");
				var item=eval("Ext.get('item"+hitem.getValue()+"');");
				item.addListener('click',ClickItem,this,{item:hitem.getValue()});
			}
		}
	}
	
	function ClickItem(e,t,o){
		var myDiv=eval("Ext.get('content"+o.item+"');");
		if(myDiv.isDisplayed()==false){ 
			Ext.Ajax.request({
				url: 'ajax_reader.php',
				success: function (response){
						jsondata=Ext.util.JSON.decode(response.responseText);
						myDiv.update(jsondata.str_html);
						myDiv.fadeIn();
				},
				params: { 
					numItem : o.item
				}
			});
		}else{
			myDiv.dom.innerHTML="";
			myDiv.fadeOut({
				useDisplay: true
			});
		}
	}
	
	function ClickImgEven(e,t,o){
		var myDivItems = eval("Ext.get('items"+o.item+"');");
		if(myDivItems.isDisplayed()==false){ 
			myDivItems.show();
			myDivItems.fadeIn();
		}else{
			myDivItems.fadeOut({
				useDisplay: true
			});
		}
	}
});