/**
 * @author marcosgc
 */
window.addEvent('domready', function(){
	$$('.colors img').each(function(el){
		el.addEvent('click', function(){
			var src = this.getProperty('src').replace('/c/5.jpg', '/s/4.jpg');
			var item = this.getParent().getParent().getParent();
			var color = src.match(/\/(\d+)\/s\/\d+\.jpg$/)[1];
			var link = item.getElement('.picture a');
			link.setProperty('href', link.getProperty('href').replace(/^(.+\/\d*\/-\d*\/\d*\/)(\d*)\/?$/, "$1"+color));
			item.getElement('.picture img').setProperty('src',src);
			item.getElements('.actual').each(function(el){el.removeClass('actual')});
			this.getParent().addClass('actual');
		})
		el.addEvent('mouseover', function(){
			this.getParent().addClass('hover');
		});
		el.addEvent('mouseout', function(){
			this.getParent().removeClass('hover');
		});
	});
});