var info = [
    {
        image: '/gallery/26_352.jpg',
        url: '/gallery.php?aid=26'
    },
    {
        image: '/gallery/17_424.jpg',
        url: '/gallery.php?aid=17'
    },
    {
        image: '/gallery/18_238.jpg',
        url: '/gallery.php?aid=18'
    },
    {
        image: '/gallery/15_270.jpg',
        url: '/gallery.php?aid=15'
    },
    {
        image: '/gallery/23_434.jpg',
        url: '/gallery.php?aid=23'
    },
    {
        image: '/gallery/29_429.jpg',
        url: '/gallery.php?aid=29'
    },
	{
		image: '/gallery/13_166.jpg',
		url: '/gallery.php?aid=13'
	},
	{
        image: '/gallery/24_150.jpg',
        url: '/gallery.php?aid=24'
    },
    {
        image: '/gallery/9_50.jpg',
        url: '/gallery.php?aid=9'
    },
    {
        image: '/gallery/25_333.jpg',
        url: '/gallery.php?aid=25'
    },
    {
        image: '/gallery/11_302.jpg',
        url: '/gallery.php?aid=11'
    },
    {
        image: '/gallery/10_134.jpg',
        url: '/gallery.php?aid=10'
    },
    {
        image: '/gallery/28_406.jpg',
        url: '/gallery.php?aid=28'
    },
    {
        image: '/gallery/21_189.jpg',
        url: '/gallery.php?aid=21'
    },
    {
        image: '/gallery/14_86.jpg',
        url: '/gallery.php?aid=14'
    },
    {
        image: '/gallery/27_385.jpg',
        url: '/gallery.php?aid=27'
    },
    {
        image: '/gallery/26_352.jpg',
        url: '/gallery.php?aid=26'
    },
    {
        image: '/gallery/16_245.jpg',
        url: '/gallery.php?aid=16'
    },
    {
        image: '/gallery/20_281.jpg',
        url: '/gallery.php?aid=20'
    },
    {
        image: '/gallery/22_425.jpg',
        url: '/gallery.php?aid=22'
    },
    {
        image: '/gallery/4_41.jpg',
        url: '/gallery.php?aid=4'
    },
    {
        image: '/gallery/7_125.jpg',
        url: '/gallery.php?aid=7'
    }
];

$.preloadImages = function() {
  for(var i = 0; i<arguments.length; i++)  {
    $("<img>").attr("src", arguments[i]);
  }
}

$(function() {
    function fadeImg(i) {
        if (i < info.length - 2) {
            $.preloadImages(info[i+1].image, info[i+2].image);
        }
        $("#home-intro-image").fadeOut("slow", function() {
            $("#home-intro-image").attr("src", info[i].image);
            $("#home-intro-link").attr("href", info[i].url);
        });
        
        $("#home-intro-image").load(function() {
            $("#home-intro-image").fadeIn("slow")
        });
    }
    
    $.preloadImages(info[1].image, info[2].image);
    
    var i = 0;
    var intv = setInterval(function() {
		i++;
        if (i >= 4) {
            fadeImg(i % info.length);
        } else {
            fadeImg(i);
        }
    }, 8000)
});