var myImages = ['Pictures/180/089ph_00303.jpg','Pictures/180/089ph_00304.jpg','Pictures/180/089ph_00307.jpg','Pictures/180/089ph_00308.jpg','Pictures/180/089ph_00309.jpg','Pictures/180/089ph_00310.jpg','Pictures/180/089ph_00312.jpg','Pictures/180/089ph_01083.jpg','Pictures/180/089ph_01084.jpg','Pictures/180/089ph_01085.jpg','Pictures/180/089ph_01086.jpg','Pictures/180/089ph_01087.jpg','Pictures/180/089ph_01089.jpg','Pictures/180/089ph_01091.jpg','Pictures/180/089ph_01092.jpg','Pictures/180/089ph_01093.jpg','Pictures/180/089ph_01094.jpg','Pictures/180/089ph_01095.jpg','Pictures/180/089ph_01096.jpg','Pictures/180/089ph_01098.jpg','Pictures/180/089ph_01099.jpg','Pictures/180/089ph_01100.jpg','Pictures/180/089ph_01101.jpg','Pictures/180/089ph_01102.jpg','Pictures/180/089ph_01103.jpg','Pictures/180/089ph_01104.jpg','Pictures/180/089ph_01105.jpg','Pictures/180/089ph_01106.jpg','Pictures/180/089ph_01107.jpg','Pictures/180/089ph_01108.jpg','Pictures/180/089ph_01109.jpg','Pictures/180/089ph_01110.jpg','Pictures/180/089ph_01111.jpg','Pictures/180/089ph_01112.jpg','Pictures/180/089ph_01113.jpg']; var maxChanges = myImages.length * 10; var do_shuffle = true; var do_randomly = false; var seconds_between_photos = 8; var div_name = "loader"; var changes = 0; var timer; var thisImg = myImages.length - 1; shuffle = function(o) { for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); return o; }; if (do_shuffle) { myImages = shuffle(myImages); } function nextImage () { var low = 0; var high = myImages.length - 1; var rand_no = Math.floor((high-(low - 1))*Math.random()) + low; thisImg++; changes++; if (thisImg==myImages.length) { thisImg = 0; } if (changes==maxChanges) { clearInterval(timer); } if (do_randomly) { thisImg = rand_no; return myImages[rand_no]; } else { return myImages[thisImg]; } } function changeImage () { var t = myImages[thisImg]; var n = nextImage(); if (t != n) { $("#"+div_name).addClass("loading"); showImage(n); } else { changeImage(); } } function showImage(src) { $("#"+div_name+" img").fadeOut("normal").remove(); var largeImage = new Image(); $(largeImage).load(function() { $(this).hide(); $("#"+div_name).append(this).removeClass("loading"); $(this).fadeIn("slow"); }); $(largeImage).attr("src", src); } function checkForLoaded () { if (document.getElementById(div_name) != null) { //alert("loaded"); clearInterval(timer); changeImage(); timer = setInterval(changeImage, (seconds_between_photos * 1000)); } } timer = setInterval(checkForLoaded, 500);