var speed=3000;
var maxPage=22;
var nextPage, timerID;
var page = '1';
var pButton = document.getElementById("playbutton");
var isClick =false;
var numClick =0;
nextPage=1;
timerID=0;
window.onload = function () {
	ShowPage(page);
}

function PicturesShow(){	
	
	if (parseInt(this.page,10) == maxPage+1){
		this.page='1';
		nextPage=1;
	}else{	
		nextPage=parseInt(this.page,10)+1;	
		if (nextPage == maxPage+1){
			this.page='1';
			nextPage=1;
		}
		this.page =""+nextPage;
		ShowPage(this.page);
		
	}	
	timerID = setTimeout("PicturesShow()",speed);

}
function startShow(){
	this.isClick =true;
	
	if (this.numClick ==0){	
		timerID = setTimeout("PicturesShow()",speed);
		var pButton = document.getElementById("playbutton");
		pButton.style.color="#E8781A";
	}
	this.numClick =1;
}

function stopShow(){
	var pButton = document.getElementById("playbutton");
	pButton.style.color="#000000";
	this.isClick =false;
	this.numClick =0;
	if(timerID) {
      clearTimeout(timerID);
      timerID  = 0;
   }
}


function ShowPage(page){
	this.page=page;
	var LcHeader="<table border='1' cellpadding='5' cellspacing='0'>";
	LcHeader += "<tr> <th bgcolor='#C2C2C2' style='font-size:16px;border-right:none'><div align='left'>Power Supplies</div></th>";
	LcHeader += "<th bgcolor='#C2C2C2' style='font-size:16px;border-left:none'>&nbsp;</th></tr>";
	var div_panel = document.getElementById("PicturesDE");
	var output="";
	var selector="";
	output = LcHeader;
	switch (page){
		case "1": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/TC12-250.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/TC24-600.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> TC12-250 <br> 1960</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>TC24-600 <br> 1960</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/TPS015-1.5.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/TPS515-0.5.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>TPS015-1 <br> 1960 - 1964</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>TPS515-0.5 <br> 1960</div>	</td></tr>";
			output += "</table>";			
			break;
			
		case "2": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/TPS030-10.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/TPS050-5.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> TPS030-10 <br> 1961 - 1965 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>TPS050-5 <br> 1961 - 1965</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/TPS24-5.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/TPS12-1.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>TPS24-5 <br> 1961 - 1965</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>TPS12-1 <br> 1962 - 1965</div>	</td></tr>";
			output += "</table>";
			break;

		case "3": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/TPS6-1.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/TC100-24NS.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> TPS6-1 <br> 1962 - 1965 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>TC100-24NS <br> 1963</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/D030-1.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/D5.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>D030-1 <br> 1964 - 1970</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>D5 <br> 1964 - 1975</div>	</td></tr>";
			output += "</table>";
			break;

		case "4": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/GO.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/D030-0.3.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> GO <br> 1965</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>D030-0.3 <br> 1965 - 1976</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/D030-3.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/D050-10.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>D030-3<br> 1966 - 1972</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>D050-10<br> 1966 - 1980</div>	</td></tr>";
			output += "</table>";
			break;			

		case "5": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/D08-1.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/VE21.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> D08-1 <br> 1967 - 1971 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>VE21 <br> 1967 - 1975</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/VE22.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/VE23.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>VE22 <br> 1967 - 1975</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>VE23.jpg <br> 1967 - 1975</div>	</td></tr>";
			output += "</table>";
			break;

		case "6": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/D10.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/TE3.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> D10 <br> 1968 - 1973 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>TE3 <br> 1968 - 1974</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/U5-10.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/VE28.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>U5-10 <br> 1968 - 1970</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>VE28 <br> 1968 - 1974</div>	</td></tr>";
			output += "</table>";
			break;

		case "7": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/C12-2.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/C30-0.2.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>C12-2 <br>1969 - 1975 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>C30-0.2 <br> 1969 - 1974</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/C30-1.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/C60-0.1.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>C30-1 <br> 1969 - 1975</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>C60-0.1 <br> 1969 - 1988</div>	</td></tr>";
			output += "</table>";
			break;

		case "8": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/CD15-1D.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/OP20-10.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> CD15-1D <br>1969 - 1978 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>OP20-10 <br> 1969 - 1972</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/OP-3.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/D2.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>OP-3<br> 1969 - 1972</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>D2 <br> 1970 - 1975</div>	</td></tr>";
			output += "</table>";
			break;
	
		case "9": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/E015-2.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/E030-1.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> E015-2 <br> 1970 - 2001 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>E030-1<br> 1970 - 2001</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/E060-0.6.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/M24-10.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>E060-0.6<br> 1970 - 2001</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>M24-10 <br> 1970 - 1986</div>	</td></tr>";
			output += "</table>";
			break;			
	
		case "10": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/M5-10.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/E015-20.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> M5-10 <br>1970 - 1986</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>E015-20 <br> 1971 - 1984</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/E018-0.6D.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/E030-10.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>E018-0.6D <br> 1971 - 2002</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>E030-10 <br> 1971 - 1984</div>	</td></tr>";
			output += "</table>";
			break;
	
		case "11": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/E060-6.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/E0300-0.1.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>E060-6 <br> 1971 - 1984</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>E0300-0.1 <br> 1972 - 2002</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/M12-5.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/MT24-10.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>M12-5 <br> 1972 - 1986</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>MT24-10<br> 1972 - 1975</div>	</td></tr>";
			output += "</table>";			
			break;
			
		case "12": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/MTC155.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/PR60-10.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>MTC155<br> 1972 - 1975</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>PR60-10 <br> 1972 - 1996</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/PR60-20.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/E030-3.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>PR60-20 <br> 1972 - 1996</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>E030-3 <br> 1973 - 1993</div>	</td></tr>";
			output += "</table>";
			break;

		case "13": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/MS015-20.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/MST015-20.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> MS015-20 <br> 1973 - 1981 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>MST015-20 <br> 1973 - 1981</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/MST030-10.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/C5-5.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>MST030-10<br> 1973 - 1981</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>C5-5 <br> 1974 - 1978</div>	</td></tr>";
			output += "</table>";
			break;

		case "14": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/CS100-TRAFO.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/CST100.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> CS100-TRAFO <br>1974 - 1994 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>CST100 <br> 1974 - 1994</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/CV15-2.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/CV30-1.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>CV15-2 <br> 1974 - 1987</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>CV30-1<br> 1974 - 1987</div>	</td></tr>";
			output += "</table>";
			break;			

		case "15": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/M12-2.5.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/MS5-30.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> M12-2.5 <br>1974 - 1986 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>MS5-30 <br> 1974 - 1980</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/MV30-6.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/U-15-250.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>MV30-6 <br> 1974 - 1985</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>U-15-250<br> 1976 - 1984</div>	</td></tr>";
			output += "</table>";
			break;

		case "16": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/U-5-1000A.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/U-5-500.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> U-5-1000A <br>1976 - 1991 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>U-5-500 <br> 1976 - 1984</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/UD5-200A.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/L5-5B.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>UD5-200A<br> 1976 - 1983</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>L5-5B<br> 1977 - 1991</div>	</td></tr>";
			output += "</table>";
			break;

		case "17": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/LD15-1C.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/30S15-15.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> LD15-1C<br>1977 - 1987 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>30S15-15 <br> 1979 - 1997</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/30S5.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/BK5-10.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>30S5 <br> 1979 - 1997</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>BK5-10 <br> 1979 - 1984</div>	</td></tr>";
			output += "</table>";
			break;

		case "18": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/L24-1.5B.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/L24-1.5C.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>L24-1.5B <br>1980 - 1987 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>L24-1.5C <br> 1980 - 1987</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/S15-15.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/S24-10.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>S15-15 <br> 1980 - 1988</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>S24-10 <br> 1980 - 1988</div>	</td></tr>";
			output += "</table>";
			break;
	
		case "19": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/S4-12.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/S5-40.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>S4-12 <br>1980 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>S5-40 <br> 1980 - 1988</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/LT30B.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/LT30T.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>LT30B<br> 1981 - 1987</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>LT30T <br> 1981 - 1987</div>	</td></tr>";
			output += "</table>";
			break;			
	
		case "20": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/SM6020.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/60S5.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>SM6020 <br> 1981 -1989 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>60S5<br> 1982 - 1993</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/75S15-15.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/BK12-1.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>75S15-15 <br> 1982 - 1993</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>BK12-1<br> 1982 - 1984</div>	</td></tr>";
			output += "</table>";
			break;
	
		case "21": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/ST60.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/BK15-15.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> ST60<br>1982 - 1998 </div></td>" ;
			output += "<td style='border-top:none'><div align='center'>BK15-15 <br> 1985 - 1993</div> </td></tr>" ;
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/EK030-10.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div><img src='images/museum/SM3540-D.jpg'></div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>EK030-10 <br> 1985 - 1996</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>SM3540-D <br> 1985 - 1997</div>	</td></tr>";
			output += "</table>";
			break;			
	
		case "22": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/PSC44M.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div><img src='images/museum/SM35-45.jpg'></div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> PSC44M <br> 1989 - 2002</div></td>" ;
			output += "<td style='border-top:none'><div align='center'> first generation SM1500-series <br>SM15-100,&nbsp 35-45,&nbsp 52-30,&nbsp 70-22,&nbsp 120-13,&nbsp 300-5<br> 1997 - 2005</div> </td></tr>" ;
			output += "<tr> <td width='342' height='285' style='border-bottom:none'><div><img src='images/museum/SM7020.jpg'></div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div>&nbsp;</div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> SM700-series<br>SM1540, SM7020, SM3004<br>1988 - 2007</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>&nbsp;</div>	</td></tr>";
			output += "</table>";
			break;

		case "23": 
			output += "<tr> <td width='342' style='border-bottom:none'><div><img src='images/museum/PSC44M.jpg'></div></td>" ;
			output += "<td width='342' style='border-bottom:none'><div>&nbsp;</div> </td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'> PSC44M <br> 1989 - 2002</div></td>" ;
			output += "<td style='border-top:none'><div align='center'> &nbsp;</div> </td></tr>" ;
			output += "<tr> <td width='342' height='285' style='border-bottom:none'><div>&nbsp;</div> </td>" ;
			output += " <td width='342' style='border-bottom:none'><div>&nbsp;</div></td></tr>" ;
			output += "<tr><td style='border-top:none'><div align='center'>&nbsp;</div></td>" ;
			output += "<td style='border-top:none'><div align='center'>&nbsp;</div>	</td></tr>";
			output += "</table>";
			break;


		default : 
			alert("Not Found");
	}

		div_panel.innerHTML = "";	
		div_panel.innerHTML= output;
		
		/*redraw page selector */
		var pageSelector = document.getElementById("PageSelector");
		pageSelector.innerHTML = "";	
		var i, codeBegin, codeMiddle, codeEnd;
		selector="<a href='#' onClick='ShowPage(\"1\")'>|&lt;</a>&nbsp;"
		codeBegin = "<a href='#' onClick='ShowPage(\"";
		codeMiddle = "\")'> ";
		codeEnd = "</a> &nbsp;|&nbsp"; 
		for (i = 1; i <this.maxPage+2;  ++i) {
			if (i == page){
				selector += codeBegin + i + codeMiddle + "<span class='style1'>"+ i +"</span>"+ codeEnd;
			}else{
				if (i == (this.maxPage+1)){
					selector += codeBegin + (i-1) + codeMiddle + "&gt;|</a>";	
				}else{
					if (i == this.maxPage){
						selector += codeBegin + i + codeMiddle+ i + "</a>";
					}else{
						selector += codeBegin + i + codeMiddle+ i + codeEnd;
					}
				}
			}
		}
		pageSelector.innerHTML = selector;
	
}

function buttonOver(){
	var pButton = document.getElementById("playbutton");
	pButton.style.color="#00FFFF";
}

function buttonOut(){
	var pButton = document.getElementById("playbutton");
	if (this.isClick == true){
		pButton.style.color="#E8781A";
	}else{
		pButton.style.color="#000000";
	}
}

function stopbuttonOver(){
	var pButton = document.getElementById("stopbutton");
	pButton.style.color="#00FFFF";
}

function stopbuttonOut(){
	var pButton = document.getElementById("stopbutton");
	pButton.style.color="#000000";
}

