Javascript sort() function not working correctly

Question

I have an image gallery that automatically loads via a PHP readdir function which populates an array, and then I have a Javascript sort() function which sorts the images in order numerically. In Chrome and Safari, the images display as numbered in the directory. However, in Firefox and Internet Explorer, they display out of order (firefox) and not at all (ie). Here is the code for the php file: <?
Header("content-type: application/x-javascript");
function returnimages($dirname=".") {
$pattern="(\.jpg$)|(\.png$)|(\.jpeg$)|(\.gif$)";
$files = array();
$curimage=0;
if($handle = opendir($dirname)) {
while(false !== ($file = readdir($handle))){
$file = basename($file,".jpg");
echo 'myImg['.$curimage.']="'.$file .'";';
$curimage++;
closedir($handle);
return($files);
echo 'var myImg=new Array();';
returnimages()
?>
and here is the code for the javascript sort:
function sortNumber(a,b)
return a - b;
myImg.sort(sortNumber);
// Tell browser the type of file
myImgEnd = ".jpg";
var i = 0;
// Create function to load image
function loadImg(){
document.imgSrc.src = myImg[i] + myImgEnd;
Any ideas as to why Firefox is behaving this way?

Answer 1

After you check the box to sort on the column, are you making sure to select a sort order for the same column?
Earl