var months=['JANUARY', 'FEBRUARY', 'MARCH', 'APRIL', 'MAY', 'JUNE', 'JULY', 'AUGUST', 'SEPTEMBER', 'OCTOBER', 'NOVEMBER', 'DECEMBER'];
var headerImages = loadImages(months, "/images/headers/", "_HEADER.jpg");

$(document).ready( function() {
	
	var firstHeader = headerImages[0];
	preload([firstHeader]);
	
	var fadeHeader = $("#header #top").prepend('<img id="fadeheader" src="/images/headers/JANUARY_HEADER.jpg" />');
	var share = $("#top #share");
	$("#top #share").remove();
	

	fadeHeader.crossSlide({
		  sleep: 3,
		  fade: 2		  
		}, headerImages);
	
	$("#header #top").append(share);
	
	preload(headerImages);
});

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

function loadImages(months, pre, post) {
	images = new Array();
	for(var i = 0; i < months.length; i++) {
		var object = new Object();
		object.src = pre + months[i] + post;
		images.push(object);
	}
	return images;
}