//*---- Design Object /Axio ver1.10 by Artopix -------------------------------*//
//
//  Copyright(c)artopix
//  artopix@tarclub.com
//  http://artopix.tarclub.com/
//

var graph=new Array('x0.jpg','l0.jpg','l1.jpg','l2.jpg','l3.jpg','l4.jpg','l5.jpg','l6.jpg','l7.jpg');
var photo=new Array('0.jpg','1.jpg','2.jpg','3.jpg','4.jpg','5.jpg','6.jpg','7.jpg');
var msg=new Array('Contents','News&Topics','Entertainment','Graphics','Document','Products','Download','Support');
var ahf=new Array('WebDesign&Programming','Archives /Japanese','Animation skill/GIF','Graphic skill/Art','Programming&Design skill/WEB','Live&CD skill/Music','Server skill/ CGI','Go to Artopix Homepage');

//*---- Topics ---------------------------------------------------------------*//
function news(flag){
     if(flag==1){tpc.style.visibility='visible';ck1.style.background='#C80000';}
else{if(flag==0){tpc.style.visibility='hidden';ck1.style.background='#8689C9';}}
}
//*---- Animation ------------------------------------------------------------*//
function anim(flag){
     if(flag==1){ani.style.visibility='visible';ck2.style.background='#C80000';}
else{if(flag==0){ani.style.visibility='hidden';ck2.style.background='#8689C9';}}
}
function movi(){
document.writeln('<div id="ani"><img src="ani_obj.gif" width="200" height="150" alt="" onClick="anim(0)"></div>');
}
//*---- Graphics -------------------------------------------------------------*//
function grph(flag){
     if(flag==1){
        pho.style.visibility='visible';
        ck3.style.background='#C80000';}
else{if(flag==2){
        grp.style.visibility='hidden';}
else{if(flag==0){
        pho.style.visibility='hidden';
        grp.style.visibility='hidden';
        ck3.style.background='#8689C9';}
}}}
//*---- Images_Window --------------------------------------------------------*//
function wgrp(){
document.writeln('<div id="grp"><img name="lst" src="x0.jpg" width="400" height="300" onClick="grph(2)" alt=""></div>');
}
function scrImg(act){
     if(act>=1){
        grp.style.visibility='visible';
        document.images['lst'].src = graph[act];}
else{if(act==0){
        document.images['lst'].src = graph[act];}}
}
function phgp(){
document.write('<div id="pho" onClick="grph(0)"><p class="subwin"><i>Graphic Art</i></p>');
document.write('<table cellpadding="0" cellspacing="0" align="center"><tr>');
for(i=1;i<5;i++){
document.write('<td><img src="tm'+ i +'.jpg" width="80" height="60" alt="" onmouseOver="scrImg('+ i +')" onmouseOut="scrImg(0)"></td>');}
document.write('</tr><tr>');
for(i=5;i<9;i++){
document.write('<td><img src="tm'+ i +'.jpg" width="80" height="60" alt="" onmouseOver="scrImg('+ i +')" onmouseOut="scrImg(0)"></td>');}
document.write('</tr></table><center>');
document.write('If internet is conceived of as knowledge and philosophy as love, it is one of the greatest achievements of the world wide web.&nbsp;[Close]&nbsp;');
document.write('</center></div>');
}
//*---- Document -------------------------------------------------------------*//
function docf(i){
     if(i==1){fbg.style.color='#666';ck4.style.background='#C80000';}
else{if(i==0){fbg.style.color='#eee';ck4.style.background='#8689C9';}}
}
//*---- Product --------------------------------------------------------------*//
function prot(flag){
     if(flag==1){prt.style.visibility='visible';ck5.style.background='#C80000';}
else{if(flag==0){prt.style.visibility='hidden';ck5.style.background='#8689C9';}}
}
function info(){
document.writeln('<div id="prt" onClick="prot(0)"><br><img src="tar_cd.jpg" width="120" height="100" hspace="20" vspace="0" alt="□" align="left"><span class="cdshp">');
document.write(' Tar sound source CD ');
document.write(' $18　* produced by Ish & Tarclub<br>');
document.write('　1.Wind 2.Fire 3.Water 4.Earth<br clear=all><center>');
document.write('<a href="http://tarshop.tarclub.com/" class="at">');
document.write('Online / Tarshop</a><br>&nbsp;&nbsp;&nbsp;&nbsp;');
document.write('&nbsp;http://tarshop.tarclub.com/ &nbsp;&nbsp;[close]</center></div>');
}
//*---- DownLoard ------------------------------------------------------------*//
function dwld(flag){
     if(flag==1){dwl.style.visibility='visible';ck6.style.background='#C80000';}
else{if(flag==0){dwl.style.visibility='hidden';ck6.style.background='#8689C9';}}
}
function cgid(){
document.write('<div id="dwl"><p class="subwin">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');document.write('Topics Board CGI/tboard1v03&nbsp;&nbsp;&nbsp;&nbsp;');
document.write('<input type="button" value="*" onClick="dwld(0)" class="olnx"></p>');
document.writeln('<ul type="square">');
document.writeln('<li class="ah"><a href="http://artopix.tarclub.com/cgi-bin/tboard.cgi" class="aw">Sample design</a></li>');
document.writeln('<li class="ah"><a href="http://artopix.tarclub.com/free/tboard1v03.zip" class="aw">zip 12.4 KB (12,708 byte)</a></li>');
document.writeln('<li class="ah"><a href="http://artopix.tarclub.com/free/tboard1v03.lzh" class="aw">lzh 11.1 KB (11,403 byte)</a></li></ul>');
document.writeln('<p class="subwin">Guest Book CGI/bbs1v08</p>');
document.writeln('<ul type="square">');
document.writeln('<li class="ah"><a href="http://artopix.tarclub.com/cgi-bin/bbs1v08.cgi" class="aw">Sample design</a></li>');
document.writeln('<li class="ah"><a href="http://artopix.tarclub.com/free/bbs1v08.zip" class="aw">zip 12.5 KB (12,883 byte)</a></li>');
document.writeln('<li class="ah"><a href="http://artopix.tarclub.com/free/bbs1v08.lzh" class="aw">lzh 12.0 KB (12,382 byte)</a></li></ul></div>');
}
//*---- Support Panel --------------------------------------------------------*//
function sppt(p){
     if(p==1){spp.style.visibility='visible';onDiv(0);}
else{if(p==2){sp2.style.visibility='visible';}
else{if(p==0){spp.style.visibility='hidden';
              sp2.style.visibility='hidden';
              ck7.style.background='#C80000';}}}
}
function spp1(){
document.write('<div id="spp"><div id="sp1"><h4>Welcome to Artopix Homepage</h4>');
document.write(' This program is for Web Creator developed knotform writing, in which it encoded<br> the primary ratios of unit means instance was defined by the logical notation in W3C.<br></div>');
document.write('<div id="sp2"><iframe src="http://artopix.tarclub.com/cgi-bin/artips.cgi" width=640 height=480 marginwidth=0 marginheight=0 scrolling=0 frameborder=0></iframe></div>');
document.write('<div id="sp3"><span>　□ Support Board <input type="button" value="bbs" onClick="sppt(2)" class="ipt">&nbsp;<input type="button" value=" * " onClick="sppt(0)" class="ipt"></span></div></div>');
}
//*---- Mail -----------------------------------------------------------------*//
function opml(flag){
     if(flag==1){mlx.style.visibility='visible';}
else{if(flag==0){mlx.style.visibility='hidden';}}
}
function sdml(){
document.write('<form action="http://artopix.tarclub.com/cgi-bin/x_ml.cgi" method="post"><div id="mlx">');
document.write('<p class="oln1">Artopix/One-Mail&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
document.write('<input type="button" value="*" onClick="opml(0)" class="olnx"></p>');
document.write('<textarea name="comment" cols="50"rows="16">From:</textarea>');
document.write('<p class="oln2"><input type="submit" value="OK">&nbsp;&nbsp;');
document.write('&nbsp;&nbsp;<input type="reset" value="NO"></p></div></form>');
}

//*---- Main Object-----------------------------------------------------------*//
function onDiv(act){
     if(act==0){
        r=0;news(r);anim(r);grph(r);docf(r);prot(r);dwld(r);
        ck7.style.background='#8689C9';}
else{if(act==1){news(1);}
else{if(act==2){anim(1);}
else{if(act==3){grph(1);}
else{if(act==4){docf(1);}
else{if(act==5){prot(1);}
else{if(act==6){dwld(1);}
else{if(act==7){sppt(1);}
}}}}}}}
}
//*---- Goto Homepage ----------------------------------------------*//
function gohp(){location.href='http://artopix.tarclub.com/index.html';}
//*---------RollOver1----------------------*//
function chg(i){i.style.background='#8CA6CA';}
function rtn(i){i.style.background='#00007B';}
function clr(){sty='style.background="#8689C9"';
ck1.sty;ck2.sty;ck3.sty;ck4.sty;ck5.sty;ck6.sty;
}
//*---------RollOver2-----------------------------*//
function btnOn(n){
     if(n>=1){document.images['atx'].src = photo[n];}
else{if(n==0){document.images['atx'].src = photo[n];}}
}
function objMenu(){
cxy='<td id=tb1 colspan=2></td></tr><tr><td id=tb2 colspan=2></td>';
tbx='table cellpadding=0 cellspacing=0 border=0 id=';
thx='<td id=th1 colspan=2></td></tr><tr><td id=th2></td><td id=th3 onClick="gohp();"> '+msg[0]+'</td>';
dsty='style="width:337;height:3;border-width:0px;"';
//*-- Header -----------------------------------------------------------------*//
document.write('<div id="dow"><h3 class="pos">Artopix</h3><'+tbx+'td5>');
for(i=1; i<=8; i++){
document.write('<tr><td id=td'+i+' '+dsty+'></td></tr>');
}
document.write('<tr><td id=td9 '+dsty+'>'+ahf[0]+'</td></tr>');
for(j=8; j>=3; j--){
document.write('<tr><td id=td'+j+' '+dsty+'></td></tr>');
}
document.write('</table>');
//*-- Navigator --------------------------------------------------------------*//
document.write('<'+ tbx +'tbl1><tr><td><'+ tbx +'tbl2><tr>'+thx+'</tr>');
for(k=1; k<8; k++){
x=ahf[k];y=msg[k];
document.write('<tr>'+ cxy +'<tr><td id="ck'+ k +'" onClick="onDiv(0)" class="chk"></td><td id="tb4" onmouseover="btnOn('+ k +');chg(this);" onmouseout="btnOn(0);rtn(this);" onClick="onDiv('+ k +');"><a href="#" title="'+ x +'">'+ y +'</a></td></tr>');
}
//Copyright＆Mail
document.write('<tr>'+ cxy +'</tr></table></td><td id="tbg"><img name="atx" src="0.jpg" width="200" height="150" border="0" alt=""></td></tr></table>');
//*-- Footer -----------------------------------------------------------------*//
document.write('<address><img src="cross.gif" width=16 height=16 alt="Top" align=top>　Copyright&copy;Artopix　');
document.write('<a href="javascript:opml(1)" class="an">Mailto : Artopix</a></address></div>');
//*-- Sub Function -----------------------------------------------------------*//
movi();wgrp();cgid();phgp();info();sdml();spp1();
}