/*



	Started on June 6, 2008 with code from



		Jeffrey Jordan Way, a Web Developer from Nashville, TN

			detacheddesigns.com in a post called " Why Aren't You Using jQuery: PART 3"



		http://www.detacheddesigns.com/blog/blogSpecific.aspx?BlogId=62

		http://www.detacheddesigns.com/blog/files/jQueryImageGallery.zip

		http://www.detacheddesigns.com/blog/samples/jQueryImageGallery/gallery.htm



	This revision by David Van Vickle - http://www.davidvanvickle.com

		

		Added

			Randomness

			Shuffling

			Automatic transitions

		Removed

			Thumbnails

	

*/



// change these paths for your images

var myImages = ['images/default/header.jpg','images/default/header2.jpg'];



// how many times should the photo change per page load

var maxChanges = myImages.length * 100;



// shuffle images so each time page loads, the photos show in different order

var do_shuffle = true;



// use simple randomness instead of shuffling (tends to repeat images too often)

var do_randomly = false;



// number of seconds between photo changes

var seconds_between_photos = 2000;



// name of DIV to load photos into

var div_name = "big_bg";

















var changes = 0;

var timer;

var thisImg = myImages.length - 1;



//+ Jonas Raoni Soares Silva

//@ http://jsfromhell.com/array/shuffle [v1.0]

shuffle = function(o){ //v1.0

	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;

};









// shuffling is better than random because of less potential repetition

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));

	}

}



// check every second to see if DIV exists, when it does, start photo changing timer

timer = setInterval(checkForLoaded, 500);