document.observe('dom:loaded', function(){
	if($('user_reference_mainimage')){
		$$('a.projectimage').invoke('observe', 'click', (function(event){
			Event.stop(event);
			var target = Event.findElement(event, 'a').readAttribute('href');
			var image = new Element('img', {
				src: target
			});
			$('user_reference_mainimage').update(image);
		}));
	} else {
		$$('.user-reference-pi1 .chart_wrap a').invoke('observe', 'mouseover', (function(event){
			var elm = Event.findElement(event, 'a');
			Effect.Pulsate(elm, {from: 0.4, pulses: 1, duration: 0.6});
		}));
		
		$$('.user-reference-pi1 a.project').each(function(element) {
			var content = new Element('img', {src: element.rel});
			new Tip(element, content, { width: 112, border: 0, radius: 0, hook: {tip: 'bottomRight', mouse: true } });
		});
	}
});