//<![CDATA[

function setupCS(name, withtext, inc) {

    var bannerName = name;
    var isThereText = withtext; // if this script needs to control a text element
    var increment = inc;
    var numElements = $('.dhtml_page').size();
    var BannerWidth = numElements * increment;
    var autoTime = 9000;
    var currentElement = 1;
    var previousElement = 1;
    var currentPosition = 0;
    var isAnimating = false;
    var isLocked = false;

    auto();

    $('div.dhtml_pages a:nth-child(1)').toggleClass('current');

    $("#" + bannerName).css("width", BannerWidth + "px");
    $("#mycarousel").css("overflow", "hidden");
    $("#" + bannerName).addClass("jcarousel-list jcarousel-list-horizontal");
    $("#" + bannerName).addClass("jcarousel-container jcarousel-container-horizontal");


    $("#" + bannerName).hover(
			  function() {
			      isLocked = true;
			  },
			  function() {
			      isLocked = false;
			  }
			);


    $("a#dhtmlPrev").click(function() {

        if (isAnimating != true) {
            clearTimeout(autoTimer);
            if (currentElement == 1) {
                previousElement = currentElement;
                currentElement = numElements;
                diff = previousElement - currentElement;
                amount = currentPosition + diff * increment;
                currentPosition = amount;
                if (isThereText == 1) { updateText(currentElement, previousElement); }
                move(amount, bannerName);

            } else {
                previousElement = currentElement;
                currentElement = currentElement - 1;
                diff = previousElement - currentElement;
                amount = currentPosition + diff * increment;
                currentPosition = amount;
                if (isThereText == 1) { updateText(currentElement, previousElement); }
                move(amount, bannerName);
            }
            updateClass(currentElement, previousElement);
            auto();
        }
    });



    $("a#dhtmlNext").click(function() {

        if (isAnimating != true) {
            clearTimeout(autoTimer);
            if (currentElement == numElements) {
                previousElement = currentElement;
                currentElement = 1;
                diff = previousElement - currentElement;
                amount = currentPosition + diff * increment;
                currentPosition = amount;
                if (isThereText == 1) { updateText(currentElement, previousElement); }

                move(amount, bannerName);

            } else {
                previousElement = currentElement;
                currentElement = currentElement + 1;
                diff = previousElement - currentElement;
                amount = currentPosition + diff * increment;
                currentPosition = amount;
                if (isThereText == 1) { updateText(currentElement, previousElement); }
                move(amount, bannerName);
            }
            updateClass(currentElement, previousElement);
            auto();
        }
    });

    $(".dhtml_pages a").click(function() {
        if (isAnimating != true) {
            window.clearTimeout(autoTimer);

            previousElement = currentElement;
            currentElement = parseInt($(this).html());
            diff = previousElement - currentElement;
            amount = currentPosition + diff * increment;
            currentPosition = amount;
            if (isThereText == 1) { updateText(currentElement, previousElement); }
            move(amount, bannerName);
            auto();
            updateClass(currentElement, previousElement);
        }
    });

    function updateClass(on, off) {
        if (on != off) { // if this button is clicked twoce we dont want to switch the class
            $('div.dhtml_pages a:nth-child(' + off + ')').toggleClass('current');
            $('div.dhtml_pages a:nth-child(' + on + ')').toggleClass('current');
        }
    };


    function auto() {
        autoTimer = window.setTimeout(function() {
            if (!isLocked && !isAnimating) {
                if (currentElement == numElements) {
                    previousElement = currentElement;
                    currentElement = 1;
                    diff = previousElement - currentElement;
                    amount = currentPosition + diff * increment;
                    currentPosition = amount;
                    if (isThereText == 1) { updateText(currentElement, previousElement); }

                    move(amount, bannerName);

                } else {
                    previousElement = currentElement;
                    currentElement = currentElement + 1;
                    diff = previousElement - currentElement;
                    amount = currentPosition + diff * increment;
                    currentPosition = amount;
                    if (isThereText == 1) { updateText(currentElement, previousElement); }
                    move(amount, bannerName);

                }
                updateClass(currentElement, previousElement);
                auto();
            } else {
                window.clearTimeout(autoTimer);
                auto();
            }
        }, autoTime);
    }


    function updateText(objIn, objOut) {

        if (objIn != objOut) {
            if ($.browser.msie) {
                $("#featureInfo" + objOut).css('display', 'none');
                $("#featureInfo" + objIn).css('display', 'block');
            } else {
                $("#featureInfo" + objOut).fadeOut(500, function() {
                    $("#featureInfo" + objIn).fadeIn(500);
                });
            }
        }
    }


    function move(amount, objectName) {
        isAnimating = true;
        $("#" + objectName).animate({ left: amount }, 500, 'swing', function() { isAnimating = false; });
    };

};








//]]>