var imagePath = "/assets/base/scroll_images/";
var imagePrefix;
var startNum;
var imageArray = new Array();
var imageLargeArray = new Array();

var loadOk = true;
var imageNum = 1;

function loadGallery() {
	if (loadOk){
		thisImage = imageNum;
		imageNum++;
		imageArray[thisImage] = new Image();
		imageArray[thisImage].onerror = loadError;		
		imageArray[thisImage].onload = loadGallery;		
		imageLargeArray[thisImage] = new Image();
		imageLargeArray[thisImage].src = imagePath + imagePrefix + thisImage + "_full.jpg";
		imageArray[thisImage].src = imagePath + imagePrefix + thisImage + ".jpg";	
	}
}


function loadError() {
	loadOk = false;
	//alert(imageNum);
	tableStructure();
}

function tableStructure() {
	imageNum=imageNum-2;
	var htmlString = '<table width="143" border="0" cellspacing="0" cellpadding="0">';
	for (var i = 1; i <= imageNum; i++) {
		htmlString += '<tr>';
		htmlString += '<td><img src="' + imagePath + imagePrefix + i + '.jpg" width="143" height="88" border="0" style="cursor: pointer;" onClick="largeSwap('+i+')"><\/td>';
		htmlString += '<\/tr>';
		if (imageNum != i){
			htmlString += '<tr>';
			htmlString += '<td height="4" bgcolor="#FFFFFF"><\/td>';
			htmlString += '<\/tr>';
		}
	}
	htmlString += '<\/table>';
	document.getElementById('scrollcaesar').innerHTML = htmlString;
}

function largeSwap(Num) {
	document.getElementById('swap').src = imageLargeArray[Num].src;

}

function checkForScrollerGallery() {
	if(document.getElementById("scrollerGallery") != null) {
		var scrollerGallery = document.getElementById("scrollerGallery");
		
		imagePrefix = scrollerGallery.getAttribute("name");
		imagePrefix += "_";
		
		startNum = scrollerGallery.getAttribute("startNumber");
		if(startNum == null || startNum == "" || startNum == undefined) {
			startNum = 1;
		}
		
		var write_str = '<table width="483" border="0" cellspacing="0" cellpadding="0"><tr><td width="316" valign="top"><img src="' + imagePath + imagePrefix + startNum + '_full.jpg" name="swap" width="316" height="272" id="swap" /><\/td><td width="4" valign="top"><\/td><td width="163" valign="top" style="position: relative;"><div id="scrollcaesar" style="width:163px; height:272px; overflow: auto;"><\/div><\/td><\/tr><\/table><\/div>';
	
		scrollerGallery.innerHTML = write_str;
		
		loadGallery();
	}
}