function insertImages(arrThumbnails, intFrom, elInto)
{
	if(arrThumbnails.length)
	{
		$(elInto).empty();
		var intTo = intFrom + 10;
		if(intTo > arrThumbnails.length)
			intTo = arrThumbnails.length;
		for(var i=intFrom; i<intTo; i++)
		{
			$(elInto).append(arrThumbnails[i]);
		}
		if(intTo == arrThumbnails.length)
			return 3;
		if(!intFrom)
			return 2;
			
		return 1;
	}
	return 0;
}


function LoadImagesGallery(elContainer, start, stop)
{
	if(!start)
		start = 0;
	if(!stop)
		stop = 0;
		
	var idSp = elContainer.id.replace('container-','');
	$('p#navi-gallery-'+idSp+' a').fadeOut('slow');
	
	$('img', elContainer).fadeOut('fast');
	$(elContainer).empty()
		.append('<img class="animacja" style="display: none;" src="gfx/animacja.gif" />');
	$('img', elContainer).fadeIn('slow', function()
		{
//	$(elContainer).load('index.php?SpektakleAjaxGallery=0&ajax=1&spektakl='+idSp+'&totalWidth=230&start='+start+'&stop='+stop);
		$.getJSON(
			'index.php?SpektakleAjaxGallery=0&ajax=1&spektakl='+idSp+'&totalWidth=350&start='+start+'&stop='+stop
			,
			{
				'SpektakleAjaxGallery' : 0,
				'ajax' : 1,
				'spektakl': idSp, 
				'totalWidth' : 720,
				'start' : start,
				'stop' : stop,
				'margin': 10,
				'rand' : Math.random()
			},
			function (json)
			{
				$('img', elContainer).fadeOut('slow', function()
					{
						$(elContainer).empty();
						for(var i =0; i<json.arrGalleryURL.length; i++)
						{
							$(elContainer).append('<a href="index.php?SpektaklPhoto='+json.arrGalleryID[i]+'"><img src="'+json.arrGalleryURL[i]+'" /></a>');
						}
					}
				);
				
				//initGalleryNavigation(elContainer, json.first, json.last, json.next, json.prev);
				
				if(json.last && json.first)
					return true;
				
				var navContainer = document.createElement('p');
				
				var gWidth = 210;
			
				var imgPrev = new Image();
				imgPrev.src = 'gfx/prev2.gif';
				imgPrev.width = 13;
				imgPrev.height = 11;
				
				var imgNext = new Image();
				imgNext.src = 'gfx/next3.gif';
				imgNext.width = 10;
				imgNext.height = 11;
							
				if(!json.last && json.next)
				{
					var aNext = document.createElement('a');
					aNext.href = 'javascript:void(0)';
					// insert image and text into link
					// add class
					// add event handler
					$(aNext)
						.append('<span>'+getMessageForum('zobacz-nastepne')+'</span>')
						.addClass('next')
						.click(
							function()
							{
								LoadImagesGallery(elContainer, json.next, 0);
							}
						)
						.append($(imgNext).clone());
				}
				
				if(!json.first && json.prev)
				{
					var aPrev = document.createElement('a');
					aPrev.href = 'javascript:void(0)';
					$(aPrev)
						.append($(imgPrev).clone())
						.append(' '+getMessageForum('zobacz-poprzednie'))
						.addClass('prev')
						.click(
							function()
							{
								// next page
								LoadImagesGallery(elContainer, 0, json.prev);
							}
						);
				}
				
				$('p#navi-gallery-'+idSp).remove();
				navContainer.id = 'navi-gallery-'+idSp;
				$(navContainer)
					.hide()
					.addClass('navi-gallery')
					.append(aNext)
					.append(aPrev);
				$(elContainer)
					.before(navContainer);			
				$(navContainer).fadeIn('slow');
			}
		);
		}
	);
}



function initGalleryNavigation()
{

	var gWidth = 210;

	var imgPrev = new Image();
	imgPrev.src = 'gfx/prev2.gif';
	imgPrev.width = 13;
	imgPrev.height = 11;
	
	var imgNext = new Image();
	imgNext.src = 'gfx/next3.gif';
	imgNext.width = 10;
	imgNext.height = 11;
	
	// for each section prepare navigation..
	$('.galery-container').each( function()
		{
		
			LoadImagesGallery(this, 0, 0);
			
/*		
			// grab images from inside of the section
			var objContainer = this;
			var arrThumbnails = new Array();
			$('a', this).each(
				function()
				{
					arrThumbnails.push(this);
				}
			);
			
			if(arrThumbnails.length > 10)
			{
				var currentImage = 0;
				// display first ten images
				insertImages(arrThumbnails, 0, objContainer);
				
				// create navi links
				var aNext = document.createElement('a');
				var aPrev = document.createElement('a');
				var navContainer = document.createElement('p');
				aNext.href = 'javascript:void(0)';
				aPrev.href = 'javascript:void(0)';
				// insert image and text into link
				// add class
				// add event handler
				$(aNext)
					.append('<span>zobacz następne</span>')
					.addClass('next')
					.click(
						function()
						{
							// next page
							currentImage += 10;
							var ret = insertImages(arrThumbnails, currentImage, objContainer);
							$(aPrev).show();
							if(ret == 3)
								$(aNext).hide();
						}
					)
					.append($(imgNext).clone());
				$(aPrev)
					.append($(imgPrev).clone())
					.append(' zobacz poprzednie')
					.addClass('prev')
					.click(
						function()
						{
							// next page
							currentImage -= 10;
							var ret = insertImages(arrThumbnails, currentImage, objContainer);
							$(aNext).show();
							if(ret == 2)
								$(aPrev).hide();
						}
					)
					.hide();
					
				$(navContainer)
					.addClass('navi-gallery')
					.append(aNext)
					.append(aPrev);
				$(objContainer)
					.before(navContainer);
			}*/
		}
	);
	
}


function getMessageForum(message)
{
	var lang = 'pl';
	
	if(document.location.href.match(/\/en\//i))
		lang = 'en';
		
	if(message == 'zobacz-nastepne')
	{
		if(lang == 'en')
			return 'see next';
		return 'zobacz następne';
	}
	if(message == 'zobacz-poprzednie')
	{
		if(lang == 'en')
			return 'see previous';
		return 'zobacz poprzednie';
	}

}

function initGalleryNextPrevIE()
{
	$('div.img-container p').width($('div.img-container div.img-wrap').width());
}


function initWierszalin()
{
	initGalleryNavigation();
	initGalleryNextPrevIE();
}

$(document).ready(initWierszalin);