var isNav, isIE;
var move;
var mapx;
var mapy;
var circl=1;
var lod="no";
var hiddenImg1;
var hiddenImg2;
var foto;





hiddenImg1= new Image();
hiddenImg1.src= "gif/circle1.gif";
hiddenImg2= new Image();
hiddenImg2.src= "gif/circle2.gif";




if (navigator.appName == "Netscape")
{
isNav = true;
window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.MOUSEMOVE);
}
else
{
isIE = true;
}




var sloy=1;
var zim=58;
var zit=108;
var zis=57;

function ll(){


if (circl==1){document.getElementById('cir5').src=hiddenImg2.src;}

if (circl==2){document.getElementById('cir6').src=hiddenImg2.src;}

if (circl==3){document.getElementById('cir7').src=hiddenImg2.src;}

if (circl==4){document.getElementById('cir8').src=hiddenImg2.src;}

if (circl==5){document.getElementById('cir9').src=hiddenImg2.src;}

if (circl==6){document.getElementById('cir10').src=hiddenImg2.src;}

if (circl==7){document.getElementById('cir11').src=hiddenImg2.src;}

if (circl==8){document.getElementById('cir12').src=hiddenImg2.src;}

if (circl==9){document.getElementById('cir1').src=hiddenImg2.src;}

if (circl==10){document.getElementById('cir2').src=hiddenImg2.src;}

if (circl==11){document.getElementById('cir3').src=hiddenImg2.src;}

if (circl==12){document.getElementById('cir4').src=hiddenImg2.src;}


circl=circl+1;
if (circl==13){
circl=1;
fotobuf=hiddenImg1.src;
hiddenImg1.src= hiddenImg2.src;
hiddenImg2.src= fotobuf;
};
if (lod=="no"){setTimeout("ll()", 400);}
}

function init()
{
lod="y";

document.getElementById("zero").style.visibility="hidden";

document.getElementById("index").style.visibility="visible";

document.getElementById("onegaonline").style.visibility="visible";

document.getElementById("m1").style.visibility="visible";
document.getElementById("s1").style.visibility="visible";
document.getElementById("t1").style.visibility="visible";
document.getElementById("text1").style.visibility="visible";
document.getElementById("text2").style.visibility="visible";

document.getElementById("m2").style.visibility="visible";
document.getElementById("s2").style.visibility="visible";
document.getElementById("t2").style.visibility="visible";
document.getElementById("text12").style.visibility="visible";
document.getElementById("text22").style.visibility="visible";

document.getElementById("m3").style.visibility="visible";
document.getElementById("s3").style.visibility="visible";
document.getElementById("t3").style.visibility="visible";
document.getElementById("text13").style.visibility="visible";
document.getElementById("text23").style.visibility="visible";

document.getElementById("m4").style.visibility="visible";
document.getElementById("s4").style.visibility="visible";
document.getElementById("t4").style.visibility="visible";
document.getElementById("text14").style.visibility="visible";
document.getElementById("text24").style.visibility="visible";

document.getElementById("m5").style.visibility="visible";
document.getElementById("s5").style.visibility="visible";
document.getElementById("t5").style.visibility="visible";
document.getElementById("text15").style.visibility="visible";
document.getElementById("text25").style.visibility="visible";

document.getElementById("m6").style.visibility="visible";
document.getElementById("s6").style.visibility="visible";
document.getElementById("t6").style.visibility="visible";
document.getElementById("text16").style.visibility="visible";
document.getElementById("text26").style.visibility="visible";

document.getElementById("m7").style.visibility="visible";
document.getElementById("s7").style.visibility="visible";
document.getElementById("t7").style.visibility="visible";
document.getElementById("text17").style.visibility="visible";
document.getElementById("text27").style.visibility="visible";

document.getElementById("m8").style.visibility="visible";
document.getElementById("s8").style.visibility="visible";
document.getElementById("t8").style.visibility="visible";
document.getElementById("text18").style.visibility="visible";
document.getElementById("text28").style.visibility="visible";

document.getElementById("star").style.visibility="visible";



if (isNav){document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP | Event.MOUSEMOVE);}

document.getElementById("text1").onmousedown = grabMap;
document.getElementById("text1").onmousemove = dragMap;
document.getElementById("text1").onmouseup = releaseMap;

document.getElementById("text12").onmousedown = grabMap;
document.getElementById("text12").onmousemove = dragMap;
document.getElementById("text12").onmouseup = releaseMap;

document.getElementById("text13").onmousedown = grabMap;
document.getElementById("text13").onmousemove = dragMap;
document.getElementById("text13").onmouseup = releaseMap;

document.getElementById("text14").onmousedown = grabMap;
document.getElementById("text14").onmousemove = dragMap;
document.getElementById("text14").onmouseup = releaseMap;

document.getElementById("text15").onmousedown = grabMap;
document.getElementById("text15").onmousemove = dragMap;
document.getElementById("text15").onmouseup = releaseMap;

document.getElementById("text16").onmousedown = grabMap;
document.getElementById("text16").onmousemove = dragMap;
document.getElementById("text16").onmouseup = releaseMap;

document.getElementById("text17").onmousedown = grabMap;
document.getElementById("text17").onmousemove = dragMap;
document.getElementById("text17").onmouseup = releaseMap;

document.getElementById("text18").onmousedown = grabMap;
document.getElementById("text18").onmousemove = dragMap;
document.getElementById("text18").onmouseup = releaseMap;
return false;

} 



function menu(id){

if (sloy==id){}else{

document.getElementById("m" + sloy).style.zIndex=zim;
document.getElementById("t" + sloy).style.zIndex=zit;
document.getElementById("s" + sloy).style.zIndex=zis;

zim = document.getElementById("m" + id).style.zIndex;
zit = document.getElementById("t" + id).style.zIndex;
zis = document.getElementById("s" + id).style.zIndex;

document.getElementById("m" + sloy).style.top =parseInt(document.getElementById("m" + sloy).style.top) - (sloy-1)*2;
document.getElementById("t" + sloy).style.top =parseInt(document.getElementById("t" + sloy).style.top) - (sloy-1)*2;
document.getElementById("s" + sloy).style.left=parseInt(document.getElementById("s" + sloy).style.left) + (sloy-1)*2;
document.getElementById("s" + sloy).style.top =parseInt(document.getElementById("s" + sloy).style.top) - (sloy-1)*2;

document.getElementById("m" + id).style.top =parseInt(document.getElementById("m" + id).style.top) + (id-1)*2;
document.getElementById("t" + id).style.top =parseInt(document.getElementById("t" + id).style.top) + (id-1)*2;
document.getElementById("s" + id).style.left=parseInt(document.getElementById("s" + id).style.left) - (id-1)*2;
document.getElementById("s" + id).style.top =parseInt(document.getElementById("s" + id).style.top) + (id-1)*2;

document.getElementById("m" + id).style.zIndex=301;
document.getElementById("t" + id).style.zIndex=302;
document.getElementById("s" + id).style.zIndex=300;

sloy = id;
}
}






function grabMap(e){

move = "ok";

if (isNav)
{
mapx = e.pageX;

mapy = e.pageY;

}
else
{

mapx = window.event.clientX ;
mapy = window.event.clientY ;

}



return false;
}

function dragMap(e){

if (move=="ok"){
x= parseInt(document.getElementById('index').style.left);
y= parseInt(document.getElementById('index').style.top) ;

if (isNav)
{
document.getElementById('index').style.left= x-(mapx - e.pageX);
document.getElementById('index').style.top = y-(mapy - e.pageY);
}
else
{
document.getElementById('index').style.left= x-(mapx - window.event.clientX);
document.getElementById('index').style.top = y-(mapy - window.event.clientY);
}

if (isNav)
{
mapx = e.pageX;

mapy = e.pageY;

}
else
{

mapx = window.event.clientX ;
mapy = window.event.clientY ;
}
}
}

function releaseMap(e){
move="no";
}


function innertext(id, foto, text){
document.getElementById(id).innerHTML= "<center><img src='gif/" + foto +"'></center>";
}

function clstext(id, text){
document.getElementById(id).innerHTML= "<center><img src='gif/map1.gif'></center>";
}



function stop(){
move="no";
}