 var currentSlide = 0;
        var interval;
        var isWorking = false;

        function fadeToSlide(slideNo) {

            //dumb lock
            if (isWorking) {
                return;
            }
            isWorking = true;
            if (slideNo == undefined) {
                slideNo = currentSlide + 1;
            }
            var numSlides = $(".Promotion").size();
            if (slideNo >= numSlides) {
                slideNo = 0;
            }
            if (slideNo < 0) {
                slideNo = numSlides - 1;
            }
            //fade out all slides
            $(".number").removeClass("selected");
            $(".number").eq(slideNo).addClass("selected");
            $(".Promotion").eq(currentSlide).fadeOut("slow", function() {
                //when done fading out, fade in the current slide
                $(".Promotion").eq(slideNo).fadeIn("slow");
                currentSlide = slideNo;
                isWorking = false;
            });

        }

        function fadeToNextSlide() {
            var slideNo = currentSlide + 1;
            fadeToSlide(slideNo);
        }

        $(document).ready(function() {
            //time function
            interval = window.setInterval(fadeToNextSlide, 7000);
            var numSlides = $(".Promotion").size();

            $(".slider a").bind("click", function() {
                //stop the rotation
                window.clearInterval(interval);

                if ($(this).hasClass("back")) {
                    fadeToSlide(currentSlide - 1);
                }
                else if ($(this).hasClass("forward")) {
                    fadeToSlide(currentSlide + 1);
                }
                else if ($(this).hasClass("number")) {

                    fadeToSlide(parseInt($(this).text()) - 1);
                }

                return false;
            });

        });
    
