function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
	return this
}


var browser = checkBrowser();
var divs;
var but=new Array();
var curSubLayer="zero";
var MenuBar = 10;

if( navigator.appName != "Netscape" ) divs=document.all.tags("DIV");

<!-- -------------SET UP ROLLOVER--------------- //--> 
for(var i=1; i<=MenuBar; i++)
{
  but[i] = new Image();

  if(i <= (MenuBar/2) ){
   but[i].src = "/images/but_" + i + ".jpg";
  }
  else {
   but[i].src = "/images/but_"+ (i - (MenuBar/2)) + "_2.jpg" ;
  }
}
function on(x)
{
 
   if( browser.ns4 || browser.ns5 ){
   	
     if( browser.ns5 )
     	document.getElementById("b"+x).src=but[x+(MenuBar/2)].src;
     else
 	document.main.document.images["but"+x].src=but[x+ (MenuBar/2)].src;
   }
   else {
     document.images["but"+x].src=but[x+(MenuBar/2)].src;
   }

}
function off(x)
{
   if( browser.ns4 || browser.ns5 ){
   	
   	if( browser.ns5 )
	   document.getElementById("b"+x).src=but[x].src;
	else
	   document.main.document.images["but"+x].src=but[x].src;
   }
   else{ 
     document.images["but"+x].src=but[x].src; }
}
<!-- --------------END ROLLOVER--------------------- //-->


function before(x)
{
   if( browser.ns4 || browser.ns5 ){
   	if( browser.ns5 )
	   document.getElementById("gallery").src = "images/gallery/ba"+x+"_a.jpg";
	else
	   document.images["ba"].src = "images/gallery/ba"+x+"_a.jpg";
   }
   else{ 
     document.images["ba"].src = "images/gallery/ba"+x+"_a.jpg";
   }
}

function after(x){
   if( browser.ns4 || browser.ns5 ){
   	if( browser.ns5 )
	   document.getElementById("gallery").src="images/gallery/ba"+x+"_b.jpg";
	else
	   document.images["ba"].src="images/gallery/ba"+x+"_b.jpg";
   }
   else{ 
     document.images["ba"].src="images/gallery/ba"+x+"_b.jpg";
   }	
}
function gallery( x )
{
   var win = window.open("", "new", "width=400, height=325");
   win.focus();
   win.document.open( "text/html", "replace");
   win.document.writeln("<html>\n<title>Before and After Photos</title>\n");
   win.document.writeln("<script language=\"javascript\" src=\"/pruni.js\"></script>\n");
   win.document.writeln("\n<body bgcolor=#40508F vlink=yellow link=yellow text=black>\n");
   win.document.writeln("<table align=center cellpadding=5 ><tr><td align=center>\n");
   win.document.writeln("<img src=\"images/gallery/ba"+x+"_a.jpg\" name=\"ba\" id=\"gallery\"><br><br>\n");
   win.document.writeln("<a href=\"#\" onClick=\"before('"+x+"');return false;\">[BEFORE]</a> &nbsp; &nbsp;");
   win.document.writeln("<a href=\"#\" onClick=\"after('"+x+"');return false;\">[AFTER]</a>\n");
   win.document.writeln("</td></tr>");
   win.document.writeln("<tr><td align=center>&nbsp;<br><input type=button value=\"close window\" onClick=\"window.close()\">");
   win.document.writeln("</table>\n\n");
   win.document.writeln("</html>");  	
   win.document.close();
}
