$(document).ready(function () {
    var faderButtons = [
		'00210-1/design/images/btn-faderPrev.png',
		'00210-1/design/images/btn-faderNext.png'
	];
    var faderSlides = [
		{ href: 'Merger-FAQs.aspx', alt: 'Merger FAQs', image: '00210-1/design/images/fader-joebonsai.jpg' },
//		{ href: 'valentines-day', alt: 'Valentine\'s Day', image: '00210-1/design/images/fader-valentines2012.jpg' },
//		{ href: 'cyber-monday', alt: 'Cyber Monday', image: '00210-1/design/images/fader-cybermonday2011.jpg' },
//		{ href: 'indoor-bonsai-trees-c77.aspx', alt: 'Fathers Day', image: '00210-1/design/images/fader-fathers_day.jpg' },
		{ href: 'Shop-For-Bonsai-Trees-C30.aspx', alt: 'Bonsai Trees', image: '00210-1/design/images/fader-bonsai_trees.jpg' },
		{ href: 'http://care.bonsaioutlet.com', alt: 'Bonsai Education Community', target: '_blank', image: '00210-1/design/images/fader-learning_2_bonsai.jpg' },
		{ href: 'our-guarantee.aspx', alt: 'Why shop Bonsai Outlet?', image: '00210-1/design/images/fader-why_shop_bonsai_outlet.jpg' }
	];
    var currentSlide = -1;
    var faderContainer = $("#faderContainer .fader"), faderTimer = null;
    if (!faderSlides || !faderContainer || !faderContainer.length) {
        return;
    }

    faderContainer = $(faderContainer[0]).html('');
    faderSlides = (function createSlides(slides) {
        var newSlides = [];
        $.each(slides, function (index, value) {
            var newSlide =
				$('<a class="faderSlide" href="' + value.href + '"' + (value.target ? ' target="' + value.target + '"' : '') + '><img src="' + value.image + '" alt="' + value.alt + '" /></a>');
            ;
            newSlides.push({ slide: newSlide, image: value.image, href: value.href });
        });
        return newSlides;
    })(faderSlides);

    var isSliding = false;
    function displaySlide(newSlide, direction) {
        if (isSliding) {
            return;
        }
        clearTimeout(faderTimer);
        if (direction === false) {
            if (currentSlide != -1) {
                faderSlides[currentSlide].slide.css({ 'left': '100%' });
            }
            faderSlides[newSlide].slide.css({ 'left': '0%' });
        }
        else {
            isSliding = true;
            var newSlideStart, newSlideEnd = '0px', currentSlideEnd;
            switch (direction) {
                default:
                case 'left':
                    newSlideStart = '-540px';
                    currentSlideEnd = '540px';
                    break;
                case 'right':
                    newSlideStart = '540px';
                    currentSlideEnd = '-540px';
                    break;
            }
            faderSlides[newSlide].slide.css({ 'left': newSlideStart });
            faderSlides[currentSlide].slide.animate({ 'left': currentSlideEnd }, 1000);
            faderSlides[newSlide].slide.animate({ 'left': newSlideEnd }, 1000, function () { isSliding = false; });
        }
        currentSlide = newSlide;
        faderTimer = setTimeout(displayNextSlide, 7000);
    }

    function displayNextSlide() {
        var direction = 'right';
        var newSlide = currentSlide + 1;
        if (newSlide > faderSlides.length - 1) {
            newSlide = 0;
        }
        displaySlide(newSlide, direction);
    }

    if (faderSlides.length > 1) {
        var buttonPrevious = $('<a href="#previous-slide" class="faderButton faderButtonPrevious"><img src="' + faderButtons[0] + '" /></a>');
        var buttonNext = $('<a href="#next-slide" class="faderButton faderButtonNext"><img src="' + faderButtons[1] + '" /></a>');
        faderContainer.append(buttonPrevious).append(buttonNext);

        $('.faderButton').click(function (event) {
            event.stopPropagation();
            event.preventDefault();

            var target = $(this);
            if (!target || !target.length) {
                return;
            }
            target = $(target[0]);

            var direction = '';
            var newSlide = currentSlide;
            if (target.hasClass('faderButtonPrevious')) {
                direction = 'left';
                newSlide = newSlide - 1;
                if (newSlide < 0) {
                    newSlide = faderSlides.length - 1;
                }
            }
            else {
                direction = 'right';
                newSlide = newSlide + 1;
                if (newSlide > faderSlides.length - 1) {
                    newSlide = 0;
                }
            }
            displaySlide(newSlide, direction);
        });
    }

    $.each(faderSlides, function (index, value) {
        faderContainer.append(value.slide);
    });
    displaySlide(0, false);
});