var bannerImg = '/domain/biznisweb-new1/templates/bw/img/bannersk.png';
var bannerImg = tplDir + '/img/bannersk.png';
var timeout = null;
var slidetime = 20000;
var position = 0;

$(document).ready(function() {

  $('#banner-intro').append('<div id="banner-slide"></div>');
  $('#banner-intro').append('<img id="tmp_img" src="' + bannerImg + '" style="display:none">');
  $('#tmp_img').load(function() {
    var img = $(this).attr('src');
    $("#banner-slide").css({'background-image': 'url(' + img + ')'}).fadeIn();
    $(this).remove();
    $('#banner-intro').append("<div id='banner-bar' class='banner-bar' style='background: url(" + img + ") no-repeat 0 100%; display:none;'></div>");
    $("#banner-bar").fadeIn('fast').css('background-position', '0 100%');
    $("#banner-intro").append('<div id="tmp_bar" class="banner-bar" style="display:none;background: url(' + bannerImg + ') no-repeat 0 100%"></div>');
    $('#banner-intro').append('<a href="#" class="slide-anchor" title="0"></a>');
    $('#banner-intro').append('<a href="#" class="slide-anchor" style="left: 436px" title="1"></a>');
    $('#banner-intro').append('<a href="#" class="slide-anchor" style="left: 486px" title="2"></a>');
    $('#banner-intro').append('<a href="#" class="slide-anchor" style="left: 536px" title="3"></a>');
    
    $(".slide-anchor").click(function(e) {
      e.preventDefault();
      var c = parseInt($(this).attr('title'));
      clearTimeout(timeout);
      position = 962 * c;
      moveSlide();
    });

    slide();
  });
    
});

function slide() {
  
  position = (position + 962) % (962 * 4);
  timeout = setTimeout('moveSlide()', slidetime);

}

function moveSlide() {
  clearTimeout(timeout);
  var pos = '-' + position + 'px 0';
  var posBar = '-' + position + 'px 100%';
  $("#tmp_bar").css('background-position', posBar);
  $("#banner-slide").stop(true, false).animate({backgroundPosition: pos}, 2000, 'swing', slide);
  $("#tmp_bar").stop(false, false).fadeIn(1000, function() {
    $("#banner-bar").css('background-position', $("#tmp_bar").css('background-position'));
    $("#tmp_bar").fadeOut('fast', function(){});
  });
//  $("#banner-slide").css({'background-position': '-' + position + 'px 0'});
  //slide();
}