$(window).load(function(){
   if(typeof(background_images) !== 'undefined'){
//		setTimeout("setup_fading_background()",2000);
		setup_fading_background()
   }						
});

$(document).ready(function(){
	replaceJovers();
});

function replaceJovers(){
	var jovers = $('.jover');
	jovers.each(function(index){
		var jover = $(this);		
		var over = jover.attr("data-jover");
		var out = jover.attr("data-joff");
		var href = jover.find("a").attr("href");
		jover.hover(function(){
			if(over) jover.css('backgroundImage',"url('"+over+"')");
			jover.css('cursor',"pointer");
			jover.addClass('over');
		},function(){
			if(out) jover.css('backgroundImage',"url('"+out+"')");
			jover.css('cursor',"auto");
			jover.removeClass('over');
		});
		jover.click(function(){
			window.location.href = href;
		})
		//Preload
		if(over){
			
			var img = new Image();
			img.src = over;
		}
	});
	
}

function setup_fading_background(){

	var wrapper 		= $('#wrapper');
	var wrapper_inner 	= $('#wrapper_inner');
	
	wrapper.css("background","none");
	wrapper_inner.css("background","none")	;	
	
	$('body').css("background","none");
	$('html').css("background","none");

	wrapper.prepend("<div id=\"background_image_resize\"></div>");
	wrapper.prepend("<div id=\"background_image_resize_2\"></div>");		
	
	var d = $("#background_image_resize");
	var d2 = $("#background_image_resize_2");		
	
	d.append("<div id=\"background_image_resize_inner\"></div>")
	d2.append("<div id=\"background_image_resize_inner_2\"></div>")		
	
	var b = $("#banner");
	b.wrapInner("<div id=\"banner_inner\"></div>");
//		var b_inner = $('#banner_inner');
//	b_inner.append(b);
	
	d.css("position","absolute");
	d.css("top","0");
	d.css("left","0");
	d.css("overflow","hidden");
	d.css("z-index",-1);
	
	var e = $("#background_image_resize_inner");
	e.css("width","880px");
	e.css("margin","0 auto");

	
	d2.css("background-color","#363636");
	d2.css("position","absolute");
	d2.css("top","0");
	d2.css("left","0");
	d2.css("overflow","hidden");
	d2.css("z-index",-1);
	
	var e2 = $("#background_image_resize_inner_2");
	e2.css("width","880px");
	e2.css("margin","0 auto");
	e2.css("background-color","#000000");		

	resize_background();
	imageFaded();
	current_background_image++;
	//changeImage();
	
	$(window).resize(function() {
	  resize_background();
	});
	
}


	
	

function changeImage(instant){

	src = background_images[(current_background_image++)%background_images.length];
	console.log("Load: " + src);			   
	var img = new Image();
	
	var d = $("#background_image_resize");
	var e = $("#background_image_resize_inner");

	if(instant){
		imageFaded();
	}

	// wrap our new image in jQuery, then:
	$(img)
		.load(function () {
			$(this).hide();
			e.append(this);
			$(this).hide();
			resize_background();
			if(instant){
				$(img).show();
				imageFaded();				
			}
			else $(this).fadeIn(2200,imageFaded);
			
			
			
			var c = current_background_image % background_images.length;
			current_background_image = c;

			if(c != 0 && c < 4){
				if(instant) $('#banner_inner').show();
				else $('#banner_inner').fadeIn(4000);
			}else{
				$('#banner_inner').fadeOut(2200);
			}
		})
		.error(function () {
			// notify the user that the image could not be loaded
		})
		.attr('src', src);

}

function imageFaded(){
	var d = $("#background_image_resize");
	var e = $("#background_image_resize_inner");
	
	var d2 = $("#background_image_resize_2");
	var e2 = $("#background_image_resize_inner_2");
	
	var i = d.find("img");
	
	var i2 = d2.find("img");
	i2.remove();
	
	if(i.length){

	}else{
		var img = new Image();
		$(img).attr("src", background_images[0] );
		var i = $(img);
	}
	e2.append(i);		
	
	if(first_time){
		setTimeout("changeImage();",5500);
		first_time  = false;
	}else{
		setTimeout("changeImage();",5500);
	}
}

function resize_background(){


	var d = $("#background_image_resize");
	var e = $("#background_image_resize_inner");
	
	var d2 = $("#background_image_resize_2");
	var e2 = $("#background_image_resize_inner_2");

	d.width(0);
	d.height(0);
	d2.width(0);
	d2.height(0);		
	
	var sw = Math.min($(document).width(),$(window).width());
	
	
	var w = sw > 880 ? sw : 880;
	var h = $(window).height() >= $(document).height() ? $(window).height() : $(document).height();
	
//		alert($(document).width() + " " + $(window).width())

	d.width(w);
	d.height(h);
	d2.width(w);
	d2.height(h);		
	
	var i = d.find("img");
	e.height(h);
	e2.height(h);		
	
}