//画像のプリロード
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//ウィンドウの横サイズの取得
function getWindowWidth(){
  if(window.innerWidth) return window.innerWidth; // Mozilla, Opera, NN4
  if(document.documentElement && document.documentElement.clientWidth){ // 以下 IE
   return document.documentElement.clientWidth;
  }
  else if(document.body && document.body.clientWidth){
   return document.body.clientWidth;
  }
  return 0;
}

//表示座標移動
function moveDivTo(div,left,top){
  window_size = getWindowWidth() * 0.5;
  //window_size = left;
  
  if(document.layers){ div.moveTo(window_size,top); return; } // NN4
  // IE5+, Mozilla, Opera 7
  if(typeof div.style.left!="undefined" && typeof div.style.left=="string"){ 
    div.style.left= window_size +'px';
    div.style.top = top +'px';
  }
  else if(typeof div.style.pixelLeft!="undefined"){ // IE4, Opera 6
    div.style.pixelLeft=window_size;
    div.style.pixelTop =top;
  }
}

//エレメントの表示
function popUp(i) {
	
//x = event.x + document.body.scrollLeft;
//y = event.y + document.body.scrollTop;

	window_size = getWindowWidth() * 0.5 - 300;
	if(i==1){
		//moveDivTo( this.com1,460,465 );
		document.getElementById("com1").style.visibility="visible";
		document.getElementById("com1").style.left = window_size + 'px';
		//document.getElementById("com1").style.left = 460 + 'px';
		document.getElementById("com1").style.top = 787 + 'px';
		//com1.style.left = 460;
		//com1.style.top = 463;
		//com1.style.visibility = "visible";
	}else if(i==2){
		//moveDivTo(com2,460,524);
		document.getElementById("com2").style.visibility="visible";
		document.getElementById("com2").style.left = window_size + 'px';
		//document.getElementById("com2").style.left = 460 + 'px';
		document.getElementById("com2").style.top = 829 + 'px';
//		com2.style.left = event.x + 10;
//		com2.style.top = event.y - 5;
//		com2.style.visibility = "visible";
	}else{
		document.getElementById("com3").style.visibility="visible";
		document.getElementById("com3").style.left = window_size + 'px';
		document.getElementById("com3").style.top = 954 + 'px';
	}

}

//エレメントの非表示
function hidePop(i) {
	if(i==1){
		document.getElementById('com1').style.visibility='hidden'
		//com1.style.visibility = "hidden";
	}else if(i==2){
		document.getElementById('com2').style.visibility='hidden'
	}else{
		document.getElementById('com3').style.visibility='hidden'
		//com2.style.visibility = "hidden";
	}
}


//画像入れ替え処理
function Click_Sub1(i) {
        var inHTML="<table width='403' border='0' cellspacing='0' cellpadding='0'>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'><img src='images/0" + i + ".gif' width='403' height='370'></td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'>&nbsp;</td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
		if(i==1){
        	inHTML = inHTML + "<td width='100'>&nbsp;</td>";
		}else{
			c1 = i-1;
        	inHTML = inHTML + "<td width='100'><a href='javascript:Click_Sub1(c1),initRollovers()'><img src='images/02-01.jpg' width='100' height='68' border='0' class='imgover'></td>";		
		}
        inHTML = inHTML + "<td width='203'>&nbsp;</td>";
		if(i==8){
			inHTML = inHTML + "<td width='100'>&nbsp;</td>";
		}else{
			c2 = i+1;
       		inHTML = inHTML + "<td width='100'><a href='javascript:Click_Sub1(c2),initRollovers()'><img src='images/01-01.jpg' width='100' height='68' border='0' class='imgover'></a></td>";
		}
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "</table>";
		document.getElementById('div1').innerHTML = inHTML;
}

function Click_Sub2(i) {
		x=i+2
        var inHTML="<table width='403' border='0' cellspacing='0' cellpadding='0'>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'><img src='images/0" + x + ".gif' width='403' height='370'></td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'>&nbsp;</td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td width='100'>&nbsp;</td>";
		inHTML = inHTML + "<td width='203'><table width='200' border='0' align='center' cellpadding='0' cellspacing='0'>";
		inHTML = inHTML + "<tr>";
		if(i==2){
			inHTML = inHTML + "<td><img src='images/aicon/s02-x.gif' alt='2コマ目' width='100' height='83' border='0'></td>";
		}else{
			inHTML = inHTML + "<td><a href='Javascript:Click_Sub2(2),initRollovers()'><img src='images/aicon/s02-n.gif' alt='2コマ目' width='100' height='83' border='0' class='imgover'></a></td>";
		}
		if(i==1){
			inHTML = inHTML + "<td><img src='images/aicon/s01-x.gif' alt='1コマ目' width='100' height='83' border='0'></td>";
		}else{
			inHTML = inHTML + "<td><a href='Javascript:Click_Sub2(1),initRollovers()'><img src='images/aicon/s01-n.gif' alt='1コマ目' width='100' height='83' border='0' class='imgover'></a></td>";
		}
		inHTML = inHTML + "</tr>";
		inHTML = inHTML + "<tr>";
		if(i==4){
			inHTML = inHTML + "<td><img src='images/aicon/s04-x.gif' alt='4コマ目' width='100' height='73' border='0'></td>";
		}else{
			inHTML = inHTML + "<td><a href='Javascript:Click_Sub2(4),initRollovers()'><img src='images/aicon/s04-n.gif' alt='4コマ目' width='100' height='73' border='0'  class='imgover'></a></td>";
		}
		if(i==3){
			inHTML = inHTML + "<td><img src='images/aicon/s03-x.gif' alt='3コマ目' width='100' height='73' border='0'></td>";
		}else{
			inHTML = inHTML + "<td><a href='Javascript:Click_Sub2(3),initRollovers()'><img src='images/aicon/s03-n.gif' alt='3コマ目' width='100' height='73' border='0'  class='imgover'></a></td>";
		}
		inHTML = inHTML + "</tr>";
		inHTML = inHTML + "<tr>";
		if(i==6){
			inHTML = inHTML + "<td><img src='images/aicon/s06-x.gif' alt='6コマ目' width='100' height='83' border='0'></td>";
		}else{
			inHTML = inHTML + "<td><a href='Javascript:Click_Sub2(6),initRollovers()'><img src='images/aicon/s06-n.gif' alt='6コマ目' width='100' height='83' border='0'  class='imgover'></a></td>";
		}
		if(i==5){
			inHTML = inHTML + "<td><img src='images/aicon/s05-x.gif' alt='5コマ目' width='100' height='83' border='0'></td>";
		}else{
			inHTML = inHTML + "<td><a href='Javascript:Click_Sub2(5),initRollovers()'><img src='images/aicon/s05-n.gif' alt='5コマ目' width='100' height='83' border='0'  class='imgover'></a></td>";
		}
		inHTML = inHTML + "</tr>";
		inHTML = inHTML + "</table></td>";
		inHTML = inHTML + "<td width='100'>&nbsp;</td>"
        inHTML = inHTML + "</tr>"
        inHTML = inHTML + "</table>"
		document.getElementById('div1').innerHTML = inHTML;
}

function Click_Sub3(i) {
        var inHTML="<table width='403' border='0' cellspacing='0' cellpadding='0'>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'><img src='images/0" + i + ".gif' width='403' height='370'></td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'>&nbsp;</td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td width='100'>&nbsp;</td>";
		inHTML = inHTML + "<td width='203'>&nbsp;</td>";
		inHTML = inHTML + "<td width='100'>&nbsp;</td>"
        inHTML = inHTML + "</tr>"
        inHTML = inHTML + "</table>"
		
		var inHTML2="<table width='640' border='0' cellspacing='0' cellpadding='0'>";
		inHTML2 = inHTML2 + "<tr>";
		if(i==1){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/01n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub3(1),initRollovers()'><img src='images/aicon/01b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==2){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/02n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub3(2),initRollovers()'><img src='images/aicon/02b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==3){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/03n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub3(3),initRollovers()'><img src='images/aicon/03b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==4){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/04n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub3(4),initRollovers()'><img src='images/aicon/04b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==5){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/05n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub3(5),initRollovers()'><img src='images/aicon/05b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==6){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/06n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub3(6),initRollovers()'><img src='images/aicon/06b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==7){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/07n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub3(7),initRollovers()'><img src='images/aicon/07b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==8){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/08n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub3(8),initRollovers()'><img src='images/aicon/08b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		inHTML2 = inHTML2 + "</tr>";
		inHTML2 = inHTML2 + "</table>";
		
		document.getElementById('div1').innerHTML = inHTML;
		document.getElementById('div3').innerHTML = inHTML2;
}

function Click_Sub4(i) {
        var inHTML="<table width='401' border='0' cellspacing='0' cellpadding='0'>";
        inHTML = inHTML + "<tr>";
		if(i==0){
			inHTML = inHTML + "<td colspan='3'><img src='images/aicon/manga-space.jpg' width='401' height='338'></td>";
		}else{
			inHTML = inHTML + "<td colspan='3'><img src='images/0" + i + ".gif' width='401' height='338'></td>";
		}
		inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'>&nbsp;</td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td width='100'>&nbsp;</td>";
		inHTML = inHTML + "<td width='202'>&nbsp;</td>";
		inHTML = inHTML + "<td width='99'>&nbsp;</td>"
        inHTML = inHTML + "</tr>"
        inHTML = inHTML + "</table>"
		
		document.getElementById('div1').innerHTML = inHTML;
}

function Click_Sub5(i) {
        var inHTML="<table width='403' border='0' cellspacing='0' cellpadding='0'>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'><img src='images/0" + i + ".gif' width='403' height='370'></td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td colspan='3'>&nbsp;</td>";
        inHTML = inHTML + "</tr>";
        inHTML = inHTML + "<tr>";
        inHTML = inHTML + "<td width='100'>&nbsp;</td>";
		inHTML = inHTML + "<td width='203'>&nbsp;</td>";
		inHTML = inHTML + "<td width='100'>&nbsp;</td>"
        inHTML = inHTML + "</tr>"
        inHTML = inHTML + "</table>"
		
		var inHTML2="<table width='640' border='0' cellspacing='0' cellpadding='0'>";
		inHTML2 = inHTML2 + "<tr>";
		if(i==1){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/01n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub5(1),initRollovers()' onmouseover='Click_Sub4(1)'><img src='images/aicon/01b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==2){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/02n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub5(2),initRollovers()' onmouseover='Click_Sub4(2)'><img src='images/aicon/02b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==3){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/03n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub5(3),initRollovers()' onmouseover='Click_Sub4(3)' ><img src='images/aicon/03b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==4){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/04n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub5(4),initRollovers()' onmouseover='Click_Sub4(4)' ><img src='images/aicon/04b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==5){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/05n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub5(5),initRollovers()' onmouseover='Click_Sub4(5)'><img src='images/aicon/05b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==6){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/06n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub5(6),initRollovers()' onmouseover='Click_Sub4(6)'><img src='images/aicon/06b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==7){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/07n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub5(7),initRollovers()' onmouseover='Click_Sub4(7)'><img src='images/aicon/07b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		if(i==8){
			inHTML2 = inHTML2 + "<td width='80'><img src='images/aicon/08n.gif' width='80' height='67' border='0'></td>";
		}else{
			inHTML2 = inHTML2 + "<td width='80'><a href='Javascript:Click_Sub5(8),initRollovers()' onmouseover='Click_Sub4(8)'><img src='images/aicon/08b.gif' width='80' height='67' border='0' class='imgover'></a></td>";
		}
		inHTML2 = inHTML2 + "</tr>";
		inHTML2 = inHTML2 + "</table>";
		
		document.getElementById('div1').innerHTML = inHTML;
		document.getElementById('div3').innerHTML = inHTML2;
}

function main_menu(){
	var inHTML="<table width='664' border='0' cellspacing='0' cellpadding='0'>";
    inHTML = inHTML + "<tr>";
    inHTML = inHTML + "<td><table width='664' border='0' cellspacing='0' cellpadding='0'>"
    inHTML = inHTML + "<tr>";
    inHTML = inHTML + "<td width='403' valign='top'>";
    inHTML = inHTML + "<table width='403' border='0' cellspacing='0' cellpadding='0'>";
    inHTML = inHTML + "<tr>";
    inHTML = inHTML + "<td colspan='3'><img src='images/aicon/manga-space.jpg' width='403' height='370'></td>"
    inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td colspan='3'>&nbsp;</td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td width='100'>&nbsp;</td>";
	inHTML = inHTML + "<td width='203'>&nbsp;</td>";
	inHTML = inHTML + "<td width='100'><a href='javascript:Click_managa();'><img src='images/aicon/next.jpg' width='100' height='68' border='0'></a></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "</table>";
	inHTML = inHTML + "</td>";
	inHTML = inHTML + "<td width='21'>&nbsp;</td>";
	inHTML = inHTML + "<td width='243' valign='top'><table width='243' border='0' cellspacing='0' cellpadding='0'>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/aicon/contents-menu.jpg' width='243' height='27'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/spacer.gif' alt='' width='10' height='10'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><a href='visual-mokuji/index.html' onmouseover='popUp(1)'  onmouseout='hidePop(1)'><img src='images/aicon/contents-menu-flash.jpg' width='243' height='48' border='0'></a></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/spacer.gif' alt='' width='10' height='10'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><a href='normal-mokuji/index.html' onmouseover='popUp(2)'  onmouseout='hidePop(2)'><img src='images/aicon/contents-menu-html.jpg' width='243' height='48' border='0'></a></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/spacer.gif' alt='' width='10' height='10'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><a href='mente-pr/nichijou/index.html'><img src='images/aicon/contents-menu-maintenance.jpg' width='243' height='48' border='0'></a></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/spacer.gif' alt='' width='10' height='10'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><a href='caracter-flash/benly_sample.html'><img src='images/aicon/caracter-flash.jpg' width='243' height='48' border='0'></a></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/spacer.gif' alt='' width='10' height='50'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/aicon/link-menu.jpg' width='243' height='27'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/spacer.gif' alt='' width='10' height='10'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><a href='inspection-motor/index.html'><img src='images/aicon/link-01.jpg' width='243' height='60' border='0'></a></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/spacer.gif' alt='' width='10' height='10'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td><img src='images/aicon/link-02.jpg' width='243' height='60'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "</table></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "</table></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td>&nbsp;</td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td>&nbsp;</td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td>&nbsp;</td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "</table>";
	document.getElementById('main').innerHTML = inHTML;
}

function Click_managa(){
	
	var inHTML="<table width='640' border='0' cellspacing='0' cellpadding='0'>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td align='center'><img src='image/aicon/top_manga.gif' width='628' height='781'></td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
    inHTML = inHTML + "<td>&nbsp;</td>";
    inHTML = inHTML + "</tr>";
    inHTML = inHTML + "<tr>";
    inHTML = inHTML + "<td align='center'><a href='javascript:main_menu();'><img src='images/aicon/back.jpg' width='100' height='68' border='0'></a></td>";
    inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td align='center'>&nbsp;</td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td align='center'>&nbsp;</td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "<tr>";
	inHTML = inHTML + "<td align='center'>&nbsp;</td>";
	inHTML = inHTML + "</tr>";
	inHTML = inHTML + "</table>";
	document.getElementById('main').innerHTML = inHTML;
}

function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'imgover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_o'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

//window.onload = initRollovers;