$(document).ready(function(){
	
	//Banner Rotation Options
		var random		= false;	//Randomize photo rotation.
		var delay 		= 7000;	 	//In milliseconds.
		var fadedelay 	= 1500;	 	//In milliseconds.


	//Get Banner Data.
	    $.getJSON("/js/cms_banners/query_banners.php", function(data){
			var images = new Array();
			var descriptions = new Array();
			
			//Assign Images.
				for(var i=0; i<=(data.banners.length - 1); i++){
					var banner = data.banners[i];
					
					images[i] = banner.Media;
				}
			
			//Assign Image Descriptions.
				for(var j=0; j<=(data.banners.length - 1); j++){
					var banner = data.banners[j];
					
					if(banner.Description.length > 175){
						descriptions[j] = banner.Description.slice(0, 175) + "...";	
					} else {
						descriptions[j] = banner.Description;
					}
				}
				
			//Banner Rotation
				var bannerCount = images.length - 1;
				var k = 0;
				var transitionStatus = 1;
				
				function banner_rotation(){
					if(k > bannerCount){ k = 0; }
					
					//Transition layer 2 in.
					if(transitionStatus == 0){
						$('#layer2').css({ backgroundImage: 'url(/CMS/Media/' + images[k] + ')' });
						$('#layer2').animate({ opacity: '1' }, fadedelay);
						
						$('#photo_description_02').html(descriptions[k]);
						$('#photo_description_02').animate({ opacity: '1' }, fadedelay);
						$('#photo_description_02').css({ zIndex:'120' }, fadedelay);
						
						$('#photo_description_01').animate({ opacity: '0' }, fadedelay);
						$('#photo_description_01').css({ zIndex:'110' }, fadedelay);
						
						k++;
						transitionStatus = 1;
						setTimeout(banner_rotation, delay);
					//Transition layer 2 out.
					} else {
						$('#layer1').css({ backgroundImage: 'url(/CMS/Media/' + images[k] + ')' });
						$('#layer2').animate({ opacity: '0' }, fadedelay);
						
						$('#photo_description_01').html(descriptions[k]);
						$('#photo_description_01').animate({ opacity: '1' }, fadedelay);
						$('#photo_description_01').css({ zIndex:'120' }, fadedelay);
						
						$('#photo_description_02').animate({ opacity: '0' }, fadedelay);
						$('#photo_description_02').css({ zIndex:'110' }, fadedelay);	
						
						k++;
						transitionStatus = 0;
						setTimeout(banner_rotation, delay);
					}
				}
				banner_rotation();
	    });
});