(function($){
	$.fn.shuffle = function() {
		return this.each(function(){
			var items = $(this).children().clone(true);
			return (items.length) ? $(this).html($.shuffle(items)) : this;
		});
	}
	$.shuffle = function(arr) {
		for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
			return arr;
		}
	})
(jQuery)

$('#introCycle').cycle({
	fx:      'fade',
	speed:    1200,
	timeout:  200,
	autostop: 1,
	end:      function() { 
		$('#introCycle').fadeOut(1000)
		$('header h1#introWelcome').fadeOut(1000)
		$('header h1#headerLogo').fadeIn(1000)
		$('header nav').fadeIn(1000)
		$('#welcomeGrid').show()
		for (var i = 0; i < 27; i++) {
			$('#welcome_grid_01_' + (i + 1) + ' img').delay(100 * i).fadeOut(500)
		}
		setTimeout(function() {
			for (var i = 0; i < 27; i++) {
				$('#welcome_grid_02_' + (i + 1) + ' img').delay(100 * i).fadeIn(500)
			}
		}, 6000)
		setTimeout(function() {
			for (var i = 0; i < 27; i++) {
				$('#welcome_grid_02_' + (i + 1) + ' img').delay(100 * i).fadeOut(500)
			}
		}, 9000)
		setTimeout(function() {
			$('#welcomeGrid_01_images').hide()
			$('#welcomeGrid_02_images').show()
		}, 9000)
		setTimeout(function() {
			$('#introQuotesCycle').fadeIn(500)
		}, 13000)
	}
})
$('#introQuotesCycle').cycle({
	fx:      'fade',
	speed:    2500,
	timeout:  200
})

$(document).ready(function() {
	var overlayImgSrc01=['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27']
	randomId01 = $.shuffle(overlayImgSrc01)
	$(overlayImgSrc01).each(function(){
		$('ul#welcomeGrid_01_overlay').append('<li id=\"welcome_grid_01_'+this+'\"><img src=\"images/grid/welcome_grid_overlay.png\"/></li>')
	})
	var overlayImgSrc02=['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27']
	randomId02 = $.shuffle(overlayImgSrc02)
	$(overlayImgSrc02).each(function(){
		$('ul#welcomeGrid_02_overlay').append('<li id=\"welcome_grid_02_'+this+'\"><img src=\"images/grid/welcome_grid_overlay.png\"/></li>')
	})
	var imageSrc=['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24','25','26','27']
	$(imageSrc).each(function(){
		$('ul#welcomeGrid_01_images').append('<li><img src=\"images/grid/welcome_grid_01_'+this+'\.jpg"/></li>')
		$('ul#welcomeGrid_02_images').append('<li><img src=\"images/grid/welcome_grid_02_'+this+'\.jpg"/></li>')
	})
})