Bg is fading out and remains white

Hi,
I have a small problem on some of my website menu links.one some links on my site the dinamic background fades well but one some links, it only shoes the first picture and when it starts to fade teh bg turns to white and stais white.

Please check this link to see what i mean:
promomanagement.ro/web/vacante/grecia

Thank you

open /templates/hot_destinations/js/animbg.js

and find this:


var imgArr = new Array( // relative paths of images
'templates/hot_destinations/images/bg1.jpg',
'templates/hot_destinations/images/bg2.jpg',
'templates/hot_destinations/images/bg3.jpg',
'templates/hot_destinations/images/bg4.jpg'
);

instead of relative paths :

put absolute pahts:

I've also used this fix, but notice that when you navigate to any page (apart from the home page) the images rotate ok, but always quickly transition back to image 1 first, inbetween each image change.

See:

www.vacation-rental-networks.com

Menu links are at the bottom footer position, I've yet to upload the pages for the top menu.

I looked at alinstanescu's site and it does exactly the same.

Any easy fix?

in what browser?

Firefox 10.0.2

Well i did not saw it and there is nothing in code that could cause that behavior. But you can add this fix to delay start of animation:

Open templates/hot_destinations/js/animbg.js

find this:

var intID = setInterval(changeImg, 10000);

change it to this:

var intID = null;

setTimeout(function(){
intID = setInterval(changeImg, 10000);
},4000);

where 4000 means 4 s before rotation starts.