var VisualCollection = {};

VisualCollection.roll = function()
{
	var cEl = Event.element(arguments[0]);
	if(cEl && cEl.id)
	{
		var rtImg = null;
		
		if((rtImg = VisualCollection.list.getObject(cEl.id)) != null)
		{
			if(VisualCollection.target)
			{
				VisualCollection.target.src = rtImg['image'].src;
			}
			
			if(rtImg['content'] != '' && VisualCollection.textTarget)
			{
				VisualCollection.textTarget.innerHTML = rtImg['content'];
			}
		}
	}
}

VisualCollection.defaultRoll = function()
{
	if(VisualCollection.textTarget)
	{
		VisualCollection.textTarget.innerHTML = '';
	}
	
	if(VisualCollection.target && VisualCollection.defaultUri)
	{
		VisualCollection.target.src = VisualCollection.defaultUri;
	}
}
/*
VisualCollection.defaultExe = function()
{
	if(VisualCollection.textTarget)
	{
		VisualCollection.textTarget.innerHTML = '';
	}
	
	if(VisualCollection.target && VisualCollection.defaultUri)
	{
		VisualCollection.target.src = VisualCollection.defaultUri;
	}
}
*/
VisualCollection.init = function()
{
	VisualCollection.list = new NamedList();
	
	if(window.rollCollection)
	{
		if(Object.objectOfType(rollCollection,NamedList))
		{
			var arImg = rollCollection.getCollection();
			
			for(var i=0; i<arImg.length; i++)
			{
				var cElm = arImg[i];
				var k = cElm.getKey();
				var img = new Image();
				
				var tmpObj = cElm.getStoredObject();
				
				img.src = tmpObj['uri'];
				VisualCollection.list.addObject(k,{'image': img,'content': tmpObj['content']});
			}
		}
		
		var visuP = Element.getElementsBySelector(document,'p.mini img');

		for(var i=0; i<visuP.length; i++)
		{
			Event.observe(visuP[i],'mouseover',VisualCollection.roll);
			Event.observe(visuP[i],'mouseout',VisualCollection.defaultRoll);
		}
		
		VisualCollection.target = document.getElementById('visu-1');
		VisualCollection.textTarget = document.getElementById('textDyn');
		VisualCollection.defaultUri = VisualCollection.target.src;
	}
}

Event.observe(window,'load',VisualCollection.init);