<!--

_remote.instances = new Array()

_remote_events =
{
    "addEventListener" : function(element, eventName, eventHandler, scope)
    {
        var scopedEventHandler = scope ? function(e) { eventHandler.apply(scope, [e]); } : eventHandler;   
        _event_listen(element,eventName,scopedEventHandler);
    },
    
	"removeEventListener" : function(element, eventName, eventHandler, scope)
    {
        var scopedEventHandler = scope ? function(e) { eventHandler.apply(scope, [e]); } : eventHandler;          
        _event_stopListening(element,eventName,scopedEventHandler);
    }
}


function _remote(divname,nItems,path,onclickEventHandlerName)
{
	this.id = _remote.instances.length;
	_remote.instances[this.id] = this;
	
	this.divname = divname;
	this.div = document.getElementById(divname);

	this.path = path;
	this.nItems = nItems;

	this.onclickEventHandlerName = onclickEventHandlerName;
	this.onclickEventHandler = null;
	
	this.build();
	
	this.selected=0;

	
}

_remote.prototype.build = function()
{
	for(var i=0; i<this.nItems; i++)
	{
		var image = new Image();
		//alert('ajoute '+i);
		image.name = this.divname+i;
		image.id = this.divname+i;
		image.src = this.path+'puce-telecommande.png';
		image.style.setProperty('cursor','pointer',null);
		image.style.setProperty('margin','0 4px 0 4px',null);
		
		image.index = i;
		
		var that=this;
		
		image.setAttribute('OnClick', this.onclickEventHandlerName+'(event,'+i+')');
		//image.onclick = function(){ that.buttonClicked(event,image.index) };

		
		this.div.appendChild(image);
	}
	
	this.focusOn(0);
}

_remote.prototype.buttonClicked = function(e,index)
{
	alert(index);

}

_remote.prototype.focusOn = function(index)
{
	//alert('focus '+index);
	var wasSelected = this.selected;
	this.selected = index;

	if(wasSelected>-1)
	{
		var imageName = this.divname+wasSelected;
		var imageElt = document.getElementById(imageName);
		
		//alert('desactive '+imageElt);
		
		imageElt.src = this.path+'puce-telecommande.png';
	}
	
	if(index>-1)
	{
		var imageName = this.divname+index;
		var imageElt = document.getElementById(imageName);
	
		//alert('active '+imageElt);
	
		imageElt.src = this.path+'puce-telecommande-active.png';
	}	
	
}

//-->