// JavaScript Document
var picnum=1;
document.write("<div align='center'><table cellpadding='1' cellspacing='0' border='0'><tr bgcolor='#222222' align='left' style='border:3;'><td align='left' width='30' style='color:#999999; font-size:11pt; font-variant:small-caps;letter-spacing:3pt;'>" + folder + " <img src='images/space.gif' width='1' align='absmiddle'></td>");
document.write("<td nowrap width='80'><div id='piccounter' align='center'  style='color:#ff0000;'><a href='#' onClick='slidepic(0);'><img src='images/arrow_left.gif' align='absmiddle' border='0'></a>&nbsp;" + picnum + "&nbsp;</span><a href='#' onClick='slidepic(1);'><img src='images/arrow_right.gif' align='absmiddle' border='0'></a>&nbsp;</div></td>");

document.write("<td style='color: #dddddd;' width=10>");

document.write("<div id='logo' style='position: absolute; right: 20px; top: 0px; z-index:1000; visibility:visible;'><a href='http://www.alecee.com/'><img src='images/logo.gif' border='0'></a></div>");

while (picnum <= maxpic) {
document.write("<a onClick='changepic(" + picnum + ");' href='#' style='color:#999999; background-color:#353535;border-color: #000000; border-width: 0px; border-style: solid;'>&nbsp;" + picnum + "&nbsp;</a>&nbsp;");
picnum += 1;
}

picnum=1;

document.write("</td></tr></table></div>");

function changepic (pic) {
	document.mainpic.src= "pics/" + folder + "/" + pic + ".jpg";
	picnum=pic;
	document.getElementById('piccounter').childNodes[1].nodeValue = ' ' + picnum + ' ';
}

function slidepic (right) {
	if (right==1) {  
					if (picnum < maxpic)  	picnum+=1;	
					else picnum = 1; 
	}

	else { 
			if (picnum > 1)   picnum-=1;	
			else picnum = maxpic;
	}

changepic(picnum);
}