var kcMagViewerImages = new Array();
var kcMagViewerBigImages = new Array();
var kcMagViewerCurIndex;
var kcMagViewerFooImage;

Event.observe(window, 'load', function() {
		
	kcMagViewerCurIndex = 0;
	
	var arrowNext = $("kcMagViewerArrowRight");
	var arrowBack = $("kcMagViewerArrowLeft");
	var arrowFirst = $("kcMagViewerArrowFirst");
	var arrowLast = $("kcMagViewerArrowLast");
	var gotToPage = $("kcMagViewerToPageNavigatorButton");
	
	arrowNext.observe('click', kcMagViewerNext);
	arrowBack.observe('click', kcMagViewerPrev);
	arrowFirst.observe('click', kcMagViewerFirst);
	arrowLast.observe('click', kcMagViewerLast);
	gotToPage.observe('click', kcMagViewerGoToPage);
	
	var imagesDiv = $("kcMagViewerEpaperImages");
	imagesDiv.observe('click', kcMagViewerShowBigPreviews);
});

function kcMagViewerNext(event){
	kcMagViewerMove(kcMagViewerCurIndex + 2);
}

function kcMagViewerPrev(event){
	kcMagViewerMove(kcMagViewerCurIndex - 2);
}

function kcMagViewerFirst(event){
	kcMagViewerMove(0);
}

function kcMagViewerGoToPage(event){
	
	var gotToPage = $("kcMagViewerToPageNavigatorInput");
	var pageNumber = parseInt(gotToPage.value);
	
	if(pageNumber == null || pageNumber == '' || !(pageNumber >= 0 && pageNumber < 999) )
		return;
	
	if(pageNumber == 0)
		return kcMagViewerFirst(event);
	
	if(pageNumber % 2 == 0)
		return kcMagViewerMove(pageNumber);
	else
		return kcMagViewerMove(pageNumber - 1);
}

function kcMagViewerLast(event){
	if(kcMagViewerImages.length % 2 == 0)
		kcMagViewerMove(kcMagViewerImages.length - 2);
	else
		kcMagViewerMove(kcMagViewerImages.length - 1);
}

function kcMagViewerMove(newIndex) {
	
	if(newIndex < 0){
		return kcMagViewerLast(null);
	}
	
	if(newIndex > (kcMagViewerImages.length-1)){
		return kcMagViewerFirst(null);
	}
	
			
	var imageRight = $("kcMagViewerImageRight");
	var imageLeft = $("kcMagViewerImageLeft");
	
	if(kcMagViewerImages[newIndex]){
		
		imageLeft.src = kcMagViewerImages[newIndex];
		kcMagViewerCurIndex = newIndex;
		
		// If Foo
		if(newIndex == 0)
			$("kcMagViewerEpaperPageNumberLeft").update();
		else
			$("kcMagViewerEpaperPageNumberLeft").update("Стр. " + (newIndex));
		
		if(kcMagViewerImages[newIndex+1]){
			imageRight.src = kcMagViewerImages[newIndex + 1];
			$("kcMagViewerEpaperPageNumberRight").update("Стр. " + (newIndex + 1));
		}
		else{
			imageRight.src = kcMagViewerFooImage;
			$("kcMagViewerEpaperPageNumberRight").update();
		}
	}
}


function kcMagViewerShowBigPreviews(event){
	
	if($("kcMagViewerBigImagesPopup"))
		$("kcMagViewerBigImagesPopup").remove();
	
	var bigPreviewsDiv = document.createElement('div');

	Element.extend(bigPreviewsDiv);
	bigPreviewsDiv.id = 'kcMagViewerBigImagesPopup';
	
	var bigPreviewLeft = document.createElement('img');
	var bigPreviewRight = document.createElement('img');
	Element.extend(bigPreviewLeft);
	Element.extend(bigPreviewRight);
	
	bigPreviewLeft.src = kcMagViewerBigImages[kcMagViewerCurIndex];
	
	bigPreviewLeft.width = 411;
	bigPreviewLeft.height = 541;	
	
	if(kcMagViewerImages[kcMagViewerCurIndex+1]){
		bigPreviewRight.src = kcMagViewerBigImages[kcMagViewerCurIndex + 1];
	}
	else{
		bigPreviewRight.src = "/images/kc/magviewer/foo.png";
	}
	
        bigPreviewRight.width = 411;
	bigPreviewRight.height = 541;
	

	bigPreviewsDiv.insert(bigPreviewLeft);
	bigPreviewsDiv.insert(bigPreviewRight);
	
	bigPreviewsDiv.observe('click', kcMagViewerDestroyBigPreviews);
	
	document.body.appendChild(bigPreviewsDiv);	
}

function kcMagViewerDestroyBigPreviews(event){
	
	$("kcMagViewerBigImagesPopup").remove();
}