window.addEvent('domready', function() {
	var boxes = $$('div.color ul li a');
	
	boxes.each(function(el) {
		el.addEvent('mouseover', function() {

			var colorCode = el.get('rel');
			
			var bigImage = $('preview');
			var smallImageFront = $('front');
			var smallImageBack = $('back');
			var previewLink = $('previewLink');
			var zoom = $$('a.zoom')[0];
			var smallImageFrontLink = smallImageFront.getParent('a');
			var smallImageBackLink = smallImageBack.getParent('a');
			
			var bigImageSrc = bigImage.get('src');
			bigImageSrc = bigImageSrc.split('_');
			bigImageSrc[1] = colorCode;
			bigImageSrc = bigImageSrc.join('_');
			
			var smallImageFrontSrc = smallImageFront.get('src');
			smallImageFrontSrc = smallImageFrontSrc.split('_');
			smallImageFrontSrc[1] = colorCode;
			smallImageFrontSrc = smallImageFrontSrc.join('_');
			
			var smallImageBackSrc = smallImageBack.get('src');
			smallImageBackSrc = smallImageBackSrc.split('_');
			smallImageBackSrc[1] = colorCode;
			smallImageBackSrc = smallImageBackSrc.join('_');
			
			var previewLinkHref = previewLink.get('href');
			previewLinkHref = previewLinkHref.split('_');
			previewLinkHref[1] = colorCode;
			previewLinkHref = previewLinkHref.join('_');
			
			var zoomHref = zoom.get('href');
			zoomHref = zoomHref.split('_');
			zoomHref[1] = colorCode;
			zoomHref = zoomHref.join('_');
			
			var smallImageFrontLinkHref = smallImageFrontLink.get('href');
			smallImageFrontLinkHref = smallImageFrontLinkHref.split('_');
			smallImageFrontLinkHref[1] = colorCode;
			smallImageFrontLinkHref = smallImageFrontLinkHref.join('_');
			
			
			var smallImageBackLinkHref = smallImageBackLink.get('href');
			smallImageBackLinkHref = smallImageBackLinkHref.split('_');
			smallImageBackLinkHref[1] = colorCode;
			smallImageBackLinkHref = smallImageBackLinkHref.join('_');
			
			
			bigImage.set('src', bigImageSrc);
			smallImageFront.set('src', smallImageFrontSrc);
			smallImageBack.set('src', smallImageBackSrc);
			previewLink.set('href', previewLinkHref);
			zoom.set('href', zoomHref);
			smallImageBackLink.set('href', smallImageBackLinkHref);
			smallImageFrontLink.set('href', smallImageFrontLinkHref);
		});
	});

});