/* Sets images used for transitions */
var imgs = ['/assets/images/homepics/home-pic01.jpg',
			'/assets/images/homepics/home-pic02.jpg',
			'/assets/images/homepics/home-pic03.jpg',
			'/assets/images/homepics/home-pic04.jpg',
			'/assets/images/homepics/home-pic05.jpg',
			'/assets/images/homepics/home-pic06.jpg',
			'/assets/images/homepics/home-pic07.jpg',
			'/assets/images/homepics/home-pic08.jpg',
			'/assets/images/homepics/home-pic09.jpg',
			'/assets/images/homepics/home-pic10.jpg',
			'/assets/images/homepics/home-pic11.jpg',
			'/assets/images/homepics/home-pic12.jpg',
			'/assets/images/homepics/home-pic13.jpg',
			'/assets/images/homepics/home-pic14.jpg',
			'/assets/images/homepics/home-pic15.jpg',
			'/assets/images/homepics/home-pic16.jpg',
			'/assets/images/homepics/home-pic17.jpg',
			'/assets/images/homepics/home-pic18.jpg',
			'/assets/images/homepics/home-pic19.jpg',
			'/assets/images/homepics/home-pic20.jpg',
			'/assets/images/homepics/home-pic21.jpg'];
            
/* Caches images */
cacheImages(imgs);

/* Attach event to onload */
// Something like the correct way, never got to work */
// document.body.attachEvent('onload', transitionImages('logo-2',imgs,4000)) */

/* Hack way of adding to onload event */
var currentLoadEvent = window.onload;
if (typeof window.onload != 'function')
    window.onload = transitionImages('logo-2',imgs,4000);
else
    window.onload = function() {currentLoadEvent(); transitionImages('logo-2',imgs,4000);}
