var photos = ["bg1.jpg","bg2.jpg","bg3.jpg","bg4.jpg","bg5.jpg"];

$.fn.preload = function(){
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

$(photos).preload();

var counter = 2;
var speed = 2000;
var animation = 2000;

$(document).ready(function() {
	
	var iHeight = $(window).width()*(60/119);
	if(iHeight<$(window).height()){
		var iWidth = $(window).height()*(119/60);
		$("#bg_img1").css({'height':$(window).height(),'width':iWidth});
		$("#bg_img2").css({'height':$(window).height(),'width':iWidth});
	}
	
	$("#bg_img1").attr("src","images/"+photos[0]);
	$("#bg_img2").attr("src","images/"+photos[1]);
	
	function counter_check(){
		
		if(counter==photos.length){
			counter=0;
		}
		
	}
	
	function bg_1(){
		
		$("#bg_container1").fadeOut(animation,function(){counter_check(); setTimeout(function(){img_change(1)},speed);});
		
	}
	
	function bg_2(){
		
		$("#bg_container1").fadeIn(animation,function(){counter_check(); setTimeout(function(){img_change(2)},speed);});
		
	}
	
	function img_change(container){
		
		$("#bg_img"+container).attr("src","images/"+photos[counter]);
		
		counter++;
		
		if(container==1){setTimeout(function(){bg_2()},speed)}else{setTimeout(function(){bg_1()},speed)}
		
	}
	
	bg_1();
	
});