﻿var elements;
var arrow_left;
var arrow_right;
var gallery;

$(document).ready(function()
{
	
	gallery = $('.flipblock');
	elements = $('.listalka  > li');
	arrow_left = gallery.find('.left-arrow'); 
	arrow_right = gallery.find('.right-arrow');

	$(elements[0]).show();

	gallery.everyTime(10000, 'autoflip', function(){
		arrow_right.click();
	})

	gallery.hover(
		function(){ gallery.stopTime("autoflip");},
		function(){ 
			gallery.everyTime(10000, 'autoflip', function(){
				arrow_right.click();
			});
		}
	)

	gallery.each(function(){
		$(this).get(0).cur = 0;
		$(this).get(0).prev = elements.length-1;
	})

	if (gallery.get(0)) elements.eq(gallery.get(0).cur).css('display','block');
	if (elements.get(0)) 
		if (elements.length <= 1) {arrow_left.css('display','none'); arrow_right.css('display','none');}


	arrow_left.click(function(){

		arrow_left.fadeOut(100);
		arrow_right.fadeOut(100);

		gallery.get(0).prev = gallery.get(0).cur;
		if (gallery.get(0).cur == 0)
		{

			gallery.get(0).cur = elements.length - 1;	
		} 
		else
		{
			gallery.get(0).cur--;
		}
		elements.eq(gallery.get(0).prev).fadeOut(300, 
												  function()
												  {
														elements.eq(gallery.get(0).cur).fadeIn(500);
														arrow_left.fadeIn(100);
														arrow_right.fadeIn(100);
												  });
		return false;
	})

	arrow_right.click(function(){
		arrow_left.fadeOut(100);
		arrow_right.fadeOut(100);

		gallery.get(0).prev = gallery.get(0).cur;
		if (gallery.get(0).cur == elements.length-1)
		{

			gallery.get(0).cur = 0;	
		} 
		else
		{
			gallery.get(0).cur++;
		}


		elements.eq(gallery.get(0).prev).fadeOut(300, 
												  function()
												  {
														elements.eq(gallery.get(0).cur).fadeIn(500);
														arrow_left.fadeIn(100);
														arrow_right.fadeIn(100);
												  });


		return false;

	})	

});
