$(document).ready(function(){

				$('#header-bg-1').css('background-image', 'url("i/bgs/bg-1.jpg")');
				$('#header-bg-2').css('background-image', 'url("i/bgs/bg-2.jpg")');

				var imgArr = new Array( // relative paths of images
					'i/bgs/bg-1.jpg', 
					'i/bgs/bg-2.jpg', 
					'i/bgs/bg-3.jpg', 
					'i/bgs/bg-4.jpg', 
					'i/bgs/bg-5.jpg',
					'i/bgs/bg-6.jpg',					
					'i/bgs/bg-7.jpg'															
					);
					
				
				var preloadArr = new Array();
				var i;
				
				/* preload images */
				for(i=0; i < imgArr.length; i++){
					preloadArr[i] = new Image();
					preloadArr[i].src = imgArr[i];
				}
				
				var currImg = 1;
				var intID = setInterval(changeImg, 10000);
				
				function changeImg(){
				
					$('#header-bg-1').animate({opacity: 0}, 4000, function(){
						$(this).css('background','url(' + preloadArr[currImg++%preloadArr.length].src +') top center no-repeat');
					}).animate({opacity: 1}, 4000, function(){$('#header-bg-2').css('background','url(' + preloadArr[currImg%preloadArr.length].src +') top center no-repeat');});
			
				}
				
				
				$("img.a").hover(
					function() {
						$(this).stop().animate({"opacity": "0"}, 300);
					},
					function() {
					$(this).stop().animate({"opacity": "1"}, 300);
					});
 
				});