Just a part of .attr() 
<p>I have an img html block <code>&lt;img src="folder1/folder2/folder3/logo1.png"&gt;</code> positioned inside a big div like this </p>

<pre><code>&lt;div id="editorial"&gt;
   &lt;div id="img_editorial"&gt;&lt;img src="folder1/folder2/folder3/logo1.png" /&gt;&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>When user hovers the <code>&lt;div id="editorial"&gt;</code> (mouseover) i want to read the attribute of <code>&lt;img&gt;</code> which is <code>folder1/folder2/folder3/logo1.png</code> extract the <code>logo1.png</code> from this and add <code>on_</code> to the logo ( <code>on_logo1.png</code> ) and then output it with <code>jquery .html() function</code> to overwritte <code>&lt;div id="img_editorial"&gt;</code> </p>

<p>On mouseout i want to return to <code>logo1.png</code> ... because i have multiple background changes in that parent div ... so the basic functionality is to grayout a logo when mouse is over a big div (also div`s background changes ... etc) ...</p>

<p>So .. how can i read the <code>&lt;img&gt;</code> attribute and then extract logo1.png and not the whole <code>folder1/folder2/folder3/logo1.png</code> ...</p>
