var bregg=20
var left_position=64
var mid_position=129
var right_position=262
var leftright_top=45
var mid_top=27
var min_hojd=132
var min_vidd=127
var max_hojd=203
var max_vidd=195


function check1(){
if(document.getElementById("timerBox").offsetLeft<=0){
action1()}
}
function check2(){
if(document.getElementById("timerBox").offsetLeft<=0){
action2()}
}
function check3(){
if(document.getElementById("timerBox").offsetLeft<=0){
action3()}
}

function action1(){
if(document.getElementById("div1").offsetLeft<=left_position+1){
autoMove1_1()}
if(document.getElementById("div1").offsetLeft>=right_position-1){
autoMove1_2()}
}
function action2(){
if(document.getElementById("div2").offsetLeft<=left_position+1){
autoMove2_1()}
if(document.getElementById("div2").offsetLeft>=right_position-1){
autoMove2_2()}
}
function action3(){
if(document.getElementById("div3").offsetLeft<=left_position+1){
autoMove3_1()}
if(document.getElementById("div3").offsetLeft>=right_position-1){
autoMove3_2()}
}

function autoMove1_1(){
bugg=document.getElementById("div1")
bugg2=document.getElementById("div2")
bugg3=document.getElementById("div3")
fromLeft()
}

function autoMove1_2(){
bugg=document.getElementById("div2")
bugg2=document.getElementById("div3")
bugg3=document.getElementById("div1")
fromRight()
}

function autoMove2_1(){
bugg=document.getElementById("div2")
bugg2=document.getElementById("div3")
bugg3=document.getElementById("div1")
fromLeft()
}

function autoMove2_2(){
bugg=document.getElementById("div3")
bugg2=document.getElementById("div1")
bugg3=document.getElementById("div2")
fromRight()
}

function autoMove3_1(){
bugg=document.getElementById("div3")
bugg2=document.getElementById("div1")
bugg3=document.getElementById("div2")
fromLeft()
}

function autoMove3_2(){
bugg=document.getElementById("div1")
bugg2=document.getElementById("div2")
bugg3=document.getElementById("div3")
fromRight()
}


function fromLeft(){                                /* FROM LEFT */
tB=document.getElementById("timerBox")
rundning=0.4
x_tB=tB.offsetLeft
x_tB+=1
tB.style.left=x_tB+"px"

/* RUTA 1 VÄNSTER TILL MITTEN */
vidd=bugg.offsetWidth
vidd+=(max_vidd-vidd)/2
bugg.style.width=vidd+"px"

hojd=bugg.offsetHeight
hojd+=(max_hojd-hojd)/2
bugg.style.height=hojd+"px"

if(vidd<=min_vidd+1){
bugg.style.width=max_vidd
bugg.style.height=max_hojd
}

x=bugg.offsetLeft
avstand=(mid_position-x)/2

if(avstand<4){
avstand=1
rundning=1
}
if(x>=mid_position){
avstand=0
bugg.style.left=mid_position
}

x+=avstand*rundning
bugg.style.left=x+"px"

y=bugg.offsetTop
top_avstand=(mid_top-y)/2
y+=top_avstand
bugg.style.top=y+"px"
/* /RUTA 1 VÄNSTER TILL MITTEN */



/* RUTA 2 MITTEN TILL HÖGER */
vidd2=bugg2.offsetWidth
vidd2+=((min_vidd-vidd2)/2)*rundning
bugg2.style.width=vidd2+"px"

hojd2=bugg2.offsetHeight
hojd2+=((min_hojd-hojd2)/2)*rundning
bugg2.style.height=hojd2+"px"

x2=bugg2.offsetLeft
avstand2=(right_position-x2)/2
x2+=avstand2
bugg2.style.left=x2+"px"

y2=bugg2.offsetTop
top2_avstand=(leftright_top-y2)/2
y2+=top2_avstand
bugg2.style.top=y2+"px"
/* /RUTA 2 MITTEN TILL HÖGER */




/* RUTA 3 HÖGER TILL VÄNSTER */
x3=bugg3.offsetLeft
avstand3=(left_position-x3)/4

if(avstand3>(-1)){
avstand3=(-1)
}
if(x3<=left_position){
avstand3=0
bugg3.style.left=left_position
}

x3+=avstand3    
bugg3.style.left=x3+"px"
/* /RUTA 3 HÖGER TILL VÄNSTER */


if(hojd>=hojd2){
bugg.style.zIndex=30;
bugg2.style.zIndex=bugg.style.zIndex-2;
bugg3.style.zIndex=10;
}

if(x_tB>=10){
bugg.style.width=max_vidd
bugg.style.height=max_hojd
}

if(x_tB>=15){
bugg2.style.width=min_vidd
bugg2.style.height=min_hojd
}

Tajmer=setTimeout("fromLeft()",bregg)
if(x_tB>=20){
bugg.style.width=max_vidd
bugg.style.height=max_hojd
bugg2.style.width=min_vidd
bugg2.style.height=min_hojd
bugg3.style.left=left_position
bugg.style.left=mid_position
bugg.style.cursor='default'
bugg2.style.cursor='pointer'
bugg3.style.cursor='pointer'
tB.style.left=0
clearTimeout(Tajmer)
}
}

function fromRight(){                              /* FROM RIGHT */
tB=document.getElementById("timerBox")
rundning=0.4
x_tB=tB.offsetLeft
x_tB+=1
tB.style.left=x_tB+"px"

/* RUTA 3 HÖGER TILL MITTEN */
vidd3=bugg3.offsetWidth
vidd3+=(max_vidd-vidd3)/2
bugg3.style.width=vidd3+"px"

hojd3=bugg3.offsetHeight
hojd3+=(max_hojd-hojd3)/2
bugg3.style.height=hojd3+"px"

if(vidd3<=min_vidd+1){
bugg3.style.width=max_vidd
bugg3.style.height=max_hojd
}

x3=bugg3.offsetLeft
avstand3=(x3-mid_position)/2

if(avstand3<4){
avstand3=1
rundning=1
}
if(x3<=mid_position){
avstand3=0
bugg3.style.left=mid_position
}

x3+=-(avstand3*rundning)
bugg3.style.left=x3+"px"

y3=bugg3.offsetTop
top_avstand3=(mid_top-y3)/2
y3+=top_avstand3
bugg3.style.top=y3+"px"
/* /RUTA 3 HÖGER TILL MITTEN */


/* RUTA 2 MITTEN TILL VÄNSTER */
vidd2=bugg2.offsetWidth
vidd2+=((min_vidd-vidd2)/2)*rundning
bugg2.style.width=vidd2+"px"

hojd2=bugg2.offsetHeight
hojd2+=((min_hojd-hojd2)/2)*rundning
bugg2.style.height=hojd2+"px"

x2=bugg2.offsetLeft
avstand2=(x2-left_position)/2
x2+=-avstand2
bugg2.style.left=x2+"px"

y2=bugg2.offsetTop
top2_avstand=(leftright_top-y2)/2
y2+=top2_avstand
bugg2.style.top=y2+"px"
/* /RUTA 2 MITTEN TILL VÄNSTER */


/* RUTA 1 VÄNSTER TILL HÖGER */
x=bugg.offsetLeft
avstand=(x-right_position)/4

if(avstand>(-1)){
avstand=(-1)
}
if(x>=right_position){
avstand=0
bugg.style.left=right_position
}

x+=-avstand    
bugg.style.left=x+"px"
/* /RUTA 1 VÄNSTER TILL HÖGER */

if(hojd3>=hojd2){
bugg3.style.zIndex=30;
bugg2.style.zIndex=bugg3.style.zIndex-2;
bugg.style.zIndex=10;
}

if(x_tB>=10){
bugg3.style.width=max_vidd
bugg3.style.height=max_hojd
}
if(x_tB>=15){
bugg2.style.width=min_vidd
bugg2.style.height=min_hojd
}

Tajmer=setTimeout("fromRight()",bregg)
if(x_tB>=20){
bugg3.style.width=max_vidd
bugg3.style.height=max_hojd
bugg2.style.width=min_vidd
bugg2.style.height=min_hojd
bugg3.style.left=left_position
bugg3.style.left=mid_position
bugg.style.cursor='pointer'
bugg2.style.cursor='pointer'
bugg3.style.cursor='default'

tB.style.left=0
clearTimeout(Tajmer)
}
}