﻿jQuery(document).ready(        
    function()
    {             
        //mouseover
        var imgOnOff = ".imgOnOff";        
        var originalSource='';
        
        $(imgOnOff).bind("mouseenter",  
        function() 
        {   
            var imgOn = $(this).parent().next().find('.mouseOnSrc'); 
            var srcOn = imgOn.val();            
            if(srcOn!='')
            {            
                originalSource= $(this).next('.mouseOffSrc').val();
                $(this).attr('src', srcOn);               
            }
        });
        
        //mouseleave
        $(imgOnOff).bind("mouseleave",  
        function() 
        {            
           if(originalSource!=null && originalSource!='')
           {
            $(this).attr('src', originalSource);            
           }
        });
        
    });
