Javascript, nom de l'extention

Bonjour,

j'ai un problème pour récupérer le nom séparément de l'extention d'un fichier en javascript.

Voici mon code :

var source = $(".hover").attr("src");
var srcname = source.substring(source.lastIndexOf("\\")+1).split(".");

if (srcname.length>0)
var srcextension = srcname[srcname.length-1];
else
alert('Fichier sans extension');

$(".hover").after("<div class=imghover></div>");
$(".hover").after("<img class=hovered src="+srcname+"_2."+srcextension+" />");
$(".hover,.hovered").appendTo(".imghover");


et pourtant une fois l'html développé il m'écrit ceci :

<div class="imghover">
<img alt="image1" src="images/asdfqwer.jpg" class="hover">
<img src="images/asdfqwer,jpg_2.jpg" class="hovered">
</div>


je ne comprend pas ce que viens faire ce ",jpg" ici, pourtant le code est semblable à celui que j'ai pu trouver à la page suivante:

"http://www.brico-info.com/20080306159-recuperation-de-lextension-dun-fichier-aspnet-asp-vbscript-php-et-javascript/"

j'ai juste changé le nom des variables

quelqu'un a-t-il une idée?