var viewer, menu, smlogo, viewerlabel;
var loaderTex, loaderBar;
var images, imageSizes=[], imagObj=[];
var debug;

var prevtext='<a href="#" onclick="return viewer.toLeft()">&lt;&nbsp;&nbsp;</a>';
var nexttext='<a href="#" onclick="return viewer.toRight()">&nbsp;&nbsp;&gt;</a>';

function composePage() {
return;
	var winH=DynAPI.document.getHeight();
	y = (winH-MenuBlock.getHeight())/2;
	y=(y<30)?30:y;
	MenuBlock.setY(y);

	var w, h
	
	h = viewer.height;
	var y = viewer.getY();
	w = viewer.getWidth();
}

function insertNav(n,s){
	var lyr = new DynLayer(n);
	lyr.setHTML(s);
	lyr.setVisible(false);
	return DynAPI.document.addChild(lyr);
}

var MenuBlock
DynAPI.onLoad = function() {
	var winW=DynAPI.document.getWidth();
	var winH=DynAPI.document.getHeight();

	MenuBlock =	this.document.getAll()['MenuBlock'];

	viewerlabel = new DynLayer('viewerlabel');
	viewerlabel.setHTML(ns4fontfix(labeltext));
	viewerlabel.setWidth(600);
	viewerlabel.setVisible(false);
	DynAPI.document.addChild(viewerlabel);


	if (arguments.length==2) {
	} else {
		preva=insertNav('toleft',prevtext);
		nexta=insertNav('toright',nexttext);
	}

    viewer = new DynViewer(null,null,null,imageWidth,imageHeight,nexta,preva,viewerlabel,images,imageSizes,path,bResizePort,imgLpad);

	for(var i=0;i<images.length;i++){ // load images
		imagObj[i] = DynImage.getImage(path + 'thumbs/' + images[i]);
	}

	DynAPI.addResizeFunction("composePage()");

	composePage();

	viewerlabel.setVisible(true);
}

DynImage.onLoaderStart = function() {
	var winW=DynAPI.document.getWidth();
	var winH=DynAPI.document.getHeight();
	loaderTex = DynAPI.document.addChild(new DynLayer(null,(winW-300)/2,(winH-30)/2,120,50,null));
	loaderBar = DynAPI.document.addChild(new DynLayer(null,(winW-300)/2,(winH+20)/2,0,6,'#EFEFEF'));
}

DynImage.onLoading = function() { 
	html='';
	var percent = Math.round((DynImage.ItemsDone/DynImage.loadimages.length)*100);
	loaderTex.setHTML('<span class="loadprogress">'+ns4fontfix('Loading '+percent+'%')+'</span>');
	loaderBar.setWidth(percent*3);
}

DynImage.onLoaderDone = function() {
	loaderTex.setHTML('<span class="loadprogress">'+ns4fontfix('Loaded 100%')+'</span>');
	loaderBar.setWidth(300);
	
	viewer.attachImages();
	prepimages();
	loaderBar.deleteFromParent();
	loaderTex.deleteFromParent();
	if (viewer.RightPanel >= (viewer.imagecount-1)) viewer.nexta.setVisible(false);
}
function ns4fontfix(s) {
	return(is.ns4)?'<p>'+s+'</p>':s;
}