var lappari = new Array(' ','piha1','piha2','piha5','piha6','piha7','piha8','piha9',
'piha10','porras4','porras5','sisa2','sisa3','porras1','piha3','piha4','porras2','porras3','sisa1')

var luuppi=lappari.length
var foto = new Array()
var fold="btns/"
var laji=".gif"
var fold2="images/"
var laji2=".jpg"
var tosi = new Boolean(0)
var maski=new Image()
maski.src="images/pictpg.gif"
var pic1=new Image()
pic1.src="btns/kuva2_over.gif"
var pic2=new Image()
pic2.src="btns/kuva2.gif"
var pic3=new Image()
pic3.src="btns/dia_over.gif"
var pic4=new Image()
pic4.src="btns/dia.gif"

function roll(i){
var x=document.getElementById('b1')
var y=document.getElementById('b2')
switch (i)
{
case 0:
x.src=pic1.src
break
case 1:
x.src=pic2.src
break
case 2:
y.src=pic3.src
break
case 3:
y.src=pic4.src
}
}

function show(){
var x=document.getElementById('kato')
x.style.color="red"
t=setTimeout('hide()',500)
}
function hide(){
var x=document.getElementById('kato')
x.style.color="white"
t=setTimeout('show()',500)
}

function fotot(){
xyz=document.getElementById('kroppa')
xyz.style.backgroundImage="none"
xyz.style.backgroundColor="#000000"
tosi=1
for(i=1;i<=luuppi;i++){
foto[i]=fold2+lappari[i]+laji2
}
rainat()
}



var j = 0
var z=0
var xx=1

function kuvia(j){
xyz=document.getElementById('kroppa')
xyz.style.backgroundImage="none"
xyz.style.backgroundColor="#000000"
tosi=0
foto[xx]=fold2+lappari[xx]+laji2
xx+=j
rainat()
}

var num=1
function rainat(){
var y = document.getElementById('laplah')
if(num==1 || num==13)
{y.style.width='440'+'px';y.style.height='440'+'px';y.src=maski.src}
if(num<=12)
{y.style.width='440'+'px';y.style.height='295'+'px'}
else{y.style.width='295'+'px';y.style.height='440'+'px'}
y.src=foto[num]
if(num==luuppi-1){num=1}
else{num++}
if(tosi)
{t=setTimeout('rainat()',1500)}
}