Init = { homepage_image : function() { imageUrls = new Array(7); imageUrls[0] = new Image(); imageUrls[0].src = '/resources/images/homepage/home_img01.jpg'; imageUrls[1] = new Image(); imageUrls[1].src = '/resources/images/homepage/home_img07.jpg'; imageUrls[2] = new Image(); imageUrls[2].src = '/resources/images/homepage/home_img06.jpg'; imageUrls[3] = new Image(); imageUrls[3].src = '/resources/images/homepage/home_img03.jpg'; imageUrls[4] = new Image(); imageUrls[4].src = '/resources/images/homepage/home_img04.jpg'; imageUrls[5] = new Image(); imageUrls[5].src = '/resources/images/homepage/home_img08.jpg'; imageUrls[6] = new Image(); imageUrls[6].src = '/resources/images/homepage/home_img02.jpg'; imageUrl = Math.floor(Math.random() * imageUrls.length); $('#HeaderMainImage').css({'background': 'transparent url(' + imageUrls[imageUrl].src + ') no-repeat top left'}); initFunction = "Init.homepage_fader(imageUrls, '0', '" + imageUrl + "')"; setTimeout(initFunction, 2500); }, homepage_fader : function(imageUrls, layer, currentImage) { clearTimeout(timeout); imageUrl = Math.floor(Math.random() * imageUrls.length); if (imageUrl == currentImage) Init.homepage_fader(imageUrls, layer, currentImage); if (layer == '0') { $('#HeaderMainImage').fadeOut(2500, 0); $('#HeaderMainImage2nd').css({'background': 'transparent url(' + imageUrls[imageUrl].src + ') no-repeat top left'}); $('#HeaderMainImage2nd').fadeIn(2500, 0); initFunction = "Init.homepage_fader(imageUrls, '1', '" + imageUrl + "')"; timeout = setTimeout(initFunction, 5000); } else if (layer == '1') { $('#HeaderMainImage2nd').fadeOut(2500, 0); $('#HeaderMainImage').css({'background': 'transparent url(' + imageUrls[imageUrl].src + ') no-repeat top left'}); $('#HeaderMainImage').fadeIn(2500, 0); initFunction = "Init.homepage_fader(imageUrls, '0', '" + imageUrl + "')"; timeout = setTimeout(initFunction, 5000); } } } var timeout; $(function() { Init.homepage_image(); });