function jsshuffle ( myArray ) {
	  var i = myArray.length;
	  if ( i == 0 ) return false;
	  while ( --i ) {
		 var j = Math.floor( Math.random() * ( i + 1 ) );
		 var tempi = myArray[i];
		 var tempj = myArray[j];
		 myArray[i] = tempj;
		 myArray[j] = tempi;
	   }
	};

	$(document).ready(function(){
 
		var imgArr = new Array( // relative paths of images
'/images/header_pix/pic01.jpg',
'/images/header_pix/pic02.jpg',
'/images/header_pix/pic03.jpg',
'/images/header_pix/pic04.jpg',
'/images/header_pix/pic05.jpg',
'/images/header_pix/pic06.jpg',
'/images/header_pix/pic07.jpg',
'/images/header_pix/pic08.jpg',
'/images/header_pix/pic09.jpg',
'/images/header_pix/pic10.jpg',
'/images/header_pix/pic11.jpg',
'/images/header_pix/pic12.jpg',
'/images/header_pix/pic13.jpg',
'/images/header_pix/pic14.jpg',
'/images/header_pix/pic15.jpg',
'/images/header_pix/pic16.jpg',
'/images/header_pix/pic17.jpg',
'/images/header_pix/pic18.jpg',
'/images/header_pix/pic19.jpg',
'/images/header_pix/pic20.jpg',
'/images/header_pix/pic21.jpg',
'/images/header_pix/pic22.jpg',
'/images/header_pix/pic23.jpg',
'/images/header_pix/pic24.jpg',
'/images/header_pix/pic25.jpg',
'/images/header_pix/pic27.jpg',
'/images/header_pix/pic28.jpg',
'/images/header_pix/pic29.jpg',
'/images/header_pix/pic30.jpg',
'/images/header_pix/pic31.jpg',
'/images/header_pix/pic32.jpg',
'/images/header_pix/pic33.jpg',
'/images/header_pix/pic34.jpg',
'/images/header_pix/pic35.jpg',
'/images/header_pix/pic36.jpg',
'/images/header_pix/pic37.jpg',
'/images/header_pix/pic38.jpg',
'/images/header_pix/pic39.jpg',
'/images/header_pix/pic40.jpg',
'/images/header_pix/pic41.jpg',
'/images/header_pix/pic42.jpg',
'/images/header_pix/pic43.jpg',
'/images/header_pix/pic44.jpg',
'/images/header_pix/pic45.jpg',
'/images/header_pix/pic46.jpg'
		);  // Finish imgArr
  	    jsshuffle(imgArr);		// shuffle on the client side, we don't want browser caching to not refetch our script

		var preloadArr = new Array();
		var i;
 		//var x = 'images ';
		/* preload images */
		for(i=0; i < imgArr.length; i++){
			preloadArr[i] = new Image();
 			preloadArr[i].src = imgArr[i];
			//x += ',';
			//x += imgArr[i];
			//document.write('<!-- img=' + imgArr[i] + '-->');
		}
		//alert(x);
 
		var currImg = 1;
		//changeImg(); // load first image;
		$('#masthead1').animate({opacity: 0.6}, 400, function(){
			//$('#inner-masthead').fadeIn(100);  // force inner layer to opacity 1.0
			//alert('done2');
			$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
		}).animate({opacity: 1}, 500);
		currImg++;
		
		$('#masthead2').animate({opacity: 0.6}, 400, function(){
			//$('#inner-masthead').fadeIn(100);  // force inner layer to opacity 1.0
			//alert('done2');
			$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
		}).animate({opacity: 1}, 500);
		currImg++;

		$('#masthead3').animate({opacity: 0.6}, 400, function(){
			//$('#inner-masthead').fadeIn(100);  // force inner layer to opacity 1.0
			//alert('done2');
			$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
		}).animate({opacity: 1}, 500);
		currImg++;

		//var intID = setInterval(changeImg, 6000);
		//var intID1 = setInterval(changeImg1, 1000*(Math.floor( Math.random() * ( 4 ) ) + 4)); // 4 to 8 seconds
		//var intID2 = setInterval(changeImg2, 1000*(Math.floor( Math.random() * ( 4 ) ) + 4)); // 4 to 8 seconds
		//var intID3 = setInterval(changeImg3, 1000*(Math.floor( Math.random() * ( 4 ) ) + 4)); // 4 to 8 seconds
		
		var intID1 = setTimeout(changeImg1, 1000*(Math.floor( Math.random() * ( 2 ) ) + 8)); // 4 to 6 seconds to start
		var intID2 = setTimeout(changeImg2, 1000*(Math.floor( Math.random() * ( 2 ) ) + 4)); // 8 to 10 seconds to start
		var intID3 = setTimeout(changeImg3, 1000*(Math.floor( Math.random() * ( 2 ) ) + 12)); // 12 to 14 seconds to start
 
		/* image rotator */
		function changeImg1() {
			//alert('img='+currImg+'='+preloadArr[currImg%preloadArr.length].src);
			//alert('changeImg1');
		/* 400 ms time to animate to opacity 0.6, then 500 ms to go set opacity to 1.0  */
			$('#masthead1').animate({opacity: 0.6}, 400, function(){
				//$('#inner-masthead').fadeIn(100);  // force inner layer to opacity 1.0
				//alert('done2');
				$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
			}).animate({opacity: 1}, 500);
			intID1 = setTimeout(changeImg1, 1000*(Math.floor( Math.random() * ( 10 ) ) + 2)); // 10 to 12 seconds
		}
		function changeImg2() {
		/* 400 ms time to animate to opacity 0.6, then 500 ms to go set opacity to 1.0  */
			$('#masthead2').animate({opacity: 0.6}, 400, function(){
				//$('#inner-masthead').fadeIn(100);  // force inner layer to opacity 1.0
				//alert('done2');
				$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
			}).animate({opacity: 1}, 500);
			intID2 = setTimeout(changeImg2, 1000*(Math.floor( Math.random() * ( 8 ) ) + 2)); // 10 to 12 seconds
		}
		function changeImg3() {
		/* 400 ms time to animate to opacity 0.6, then 500 ms to go set opacity to 1.0  */
			$('#masthead3').animate({opacity: 0.6}, 400, function(){
				//$('#inner-masthead').fadeIn(100);  // force inner layer to opacity 1.0
				//alert('done2');
				$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
			}).animate({opacity: 1}, 500);
			intID3 = setTimeout(changeImg3, 1000*(Math.floor( Math.random() * ( 12 ) ) + 2)); // 10 to 12 seconds
		}
	});