var CURRENT_SLIDER_INNER = "#currentSliderInner"
var CURRENT_SLIDER_ITEM_1 = "#currentSliderItem1"
var CURRENT_SLIDER_ITEM_2 = "#currentSliderItem2"
var CURRENT_SLIDER_TIMEOUT = 10000;
var CURRENT_SLIDER_ANIMATION_SPEED = 1000;
var CURRENT_SLIDER_ITEM_HEIGHT = 25;
var CURRENT_REFRESH_TIMEOUT = 30000;

var getCurrentTimeout = null;
var sliderSwitchTimeout = null;
var currentShow = null;

$(document).ready(function() {
    currentShow = $(CURRENT_SLIDER_ITEM_2).html();
    getCurrent()
});

function currentSliderSwitch() {
   $(CURRENT_SLIDER_INNER).animate({ top: CURRENT_SLIDER_ITEM_HEIGHT + 'px' }, CURRENT_SLIDER_ANIMATION_SPEED, function() {
      var temp = $(CURRENT_SLIDER_ITEM_1).html();
      $(CURRENT_SLIDER_ITEM_1).html($(CURRENT_SLIDER_ITEM_2).html());
      $(CURRENT_SLIDER_ITEM_2).html("");

      $(CURRENT_SLIDER_INNER).css("top", "-" + CURRENT_SLIDER_ITEM_HEIGHT + "px");

      $(CURRENT_SLIDER_INNER).animate({ top: '0px' }, CURRENT_SLIDER_ANIMATION_SPEED, function() {
         $(CURRENT_SLIDER_ITEM_2).html(temp);
         sliderSwitchTimeout = setTimeout(currentSliderSwitch, CURRENT_SLIDER_TIMEOUT);
      });
   });

}

function getCurrent() {
    clearTimeout(sliderSwitchTimeout);
    clearTimeout(getCurrentTimeout);

    $.ajax({
        type: "GET",
        cache: "false",
        url: "EnOnde.aspx",
        success: function(result) {
            var artist = result.split("<br />")[0];
            var title = result.split("<br />")[1];

            $(CURRENT_SLIDER_INNER).css("top", "0px");
            $(CURRENT_SLIDER_ITEM_1).html("<span style='font-weight:bold;'>" + artist + "</span><br />" + title);
            $(CURRENT_SLIDER_ITEM_2).html(currentShow);

            sliderSwitchTimeout = setTimeout(currentSliderSwitch, CURRENT_SLIDER_TIMEOUT);
            getCurrentTimeout = setTimeout(getCurrent, CURRENT_REFRESH_TIMEOUT);
        }
    });
}