var W3CDOM = (document.createElement && document.getElementsByTagName);
$(document).ready(function ()
{	
	var ind_first_img=0;
	var all_img=$('.album .min img').size();
	
	for (var i=all_img; i>=5; i--)
	{
		$('.album .min img:eq('+i+')').css('display','none');
	}
	
	$('.album .btn_top').addClass('disable');
	
	$('.album .btn_down').click(function ()
	{
		if (ind_first_img+5<all_img)
		{
			$('.album .min img:eq('+(ind_first_img++)+')').css('display','none');
			$('.album .min img:eq('+(ind_first_img+4)+')').css('display','block');
		}
		if (ind_first_img+5 == all_img)
		{
			$('.album .btn_down').addClass('disable');
		}
		else
		{
			$('.album .btn_down').removeClass('disable');
		}
		if (ind_first_img == 0)
		{
			$('.album .btn_top').addClass('disable');
		}
		else
		{
			$('.album .btn_top').removeClass('disable');
		}
	});
	
	$('.album .btn_top').click(function ()
	{
		if (ind_first_img>0)
		{
			$('.album .min img:eq('+(--ind_first_img)+')').css('display','block');
			$('.album .min img:eq('+(ind_first_img+5)+')').css('display','none');
		}
		if (ind_first_img+5 == all_img)
		{
			$('.album .btn_down').addClass('disable');
		}
		else
		{
			$('.album .btn_down').removeClass('disable');
		}
		if (ind_first_img == 0)
		{
			$('.album .btn_top').addClass('disable');
		}
		else
		{
			$('.album .btn_top').removeClass('disable');
		}
	});
	
	$('.album .min img').click(function ()
	{
		$('.album .min img').removeClass('active');
		$('.album .min img').removeClass('hover');
		$(this).addClass('active');		
		$('.album .main img').attr('src',$('.album .min img.active').attr('src'));
	});
})