var slideshow = {
    parentDiv: false,
    loaded: 0,
    imagepath: 'images/slideshow/',
    slides: ['taps&bar.jpg','Booth1.jpg', 'The-bar.jpg','sign1.jpg'],
    images: false,
    current: 0,
    last: 0,
    intervalID: 0,
    init: function()
    {
        slideshow.parentDiv = $('#slideShow');
        $('#slideImage').remove();
        slideshow.preload();
        if(slideshow.loaded == slideshow.slides.length)
        {
            slideshow.setImages();
            slideshow.intervalID = setInterval('slideshow.animateSlides()', 5000);
        }
    },
    preload: function()
    {
        for(var i=0; i<slideshow.slides.length; i++)
        {
            var preImage = new Image();
            preImage.loaded = slideshow.setLoaded();
            preImage.src = slideshow.imagepath + slideshow.slides[i];
        }
    },
    setLoaded: function()
    {
        if(slideshow.loaded < slideshow.slides.length){slideshow.loaded++;}
    },
    animateSlides: function()
    {
        for(var i=0; i<slideshow.images.length; i++)
        {
			$(slideshow.images[i]).css('display', 'none');
		}
		$(slideshow.images[slideshow.last]).css('display', 'block').css('zIndex', '0');
		$(slideshow.images[slideshow.current]).css('zIndex', '1').fadeIn(800);

	    if(slideshow.current < (slideshow.images.length - 1))
	    {
			slideshow.current = slideshow.current + 1;
			slideshow.last = slideshow.current - 1;
		}
		else
		{
			slideshow.current = 0;
			slideshow.last = slideshow.slides.length - 1;
		}
    },
    setImages: function()
    {
       for(var i=0; i<slideshow.slides.length; i++)
       {
           var newImage = document.createElement('img');
           newImage.setAttribute('alt', '');
           newImage.setAttribute('width', '239');
           newImage.setAttribute('height', '196');
           $(newImage).css('zIndex', slideshow.slides.length - i)
           .css('position', 'absolute')
           .css('top', '6px')
           .css('left','0')
           .css('display','none');
           newImage.setAttribute('src', slideshow.imagepath + slideshow.slides[i]);
           slideshow.parentDiv.append(newImage);
       }
       slideshow.images = slideshow.parentDiv.find('img');
       slideshow.last = slideshow.images.length - 1;
       $(slideshow.images[slideshow.last]).css('display', 'block').css('zIndex', slideshow.images.length - 1);
	   $(slideshow.images[slideshow.last]).css('zIndex', slideshow.images.length).fadeIn('slow');
    }
}