$(document).ready(function(){

	fadeGall();

});

function initProdGall(_hold){

	var _root = '';

	var _hold = _hold.find('.product-img');

	var img_h = _hold.children('.img');

	var _list = _hold.find('.img-list li');

	var _a = _list.index(_list.filter('active'));

	if(_a == -1) _a = 0;

	_list.eq(_a).addClass('active');

	img_h.empty().append('<img src="'+_root+_list.eq(_a).text()+'" alt=""/>');

	_hold.find('.pages-links .btn-prev').click(function(){

		changeEl(_a - 1);

		return false;

	});

	_hold.find('.pages-links .btn-next').click(function(){

		changeEl(_a + 1);

		return false;

	});

	function changeEl(_ind){

		if(_ind < 0) _ind = _list.length - 1;

		if(_ind == _list.length) _ind = 0;

		var t_img = img_h.children();

		var _img = $('<img src="'+_root+_list.eq(_ind).text()+'" alt=""/>');

		_img.appendTo(img_h).hide();

		t_img.fadeOut(200, function(){

			_img.fadeIn(200);

			t_img.remove();

		});

		_list.eq(_a).removeClass('active');

		_list.eq(_ind).addClass('active');

		_a = _ind;

	}

}

function fadeGall(){

	$('.main').each(function(){

		var _hold = $(this);

		var _btn = _hold.find('.pages ul a');

		var box_h = _hold.find('.main-box');

		var _loader = $('<div id="loader">load...</div>');

		var _a = _btn.index(_btn.filter('.active').eq(0));

		if(_a == -1) _a = 0;

		_btn.removeClass('active').eq(_a).addClass('active');

		if(_hold.hasClass('images-block')){

			box_h.html('<img class="img" src="'+_btn.eq(_a).attr("href")+ '" alt="'+_btn.eq(_a).attr("title")+'"/>');

		}

		else{

			_request = $.ajax({

				url: _btn.eq(_a).attr('href'),

				cache: false,

				dataType: 'php',

				success: function(_php) {

					box_h.html(_php);

					if(_hold.hasClass('stickonitem-block')) initProdGall(box_h);

				}

			});

		}

		_hold.find('.pages .gall-btn-prev').click(function(){

			changeEl(_a - 1);

			return false;

		});

		_hold.find('.pages .gall-btn-next').click(function(){

			changeEl(_a + 1);

			return false;

		});

		_btn.click(function(){

			changeEl(_btn.index(this));

			return false;

		});

		function changeEl(_ind){

			if(_ind >= _btn.length) _ind = 0;

			if(_ind < 0) _ind = _btn.length - 1;

			if(_ind != _a){

				var b_child = box_h.children();

				if(_loader.is(':animated')){

					_loader.stop().css({

						opacity: 1,

						display: 'none'

					});

				}

				b_child.fadeOut(300, function(){

					box_h.append(_loader);

					_loader.fadeIn(300, function(){

						if(_hold.hasClass('images-block')){

							b_child.remove();

							var _img = $('<img class="img" src="'+_btn.eq(_a).attr("href")+ '" alt="'+_btn.eq(_a).attr("title")+'"/>').hide();

							_loader.fadeOut(300, function(){

								_loader.remove();

								box_h.html(_img);

								_img.css('display', 'block');

							});

						}

						else{

							$.ajax({

								url: _btn.eq(_ind).attr('href'),

								cache: false,

								dataType: 'html',

								success: function(_html) {

									_loader.fadeOut(300, function(){

										box_h.html(_html);

										if(_hold.hasClass('stickonitem-block')) initProdGall(box_h);

										_loader.remove();

									});

								}

							});

						}

					});

				});

				_btn.eq(_a).removeClass('active');

				_btn.eq(_ind).addClass('active');

				_a = _ind;

			}

		}

	});

}