$(document).ready(function(){
	
	//Banner Rotation Options
		var random		= false;	//Randomize photo rotation.
		var delay 		= 9000;	 	//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();
			
			if(data != null){
				//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);
							
							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);	
							
							k++;
							transitionStatus = 0;
							setTimeout(banner_rotation, delay);
						}
					}
					banner_rotation();
			}
		});
});