// ---------------- jquery fading rotation gallery ------------------
function fade() {
	$('#slide1').fadeOut(4000);
	$('#slide2').fadeIn(4000);
	setTimeout("fade2()",8000);
}
function fade2() {
	$('#slide2').fadeOut(4000);
	$('#slide3').fadeIn(4000);
	setTimeout("fade3()",8000);
}
function fade3() {
	$('#slide3').fadeOut(4000);
	$('#slide4').fadeIn(4000);
	setTimeout("fade4()",8000);
}
function fade4() {
	$('#slide4').fadeOut(4000);
	$('#slide5').fadeIn(4000);
	setTimeout("fade5()",8000);
}
function fade5() {
	$('#slide5').fadeOut(4000);
	$('#slide1').fadeIn(4000);
	setTimeout("fade()",8000);
}
// ---------------- jquery fading rotation gallery ------------------

// ---------------- clickable image ------------------
function fwin(pic){
	return "<html>\n" + "<head>\n" + "<title>Image</title>\n" + "<script>\n" + "function reSize() {\n" + "  var wimg = document.getElementById('lgimg');\n" + "  var wnw = wimg.width + 40;\n" + "  var wnh = wimg.height + 120;\n" + "  window.resizeTo(wnw,wnh);\n" + "}\n" + "</scr" + "ipt>\n" + "</head>\n" + "<body onLoad='reSize()'>\n" + "<center><img src='images/" + pic + ".jpg' alt='' id='lgimg' vspace='6' onclick='window.close();' /></center>\n" + "</body>\n" + "</html>\n";
}

function viewLg(img){
	link = "about:blank";
	var pw = window.open(link, "image", "width=50,height=50");
	pw.document.open();
	pw.document.write(fwin(img));
	pw.document.close();
}
// ---------------- clickable image ------------------

