function mail( start, end ) {
   return start+'@'+end;
}

window.onload = function() {
	
	var baseWidth;
	var baseHeight;

	var rollLink = $ES('img.roll_image');
	//var bgimage = $ES('.background-image');
	
	for (var i = 0; i < rollLink.length; i++) {
		//rollLink[i].src = rollLink[i].src.replace('-on-', '-off-');
	}

	
	var c=0;
	
	for (var i=0;i<rollLink.length;i++) {
		
		rollLink[i].addEvent('mouseenter', function() {
				// actual mouseover action				
				this.src = this.src.replace('-off-','-on-');				
				// effect is optional				
				var opacityChange = new Fx.Style(this, 'opacity', {duration:500});
				opacityChange.start(0, 1);
			});
		rollLink[i].addEvent('mouseleave', function() {
				// actual mouseover action
				this.src = this.src.replace('-on-', '-off-');
				// effect is optional
				var opacityChange = new Fx.Style(this, 'opacity', {duration:500});
				opacityChange.start(0, 1);

		});
	
		/*rollLink[i].addEvent('mouseenter', function() {
			    window.statusText="c="+c;
				c++;
				// actual mouseover action				
				// this.src = this.src.replace('-off-','-on-');				
				// effect is optional				
				var opacityChange = new Fx.Style(this, 'opacity', {duration:100});
				opacityChange.start(1, 0);
			});
		rollLink[i].addEvent('mouseleave', function() {
				// actual mouseover action
				// this.src = this.src.replace('-on-', '-off-');
				// effect is optional
				var opacityChange = new Fx.Style(this, 'opacity', {duration:100});
				opacityChange.start(0, 1);

		});*/
	
	}
	
	

};