// JavaScript Document

//var $j = jQuery.noConflict();

$(function() {

  var curr_slide = 1;
  var total_slides = 6;
  var slide_effect = "easeOutCubic";
  var slide_left = 0;
  var slider_speed = 900;
  var slide_W = 400;
  var left_pos = 0;

  var firstX;
  var lastX;
  var first_slide;
  var last_slide;

  total_slides = $('.tkr_ticker').size();
  //alert(total_slides);
  $('.tkr_body').css('width',(total_slides+1)*slide_W);

  last_slide = $('div.tkr_ticker:last').html();
  $('div.tkr_ticker:first').before('<div class="tkr_ticker">'+last_slide+'</div>');
  $('div.tkr_ticker:last').remove();

  $('.tkr_ticker').each(function(i) {
    $(this).css('left', (i-1) * slide_W +'px');
  });

  //$('.tkr_ticker').css('display','block');


var positionInd = 0;
var isAnimate = false;
var moveLeft = false;
var moveRight = false;
var stepMove = 0;
var beforeCount = 1;
var afterCount = total_slides - 2;
var needSlideCount = 0;


function newXFirst (total_slides, slide1_W) {
var myfirstX;
myfirstX = $('div.tkr_ticker:first').css('left');
myfirstX = myfirstX.replace('px', '');
myfirstX = parseInt(myfirstX) + total_slides*slide1_W;
return myfirstX;
}

function newXLast (total_slides, slide1_W) {
var mylastX;
mylastX = $('div.tkr_ticker:last').css('left');
mylastX = mylastX.replace('px', '');
mylastX = parseInt(mylastX) - total_slides*slide1_W;
return mylastX;
}


$('#tkr_move_left').click(function() {
  if (isAnimate == false) {
  window.clearInterval(thumb_animate);
    lastX = newXLast(total_slides, slide_W);
    isAnimate = true;
    last_slide = $('div.tkr_ticker:last').html();
    $('div.tkr_ticker:first').before('<div class="tkr_ticker" style="left:'+ lastX +'px;">'+last_slide+'</div>');
    $('div.tkr_ticker:last').remove();

    left_pos = left_pos + slide_W;
    $('.tkr_body').animate({left: left_pos+'px'}, slider_speed, slide_effect, function(){
        curr_slide = curr_slide - 1;
        if (curr_slide == 0) {curr_slide = total_slides}
          active_thumb(curr_slide);
          show_descr(curr_slide);

          show_category(curr_slide);
          show_title(curr_slide);
          //change_num(curr_slide);
        isAnimate = false;
        });
    }
});

$('#tkr_move_right').click(function() {
  if (isAnimate == false) {
  window.clearInterval(thumb_animate);
    firstX = newXFirst(total_slides, slide_W);
    isAnimate = true;
    first_slide = $('div.tkr_ticker:first').html();
    $('div.tkr_ticker:last').after('<div class="tkr_ticker" style="left:'+ firstX +'px;">'+first_slide+'</div>');
    $('div.tkr_ticker:first').remove();

    left_pos = left_pos - slide_W;
    $('.tkr_body').animate({left: left_pos+'px'}, slider_speed, slide_effect, function(){
          curr_slide = curr_slide + 1;
          if (curr_slide > total_slides) {curr_slide = 1}
            active_thumb(curr_slide);
            show_descr(curr_slide);

            show_category(curr_slide);
            show_title(curr_slide);
            //change_num(curr_slide);
          isAnimate = false;
        });
    }
});


$('.tkr_thumb').click(function() {
//alert('just click');
window.clearInterval(thumb_animate);
isAnimate = true;
var s = this.id;
var prev_slide = curr_slide;
slide = s.replace('tkr_th_', '');
curr_slide = Math.ceil(slide);

if ((curr_slide - prev_slide) > 0) moveRight = true;
if ((curr_slide - prev_slide) < 0) moveLeft = true;

stepMove = Math.abs(curr_slide - prev_slide);
//alert(stepMove);
// TO RIGHT
if (stepMove >= afterCount &&  moveRight == true) {
needSlideCount = stepMove - afterCount + 1; //min count slides to add

if (needSlideCount >= (beforeCount + 1)) {
var firstX;
for (var i = 1; i <= (needSlideCount - 1); i++) {
firstX = newXFirst(total_slides, slide_W);
first_slide = $('div.tkr_ticker:first').html();
$('div.tkr_ticker:last').after('<div class="tkr_ticker" style="left:'+ firstX +'px;">'+first_slide+'</div>');
$('div.tkr_ticker:first').remove();
}
left_pos = left_pos + (prev_slide - curr_slide)*slide_W;

$('.tkr_body').animate({left: left_pos+'px'}, 1200, function(){
      positionInd = positionInd + 1;
      firstX = newXFirst(total_slides, slide_W);
      first_slide = $('div.tkr_ticker:first').html();
      $('div.tkr_ticker:last').after('<div class="tkr_ticker" style="left:'+ firstX +'px;">'+first_slide+'</div>');
      $('div.tkr_ticker:first').remove();
    isAnimate = false;
      active_thumb(slide);
      show_descr(curr_slide);

      show_category(slide);
      show_title(slide);
      //change_num(slide);
    });
}
else {
for (var i = 1; i <= (needSlideCount); i++) {
firstX = newXFirst(total_slides, slide_W);
first_slide = $('div.tkr_ticker:first').html();
$('div.tkr_ticker:last').after('<div class="tkr_ticker" style="left:'+ firstX +'px;">'+first_slide+'</div>');
$('div.tkr_ticker:first').remove();
}
left_pos = left_pos + (prev_slide - curr_slide)*slide_W;

$('.tkr_body').animate({left: left_pos+'px'}, 1200, function(){
    isAnimate = false;
      active_thumb(slide);
      show_descr(curr_slide);

      show_category(slide);
      show_title(slide);
      //change_num(slide);
    });
}
afterCount = 1;
beforeCount = total_slides - 2;
moveRight = false;
}
//TO LEFT
else if (stepMove >= beforeCount &&  moveLeft == true) {
var lastX;
needSlideCount = stepMove - beforeCount + 1; //min count slides to add
//alert(needSlideCount+'\n'+afterCount);
if (needSlideCount >= (afterCount + 1)) {
for (var i = 1; i <= (needSlideCount - 1); i++) {
positionInd = positionInd - 1;
lastX = newXLast(total_slides, slide_W);
last_slide = $('div.tkr_ticker:last').html();
//alert(lastX);
$('div.tkr_ticker:first').before('<div class="tkr_ticker" style="left:'+ lastX +'px;">'+last_slide+'</div>');
$('div.tkr_ticker:last').remove();
}
left_pos = left_pos + (prev_slide - curr_slide)*slide_W;

$('.tkr_body').animate({left: left_pos+'px'}, 1200, function(){
      positionInd = positionInd - 1;
      lastX = newXLast(total_slides, slide_W);
      last_slide = $('div.tkr_ticker:last').html();
      $('div.tkr_ticker:first').before('<div class="tkr_ticker" style="left:'+ lastX +'px;">'+last_slide+'</div>');
      $('div.tkr_ticker:last').remove();
    isAnimate = false;
      active_thumb(slide);
      show_descr(curr_slide);

      show_category(slide);
      show_title(slide);
      //change_num(slide);
    });
}
else {
for (var i = 1; i <= (needSlideCount); i++) {
lastX = newXLast(total_slides, slide_W);
last_slide = $('div.tkr_ticker:last').html();
$('div.tkr_ticker:first').before('<div class="tkr_ticker" style="left:'+ lastX +'px;">'+last_slide+'</div>');
$('div.tkr_ticker:last').remove();
}
left_pos = left_pos + (prev_slide - curr_slide)*slide_W;

$('.tkr_body').animate({left: left_pos+'px'}, 1200, function(){
    isAnimate = false;
      active_thumb(slide);
      show_descr(curr_slide);

      show_category(slide);
      show_title(slide);
      //change_num(slide);
    });
}
beforeCount = 1;
afterCount = total_slides - 2;
moveLeft = false;
}
else if (stepMove < beforeCount || stepMove < afterCount)
{

if (moveRight == true) {
afterCount = afterCount - stepMove;
beforeCount = beforeCount + stepMove;
//alert('moveRight'+'\n'+'1');
}
if (moveLeft == true) {
afterCount = afterCount + stepMove;
beforeCount = beforeCount - stepMove;
//alert('moveLeft'+'\n'+'1');
}

left_pos = left_pos + (prev_slide - curr_slide)*slide_W;

$('.tkr_body').animate({left: left_pos+'px'}, 1200, function(){
    isAnimate = false;
    moveRight = false;
    moveLeft = false;
      active_thumb(slide);
      show_descr(curr_slide);

      show_category(slide);
      show_title(slide);
      //change_num(slide);
    });


//alert('afterCount='+afterCount+'\n'+'beforeCount='+beforeCount);
}

//change_usl_button(slide);
//return curr_slide;
});




  function tkr_move_left() {

  }

  function tkr_move_right() {

  }

  function tkr_clone_slide() {

  }

  function active_thumb(s)
  {
    $('.tkr_thumb').removeClass('selected');
    $('#tkr_th_'+s).addClass('selected');
  }


  function show_category(s)
  {
    $('.tkr_tright').css('display','none');
    $('#tkr_tr_'+s).css('display','block');
  }

  function show_title(s)
  {
    $('.tkr_dbottom').css('display','none');
    $('#tkr_b_'+s).css('display','block');
  }

  function show_descr(s)
  {
    $('.tkr_descr_inner').css('display','none');
    $('#tkr_descr_inner_'+s).css('display','block');
  }

  function change_num(s)
  {
    //$('#tkr_num').html(s+'.');
  }


  $('.tkr_thumb').click(function(){
    $('.tkr_thumb').removeClass('selected');
    $(this).addClass('selected');
    window.clearInterval(thumb_animate);
  });




  active_thumb(1);
  show_descr(1);

  show_category(1);
  show_title(1);
  //change_num(1);


  var i_th=1;
  var thumb_animate = window.setInterval(function() {

  if (isAnimate == false) {
  //window.clearInterval(thumb_animate);
    firstX = newXFirst(total_slides, slide_W);
    isAnimate = true;
    first_slide = $('div.tkr_ticker:first').html();
    $('div.tkr_ticker:last').after('<div class="tkr_ticker" style="left:'+ firstX +'px;">'+first_slide+'</div>');
    $('div.tkr_ticker:first').remove();

    left_pos = left_pos - slide_W;
    $('.tkr_body').animate({left: left_pos+'px'}, slider_speed, slide_effect, function(){
          curr_slide = curr_slide + 1;
          if (curr_slide > total_slides) {curr_slide = 1}
          active_thumb(curr_slide);
          show_descr(curr_slide);

          show_category(curr_slide);
          show_title(curr_slide);
          //change_num(curr_slide);
          isAnimate = false;
        });
    }


       //active_thumb(i_th);
       //show_category(i_th);
       i_th++;
       if (i_th==7) i_th=1;
    }, 5000);


});