window.onload=function(){
setKidsImageReplace();
setImageReplace();
changeSize();
hukidashi();

}

function setKidsImageReplace(){

var target_uls=["kidsnav"];

for(j=0;j<target_uls.length;j++){
if(document.getElementById(target_uls[j])){
if(document.getElementById(target_uls[j]).getElementsByTagName('li')[0]){
target_images=document.getElementById(target_uls[j]).getElementsByTagName('li');

for(var i=0;i<target_images.length;i++){
target_image=document.getElementById(target_uls[j]).getElementsByTagName('li')[i];
if(target_image.getElementsByTagName('a')[0] && target_image.getAttribute('class')!="here" && target_image.getAttribute('className')!="here"){
if(target_image=target_image.getElementsByTagName('a')[0].getElementsByTagName('img')[0]){
if(target_image.addEventListener){
target_image.addEventListener('mouseover',kidsimageon,false);
target_image.addEventListener('mouseout',kidsimageoff,false);
}else if(target_image.attachEvent){
target_image.attachEvent('onmouseover',kidsimageon);
target_image.attachEvent('onmouseout',kidsimageoff);
}
}
}
}

}else if(document.getElementById(target_uls[j]).getElementsByTagName('dd')[0]){
target_images=document.getElementById(target_uls[j]).getElementsByTagName('dd');

for(var i=0;i<target_images.length;i++){
target_image=document.getElementById(target_uls[j]).getElementsByTagName('dd')[i];
if(target_image.getElementsByTagName('a')[0] && target_image.getAttribute('class')!="here" && target_image.getAttribute('className')!="here"){
if(target_image=target_image.getElementsByTagName('a')[0].getElementsByTagName('img')[0]){
if(target_image.addEventListener){
target_image.addEventListener('mouseover',kidsimageon,false);
target_image.addEventListener('mouseout',kidsimageoff,false);
}else if(target_image.attachEvent){
target_image.attachEvent('onmouseover',kidsimageon);
target_image.attachEvent('onmouseout',kidsimageoff);
}
}
}
}

}
}
}
}

function kidsimageon(evt){
if(evt.currentTarget){
var imagename=evt.target.src;
if(imagename.lastIndexOf("_off.gif")!=1){
imagename=imagename.substr(0,imagename.lastIndexOf("_off.gif"));
evt.target.src=imagename + "_on.gif";
}
}else if(window.event){
var imagename=evt.srcElement.src;
if(imagename.lastIndexOf("_off.gif")!=1){
imagename=imagename.substr(0,imagename.lastIndexOf("_off.gif"));
evt.srcElement.src=imagename + "_on.gif";
}
}
}

function kidsimageoff(evt){
if(evt.currentTarget){
var imagename=evt.target.src;
if(imagename.lastIndexOf("_on.gif")!=-1){
imagename=imagename.substr(0,imagename.lastIndexOf("_on.gif"));
evt.target.src=imagename + "_off.gif";
}
}else if(window.event){
var imagename=evt.srcElement.src;
if(imagename.lastIndexOf("_on.gif")!=-1){
imagename=imagename.substr(0,imagename.lastIndexOf("_on.gif"));
evt.srcElement.src=imagename + "_off.gif";
}
}
}

function hukidashi(){
var target_btn=document.getElementById("goto_play");
if(target_btn.addEventListener){
target_btn.addEventListener('mouseover',function(){show("play");},false);
target_btn.addEventListener('mouseout',hide,false);
}else if(target_btn.attachEvent){
target_btn.attachEvent('onmouseover',function(){show("play");});
target_btn.attachEvent('onmouseout',hide);
}

var target_btn=document.getElementById("goto_about");
if(target_btn.addEventListener){
target_btn.addEventListener('mouseover',function(){show("about");},false);
target_btn.addEventListener('mouseout',hide,false);
}else if(target_btn.attachEvent){
target_btn.attachEvent('onmouseover',function(){show("about");});
target_btn.attachEvent('onmouseout',hide);
}

var target_btn=document.getElementById("goto_watch");
if(target_btn.addEventListener){
target_btn.addEventListener('mouseover',function(){show("watch");},false);
target_btn.addEventListener('mouseout',hide,false);
}else if(target_btn.attachEvent){
target_btn.attachEvent('onmouseover',function(){show("watch");});
target_btn.attachEvent('onmouseout',hide);
}

var target_btn=document.getElementById("goto_exp");
if(target_btn.addEventListener){
target_btn.addEventListener('mouseover',function(){show("exp");},false);
target_btn.addEventListener('mouseout',hide,false);
}else if(target_btn.attachEvent){
target_btn.attachEvent('onmouseover',function(){show("exp");});
target_btn.attachEvent('onmouseout',hide);
}

}



var imagename = new Object();
imagename["play"]="kids_top_fukidashi_01.gif";
imagename["about"]="kids_top_fukidashi_02.gif";
imagename["watch"]="kids_top_fukidashi_03.gif";
imagename["exp"]="kids_top_fukidashi_04.gif";

var clicktop = new Object();
clicktop["play"]="120px";
clicktop["about"]="300px";
clicktop["watch"]="-10px";
clicktop["exp"]="100px";

var clickleft = new Object();
clickleft["play"]="300px";
clickleft["about"]="10px";
clickleft["watch"]="350px";
clickleft["exp"]="200px";

function show(which){
document.getElementById('hukidashi').style.top=clicktop[which];
document.getElementById('hukidashi').style.left=clickleft[which];
document.getElementById('hukidashi').style.backgroundImage="url(../img/"+imagename[which]+")";
}


function hide(evt){
document.getElementById('hukidashi').style.backgroundImage="";
}












function changeSize(){
var target_btn=document.getElementById('size_s');
if(target_btn.addEventListener){
target_btn.addEventListener('click',smalltext,false);
}else if(target_btn.attachEvent){
target_btn.attachEvent('onclick',smalltext);
}
var target_btn=document.getElementById('size_m');
if(target_btn.addEventListener){
target_btn.addEventListener('click',midiumtext,false);
}else if(target_btn.attachEvent){
target_btn.attachEvent('onclick',midiumtext);
}
var target_btn=document.getElementById('size_l');
if(target_btn.addEventListener){
target_btn.addEventListener('click',largetext,false);
}else if(target_btn.attachEvent){
target_btn.attachEvent('onclick',largetext);
}
}


function setImageReplace(){

var target_uls=["search"];

for(j=0;j<target_uls.length;j++){
if(document.getElementById(target_uls[j])){
if(document.getElementById(target_uls[j]).getElementsByTagName('dd')[0]){
target_images=document.getElementById(target_uls[j]).getElementsByTagName('dd');

for(var i=0;i<target_images.length;i++){
target_image=document.getElementById(target_uls[j]).getElementsByTagName('dd')[i];
if(target_image.addEventListener){
target_image.addEventListener('mouseover',imageon,false);
target_image.addEventListener('mouseout',imageoff,false);
}else if(target_image.attachEvent){
target_image.attachEvent('onmouseover',imageon);
target_image.attachEvent('onmouseout',imageoff);
}
}

}
}
}
}

function imageon(evt){
if(evt.currentTarget){
var imagename=evt.target.src;
if(imagename.lastIndexOf("_off.gif")!=1){
imagename=imagename.substr(0,imagename.lastIndexOf("_off.gif"));
evt.target.src=imagename + "_on.gif";
}
}else if(window.event){
var imagename=evt.srcElement.src;
if(imagename.lastIndexOf("_off.gif")!=1){
imagename=imagename.substr(0,imagename.lastIndexOf("_off.gif"));
evt.srcElement.src=imagename + "_on.gif";
}
}
}

function imageoff(evt){
if(evt.currentTarget){
var imagename=evt.target.src;
if(imagename.lastIndexOf("_on.gif")!=-1){
imagename=imagename.substr(0,imagename.lastIndexOf("_on.gif"));
evt.target.src=imagename + "_off.gif";
}
}else if(window.event){
var imagename=evt.srcElement.src;
if(imagename.lastIndexOf("_on.gif")!=-1){
imagename=imagename.substr(0,imagename.lastIndexOf("_on.gif"));
evt.srcElement.src=imagename + "_off.gif";
}
}
}

function smalltext(evt){
document.getElementById('wrapper').style.fontSize="83%";
}

function midiumtext(evt){
document.getElementById('wrapper').style.fontSize="100%";
}

function largetext(evt){
document.getElementById('wrapper').style.fontSize="113%";
}