var scrollTimer = null;
var upArrow = $(".up.arrow");
var downArrow = $(".down.arrow");
var flag_crnt = 0;
var root = null;

$(function () {
    var intervalUp = null;
    var intervalDown = null;
    var MAX_ELEMENT_IN_PANEL = 8;


    if ($(".leftnav_temp .scroll").children("a").size() <= MAX_ELEMENT_IN_PANEL) {
        $(".down.arrow").hide();
    }
     root = $(".scrollable")
	.scrollable({
	    circular: true,
	    history: true,
	    onBeforeSeek: function (a, b) {
	        // Check if element is visible
	        var cur = $('.leftnav_temp .scroll a:eq(' + (b) + ')');

	        if (cur == null || cur.length == 0) return;

	        var curTop = cur.offset().top - cur.parent().offset().top;


	        if (curTop < 0) $(".leftnav_temp .scroll").scrollTo(cur, 200, { onAfter: function () { prepareArrows() } });

	        if (curTop > $(".leftnav_temp .scroll").height()) $(".leftnav_temp .scroll").scrollTo('+=' + (curTop - $(".leftnav_temp .scroll").height() + 50) + 'px', 200, { onAfter: function () { prepareArrows() } });

	    }
	})

	.navigator({ navi: '.leftnav .scroll', history: true })
	.navigator({ navi: '.leftnav_temp .scroll', history: true })
    .navigator({ navi: '.circlenav', history: true });


	$(".scroll").mousewheel(function (event, delta) {
        if (delta < 0)
            $(this).scrollTo('+=30px');
        else
            $(this).scrollTo('-=30px');

        prepareArrows();
        return false;
    });


    $('.up.arrow').mousedown(function () {
        clearScroll();
        scrollTimer = setTimeout('scroll(\'-=60\')', 0);
    }).mouseup(function () {
        clearScroll();
    });

    $('.down.arrow').mousedown(function () {
        clearScroll();
        scrollTimer = setTimeout('scroll(\'+=60\')', 0);
    }).mouseup(function () {
        clearScroll();
    });
});



function scroll(direction) {
    $('.scroll').scrollTo(direction + 'px', { duration: 400, easing: 'linear' });
    if (scrollTimer != null)
        scrollTimer = setTimeout(function () { scroll(direction); }, 400);
   
};

function clearScroll() {
    clearTimeout(scrollTimer);
    scrollTimer = null;
    prepareArrows();
};

function prepareArrows() {
    if ($(".leftnav_temp .scroll a:first").position().top >= 0) {
        $(".up.arrow").fadeOut('slow');
    } else {
        $(".up.arrow").fadeIn('slow');
    }
    if ($(".leftnav_temp .scroll a:last").position().top + $(".leftnav_temp .scroll a:last").height() - 3 <= $(".leftnav_temp .scroll").position().top + $(".leftnav_temp .scroll").height()) {
            $(".down.arrow").fadeOut('slow');
        } else {
            $(".down.arrow").fadeIn('slow');
        }
};



$(document).ready(function () {
    var url = document.location;
    var strippedUrl = url.toString().split("?");
    if (strippedUrl.length > 1) {
        var tempUrl = "?" + strippedUrl[1];
        $("#bucket-manager .leftnav_temp .scroll a").removeClass("active");

        var element = $('#bucket-manager .leftnav_temp .scroll a[href="' + tempUrl.toString().split("/")[0] + "/" + '"]');
        var curTop = element.offset().top - element.parent().offset().top;
        element.addClass("active");
        var scrollOffset = (curTop - $(".leftnav_temp .scroll").height() + 50);
        if (scrollOffset > 0) {
            $("#bucket-manager .leftnav_temp .scroll").scrollTo('+=' + scrollOffset + 'px', 200, { onAfter: function () { prepareArrows() } });
        }
    }
    else {
        $("#bucket-manager .leftnav_temp .scroll a").removeClass("active");
        $('#bucket-manager .leftnav_temp .scroll a:first').addClass("active");
    }


    $(".circlenav a").click(function () {
        $('.content-text').children('div.item').fadeOut("slow");
        var listIndex = $(".leftnav .leftnav_temp .scroll a");
        var b = $(this).index();
        var contenttextCurrent = $('.content-text div.item:eq(' + b + ')');
        contenttextCurrent.fadeIn("slow");

        var size = contenttextCurrent.outerHeight();
        contenttextCurrent.parent().animate({ height: size }, 500);
    })

    $(".leftnav_temp .scroll a").click(function () {
        $('.content-text').children('div.item').fadeOut("slow");
        var listIndex = $(".leftnav .leftnav_temp .scroll a");
        var b = $(this).index();
        var contenttextCurrent = $('.content-text div.item:eq(' + b + ')');
        contenttextCurrent.fadeIn("slow");

        var size = contenttextCurrent.outerHeight();
        contenttextCurrent.parent().animate({ height: size }, 500);
    })

    $(".next.browse").click(function () {
        var element = $(".leftnav_temp .scroll .active");
        var index = element.index();
        if (index < $(".leftnav_temp .scroll a").size() - 1) {
            element = element.next();
        }
        else {
            element = $(".leftnav_temp .scroll a:first")
        }
        var attr = element.attr('href');
         $(this).attr('href', attr);
        element.click();


    })

    $(".prev.browse").click(function () {
        var element = $(".leftnav_temp .scroll .active");
        var index = element.index();

        if (index != 0) {
            element = element.prev();
        }
        else {
            element = $(".leftnav_temp .scroll a:last")
        }
                var attr = element.attr('href');
                $(this).attr('href', attr);
        element.click();
    })

});

function play_api() {
       api.play();
};

function stop_api(){
        api.stop();
};