var $j = jQuery.noConflict();
    var t;
    var feature = '#feature_';
    var control = '#cntrl_';


    // initialize variables at last position
    var current = 10;
    var next = 1;
    var previous = 9;
    //$j('#cntrl_play').hide();
    function start_loop() {
        //$j('#cntrl_play').hide();
        $j(control.concat(current)).removeClass("aktif");
        hide_element(feature.concat(current));
        current = next;
        $j(control.concat(next)).addClass("aktif");
        if (current == 10) {
            next = 1;
        } else {
            next = current + 1;
        }
        if (current == 1) {
            previous = 10;
        } else {
            previous = current - 1;

        }
        show_element(feature.concat(current));
        t = setTimeout("start_loop()",6000);

    }

    function restart_loop() {
        // this is required to avoid odd behavior if Play is clicked when not paused
        //$j('#cntrl_pause').show();
        //$j('#cntrl_play').hide();
        clearTimeout(t);
        $j(control.concat(current)).removeClass("aktif");
        hide_element(feature.concat(current));
        if (current == 9) {
            next = 1;
        } else {
            next = current + 1;
        }
        if (current == 1) {
            previous = 9;
        } else {
            previous = current - 1;
        }

        current = next;
        $j(control.concat(current)).addClass("aktif");
        show_element(feature.concat(current));
        t = setTimeout("restart_loop()",8000);

    }

    function show_element(div) {
        $j(div).fadeIn("slow");

    }

    function hide_element(div) {
        $j(div).hide();

    }

    function stop_loop() {
        //$j('#cntrl_pause').hide();
        //$j('#cntrl_play').show();
        clearTimeout(t);

    }

    function switch_pane(div) {
        stop_loop();
        $j("#cntrl_1").removeClass("aktif");
        $j("#feature_1").hide();
        $j("#cntrl_2").removeClass("aktif");
        $j("#feature_2").hide();
        $j("#cntrl_3").removeClass("aktif");
        $j("#feature_3").hide();
        $j("#cntrl_4").removeClass("aktif");
        $j("#feature_4").hide();
        $j("#cntrl_5").removeClass("aktif");
        $j("#feature_5").hide();
        $j("#cntrl_6").removeClass("aktif");
        $j("#feature_6").hide();
        $j("#cntrl_7").removeClass("aktif");
        $j("#feature_7").hide();		
        $j("#cntrl_8").removeClass("aktif");
        $j("#feature_8").hide();		
        $j("#cntrl_9").removeClass("aktif");
        $j("#feature_9").hide();
        $j("#cntrl_10").removeClass("aktif");
        $j("#feature_10").hide();
		
        current = div - 1;

        $j(control.concat(div)).addClass("aktif");
        show_element(feature.concat(div));

    }

    $j(document).ready(function() {
        start_loop();

    });