/// <reference path="jquery-1.3.2-vsdoc2.js" />
var jBillos = (jBillos == undefined) ? {} : jBillos;

jBillos.rollover = {
    init: function(sel) {
        var sel = (sel) ? sel : ".ro";
        this.preload(sel);
        
        $(sel).live("mouseover",function () { 
            $(sel).css("cursor","pointer");
            jBillos.rollover.doOver($(this));
        });
        $(sel).live("mouseout",function () { 
            jBillos.rollover.doOut($(this));
        });
    },
    doOver: function(obj) {
        if (!obj.hasClass("selected")) {
            obj.attr( 'src', jBillos.rollover.newimage(obj.attr('src')) ); 
        }
    },
    doOut: function(obj) {
        if (!obj.hasClass("selected")) {
            obj.attr( 'src', jBillos.rollover.oldimage(obj.attr('src')) ); 
        }
    },    
    preload: function(sel) {
        var sel = (sel) ? sel : ".ro";
        $(window).bind('load', function() {
            $(sel).each( function( key, elm ) { $('<img>').attr( 'src', jBillos.rollover.newimage( $(this).attr('src') ) ); });
        });
    },
    newimage: function( src ) { src = src.replace(/_o\./, '.'); return src.substring(0, src.lastIndexOf(".")) + '_o' + src.substring(src.lastIndexOf(".")); },
    oldimage: function( src ) { return src.replace(/_o\./, '.'); }
};

$(document).ready(function() {
    jBillos.rollover.init();
});