var roscolux = { 
	swatch : {} ,
	post : {} 
};

roscolux.showRecent = function(arg) {
	var recent = $('recentrollover');
	
	if(arg == false) {
		recent.hide();
		return;
	}
	
	var sender = $(arg);
	var spans = sender.getElementsBySelector('span');
	
	recent.getElementsBySelector('div.color')[0].setStyle({ backgroundColor: sender.style.backgroundColor });
	recent.getElementsBySelector('div.name')[0].innerHTML = spans[0].innerHTML;
	recent.getElementsBySelector('div.more')[0].innerHTML = spans[1].innerHTML;
	
	recent.getElementsBySelector('div.name')[0].style.color = sender.style.color;
	recent.getElementsBySelector('div.more')[0].style.color = sender.style.color;
	
	if(spans.length == 3)
		recent.getElementsBySelector('div.sed')[0].innerHTML = "";
	else
		recent.getElementsBySelector('div.sed')[0].innerHTML = "haz clic para ver curva SED";
	
	recent.setStyle({ left: (sender.parentNode.offsetLeft + sender.getWidth()) + 'px', top: (sender.parentNode.offsetTop - 25) +'px' });
	recent.show();
}

var gobo = { 
	swatch : {} ,
	post : {} 
};

gobo.showRecent = function(arg) {
	var recent = $('recentGobo');
	
	if(arg == false) {
		recent.hide();
		return;
	}
	
	var sender = $(arg);
	var spans = sender.getElementsBySelector('span');
	
	recent.getElementsBySelector('div.name')[0].innerHTML = spans[0].innerHTML;
	document.goboImage.src = "images/" + spans[1].innerHTML + ".jpg";
	
	recent.setStyle({ left: (sender.parentNode.offsetLeft + sender.getWidth()) + 'px', top: (sender.parentNode.offsetTop - 100) +'px' });
	recent.show();
}