$(document).ready(function() {
	
	/* Roll hover images */
	var preload = new Array();
    $('img.roll').each(function (i) {
        //let's preload
        var img = new Image();
        img.src = this.src.replace(/([_-])off([._-])/, '$1on$2');
        preload.push(img);
        $(this).hover(
            function () { // over
                $(this).attr('src',this.src.replace(/([_-])off([._-])/, '$1on$2'));
            },
            function () { // out
                $(this).attr('src',this.src.replace(/([_-])on([._-])/, '$1off$2'));
            }
        );
    });

	$('#sendtoafriend').hover(
		function () { // over
			$(this).addClass('hover');
			var img = $('img.roller', this);
			img.attr('src',img.attr('src').replace(/([_-])off([._-])/, '$1on$2'));
		},
		function () { // out
			$(this).removeClass('hover');
			var img = $('img.roller', this);
			img.attr('src',img.attr('src').replace(/([_-])on([._-])/, '$1off$2'));
		}
	);
	
});
