var header = {
    loaded: 0,
    folder: 'images/header/',
    parentDiv: null,
    images: null,
    current: 0,
    last: 0,
    intervalID: 0,
    fadeDuration: 2000,
    init: function()
    {
        header.parentDiv = $('#header');        
        header.preload();
        
        if(header.loaded == slides.length)
        {
            $('#header img').remove();
            header.setImages();            
            header.intervalID = setInterval('header.animateImages()', 6000);
        }
    },
    preload: function()
    {
        //alert(header.folder);
        for(var i =0; i<slides.length; i++)
        {
            var preImage = new Image();
            preImage.loaded = header.setLoaded();
            preImage.src = header.folder + slides[i];
        }       
    },
    setLoaded: function()
    {
        if(header.loaded < slides.length){header.loaded++;}
    },
    animateImages: function()
    {
        for(var i=0; i<header.images.length; i++)
        {
			$(header.images[i]).css('display', 'none');
		}
		$(header.images[header.last]).css('display', 'block').css('zIndex', '0');
		$(header.images[header.current]).css('zIndex', '1').fadeIn(header.fadeDuration);

	    if(header.current < (header.images.length - 1))
	    {
			header.current = header.current + 1;
			header.last = header.current - 1;
		}
		else
		{
			header.current = 0;
			header.last = slides.length - 1;
		}
    },
    setImages: function()
    {
        
        $(slides).each(function(i)
        {
            var newImage = document.createElement('img');
            newImage.setAttribute('alt', '');
            newImage.setAttribute('width', '765');
            newImage.setAttribute('height', '222');
            $(newImage).css('zIndex', slides.length - i)
            .css('position', 'absolute')
            .css('top', '0')
            .css('left','0')
            .css('display','none');
            newImage.setAttribute('src', header.folder + slides[i]);
            header.parentDiv.append(newImage);
        });
        header.images = header.parentDiv.find('img');
        header.last = header.images.length - 1;
        $(header.images[header.last]).css('display', 'block').css('zIndex', header.images.length - 1);
        $(header.images[header.last]).css('zIndex', header.images.length).fadeIn(header.fadeDuration);
    }
};

$(document).ready(header.init);