Problem on setTimeout on hiding loader image

[lilmer]

I've got a modal dialog that pop up then load and show the loader image then after a seconds it will hide and preview the "modalLogin" page.

                $(href).fadeIn(100, function(){
                    $('#loadingImage').show(1,function(){
                        
                         setTimeout( function(){
                             $('#loadingImage').hide(1,
                                 function(){
                                
                                if(thisId == 'loginModal' ){
                                    $('#previewOutput').load('modalLogin.php');
                                    //alert("Login");
                                }
                             }
                      );                             
                             
                         },500);
                        
                    });
                   
                });

 

At first loading the main page and clicking  the button for modal dialog to pop up it is fine, but when I close the modal dialog and click the button for modal again, the loading is mess up! So can anyone explain to me what is wrong?

 

Here's link : [LINK]