var isSliderActive = false;
var current_active_album;
var height = '250px';
var width = '350px';
jQuery(document).ready(function(){
	// check is another slider active
	$('div.box a.activate-slider').click(function(){
	current_image = 1;
		if(isSliderActive == false){
			isSliderActive = true;
			current_active_album = $(this);
			$(this).addClass('active');
			var link_list = $(this).parent().parent().find('div.ngg-galleryoverview ul li');
			var links_array = [];
			var links = '<a class="close" href="#">Close X</a>'; 
			var img_count;
			
			$(link_list).each(function(index, item){
				if (index != 0){
					links_array[index] = $(item).text();
					links = links + '<li id="image-'+ index +'" rel="'+ $(item).attr('rel') +'"><img src="'+ $(item).text() +'" alt="'+ $(item).attr('rel') +'"/><a href="#"><em class="audiotart">audiotart</em></a></li>';
				} 
				else
					links = links + '<h2>' + $(item).text() + '</h2><ul>';
				image_count = index;
			});
			links = links + '</ul>';
			
			var slider_box = $('<div></div>');
			$(slider_box).addClass('slider');
			
			var box = $('<div class="bottom"></div>');
			$(box).append(links);
			
			// create images holder
			var img_block = '<div id="image-big"><strong class="img-title"></strong><div class="bottom-image"><a class="left" href="#">left</a>' + 
					'<div class="right"><a class="right" href="#">right</a></div>' +
					'<div class="image"><a href="#"><img height='+height+' width='+width+' alt="" src=""/><em class="audiotart">audiotart</em>' +
					'</a></div></div></div>';
					
			$(box).append(img_block);
								
			$(slider_box).append(box);
			
			$('div.content').append(slider_box);
			initSlider(links_array, image_count);
			
			return false;
			}
			else 
				return false;
	});
// end check active slider
}); 

var current_image = 1;

function initSlider(arr, img_count){
	// start position of the slider
	$('#image-big div.image img').attr('src',arr[1]);
	$('div.slider div.bottom ul li#image-1 a').addClass('active');
	
	$('div.slider div.bottom ul li#image-1').css('display','block');
	$('div.slider div.bottom ul li#image-2').css('display','block');
	$('div.slider div.bottom ul li#image-3').css('display','block');
	
	// click on the single photo	
	$('div.slider div.bottom ul li').click(function(){
		$('div.slider div.bottom ul li#image-'+ current_image +' a').toggleClass('active');
		current_image = $(this).attr('id').charAt(6);
		$('div.slider div.bottom ul li#image-'+ current_image +' a').toggleClass('active');
		$('#image-big div.image img').attr('src',arr[current_image]);
		return false;
	});	
	
	$('#image-big a.right').click(function(){
		if (current_image == img_count) return false;
		$('div.slider div.bottom ul li#image-'+ current_image +' a').toggleClass('active');
		current_image++;
		$('#image-big div.image img').attr('src',arr[current_image]);
		$('div.slider div.bottom ul li#image-'+ current_image +' a').toggleClass('active');
		checkVisible(current_image, img_count, 0);
		return false;
	});
	
	$('#image-big a.left').click(function(){
		if (current_image == 1) return false;
		$('div.slider div.bottom ul li#image-'+ current_image +' a').toggleClass('active');
		current_image--;
		$('#image-big div.image img').attr('src',arr[current_image]);
		$('div.slider div.bottom ul li#image-'+ current_image +' a').toggleClass('active');
		
		checkVisible(current_image, img_count, 1);
		return false;
	});	
	$('div.bottom a.close').click(function(){
		$(current_active_album).removeClass('active');
		isSliderActive = false;
		$(this).parent().parent().remove();
		return false;
	});
	
};

function checkVisible(cur_image, img_count, act){

	// if first img check
	if (act == 0){
		if (cur_image <= 3) return false;
		$('div.slider div.bottom ul li#image-'+(cur_image-3) ).css('display','none');
		$('div.slider div.bottom ul li#image-'+ (cur_image) ).css('display','block');
	}
	else if (act == 1){
		if (cur_image > img_count-3) return false;
		$('div.slider div.bottom ul li#image-'+(cur_image+3) ).css('display','none');
		$('div.slider div.bottom ul li#image-'+ (cur_image) ).css('display','block');
	};
}