var menupic=Array();
var paget=Array();
var menu=Array();
var layerit=Array();
var offsetx=Array();
var refit=Array();

var menunavi=0;
var ie=0;

var t;
var asivu;
var hght;
var top;
var scrlheight;
var offsetheight;
var step;
var tscroll;
var running=0;

// preload kuville:
function Init()
{
  refit[0]=document.getElementById("ref1");
  refit[1]=document.getElementById("ref2");

  paget[0]=document.getElementById("page1");
  paget[1]=document.getElementById("page2");
  paget[2]=document.getElementById("page3");
  paget[3]=document.getElementById("page4");
  paget[4]=document.getElementById("page5");
  paget[5]=document.getElementById("page6");
	paget[6]=document.getElementById("page7");
	
	
  offsetx[0]=0;
  offsetx[1]=919;
  offsetx[2]=0;
  offsetx[3]=0;
  offsetx[4]=2;
  offsetx[5]=142;
	offsetx[6]=775;
	offsetx[7]=offsetx[6];
	offsetx[8]=offsetx[6];
	offsetx[9]=142;
	offsetx[10]=142; 
	offsetx[11]=309;
	offsetx[12]=2; //menu
	offsetx[13]=offsetx[12];
	offsetx[14]=offsetx[12];
	offsetx[15]=offsetx[12];
	offsetx[16]=offsetx[12];
	offsetx[17]=offsetx[12];
	offsetx[18]=offsetx[12];
	
	offsetx[19]=313; //sivut
	offsetx[20]=offsetx[19];
	offsetx[21]=offsetx[19];
	offsetx[22]=offsetx[19];
	offsetx[23]=offsetx[19];
	offsetx[24]=offsetx[19];
	offsetx[25]=offsetx[19];
	
	offsetx[26]=143;
	offsetx[27]=778;
	
	offsetx[28]=749;
	offsetx[29]=offsetx[28];
	//offsetx[30]=335;
	offsetx[30]=0; //spons
	
  // tarviiko kassella muita selainstandardeja???
  layerit[0]=document.getElementById("vreuna");
  layerit[1]=document.getElementById("oreuna");
  layerit[2]=document.getElementById("yreuna");
  layerit[3]=document.getElementById("areuna");
	
  layerit[4]=document.getElementById("vasentausta");
	layerit[5]=document.getElementById("bany");
  layerit[6]=document.getElementById("oyla");
	layerit[7]=document.getElementById("bantausta");
	layerit[8]=document.getElementById("oala");
	layerit[9]=document.getElementById("kala");
	layerit[10]=document.getElementById("keskiv");
	layerit[11]=document.getElementById("keskio");
	
	layerit[12]=document.getElementById("menu1");
	layerit[13]=document.getElementById("menu2");
	layerit[14]=document.getElementById("menu3");
	layerit[15]=document.getElementById("menu4");
	layerit[16]=document.getElementById("menu5");
	layerit[17]=document.getElementById("menu6");
	layerit[18]=document.getElementById("menu7");
	
	layerit[19]=paget[0];
	layerit[20]=paget[1];
	layerit[21]=paget[2];
	layerit[22]=paget[3];
	layerit[23]=paget[4];
	layerit[24]=paget[5];
	layerit[25]=paget[6];

	layerit[26]=refit[0];
	layerit[27]=refit[1];
	layerit[28]=document.getElementById("up");
	layerit[29]=document.getElementById("down");
	layerit[30]=document.getElementById("spons");

	menu[0]=layerit[12];
	menu[1]=layerit[13];
	menu[2]=layerit[14];
	menu[3]=layerit[15];
	menu[4]=layerit[16];
	menu[5]=layerit[17];
	menu[6]=layerit[18];
	  
  var ref1=Array();
  var ref2=Array();
  var site=Array();
  
  site[0]=new Image();
  site[1]=new Image();
  site[2]=new Image();
  site[3]=new Image();
  site[4]=new Image();
  site[5]=new Image();
  site[6]=new Image();
  site[7]=new Image();
  site[8]=new Image();
  site[9]=new Image();
  site[10]=new Image();
  
  site[0].src="./images/loader.gif";
  site[1].src="./images/bany.jpg";
  site[2].src="./images/kala.gif";
  site[3].src="./images/keskio.gif";
  site[5].src="./images/oala.gif";
  site[7].src="./images/bantausta.gif";
  
	if(ie==4 || ie==6)
	{
	  site[4].src="./images/keskiv_low.png";
		site[6].src="./images/oyla_low.png";
		site[8].src="./images/nup_low.png";
    site[9].src="./images/ndn_low.png";
	  site[10].src="./images/House_ANIMA_low.gif";
	}
	else
	{
	  site[4].src="./images/keskiv.png";
		site[6].src="./images/oyla.png";
		site[8].src="./images/nup.png";
    site[9].src="./images/ndn.png";
    site[10].src="./images/House_ANIMA.gif";
  }
  ref1[0]=new Image();
  ref1[1]=new Image();
  ref1[2]=new Image();
  //ref1[3]=new Image();
  
  ref1[0].src="./images/ref1_1.jpg";
  ref1[1].src="./images/ref1_2.jpg";
  ref1[2].src="./images/ref1_3.jpg";
  //ref1[3].src="./images/ref1_4.jpg";
  
  ref2[0]=new Image();
  ref2[1]=new Image();
  ref2[2]=new Image();
  //ref2[3]=new Image();
  
  ref2[0].src="./images/ref2_1.jpg";
  ref2[1].src="./images/ref2_2.jpg";
  ref2[2].src="./images/ref2_3.jpg";
  //ref2[3].src="./images/ref2_4.jpg";
  
  menupic[0]=new Image();
  menupic[1]=new Image();
  menupic[2]=new Image();
  menupic[3]=new Image();
  menupic[4]=new Image();
  menupic[5]=new Image();
  menupic[6]=new Image();
  menupic[7]=new Image();
  menupic[8]=new Image();
  menupic[9]=new Image();
  menupic[10]=new Image();
  menupic[11]=new Image();
  menupic[12]=new Image();
  menupic[13]=new Image();
  
  menupic[0].src="./images/nappi1_off.gif";
  menupic[1].src="./images/nappi2_off.gif";
  menupic[2].src="./images/nappi3_off.gif";
  menupic[3].src="./images/nappi4_off.gif";
  menupic[4].src="./images/nappi5_off.gif";
  menupic[5].src="./images/nappi6_off.gif";
  menupic[6].src="./images/nappi1_on.gif";
  menupic[7].src="./images/nappi2_on.gif";
  menupic[8].src="./images/nappi3_on.gif";
  menupic[9].src="./images/nappi4_on.gif";
  menupic[10].src="./images/nappi5_on.gif";
  menupic[11].src="./images/nappi6_on.gif";
  menupic[12].src="./images/nappi7_on.gif";
  menupic[13].src="./images/nappi7_off.gif";
	return;
}

function getX()
{
  var W = 0, H = 0;
  if( typeof( window.innerWidth ) == 'number' ) 
	{
    //Non-IE
    W = window.innerWidth;
    H = window.innerHeight;
  } 
	else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
	{
    //IE 6+ in 'standards compliant mode'
    W = document.documentElement.clientWidth;
    H = document.documentElement.clientHeight;
		ie=6;
		//tarkistetaa ie7:
    if (typeof document.body.style.maxHeight != "undefined") 
		{
			ie=7;
		}
  } 
	else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
	{
    //IE 4 compatible
    W = document.body.clientWidth;
    H = document.body.clientHeight;
		ie=4;
  }
	var start_x=0;
	if(W>921)
	{
     start_x=Math.round((W-921)/2);
	}
	return start_x;
}

function setMe()
{
  var x=getX();
  Init();
	//tsekataa selain, paukutetaa köpöt graffat mopoille:
	//if(ie==4 || ie==6)
	if(ie!=0)
	{
	  if(ie==4 || ie==6)
		{
	    newwindow=window.open('./selain.html','Selain','height=335,width=300');
	  
  		//layerit[3].style.height="2px";
  	  // houseanim:
  	  layerit[4].innerHTML="";
  		layerit[4].innerHTML="<img src=\"./images/House_ANIMA_low.gif\" alt=\"\">";
  		//up:
  		layerit[28].innerHTML="";
  		//layerit[28].innerHTML="<img src=\"./images/nup_low.png\" alt=\"Ylös\">";
  		//down:
  		layerit[29].innerHTML="";
  		//layerit[29].innerHTML="<img src=\"./images/ndn_low.png\" alt=\"Alas\">";
  		//keskiv:
  		layerit[10].innerHTML="";
  		layerit[10].innerHTML="<img src=\"./images/keskiv_low.png\" alt=\"\">";
  		//oyla:
  		layerit[6].innerHTML="";
  		layerit[6].innerHTML="<img src=\"./images/oyla_low.png\" alt=\"\">";
		}
		for(i in paget)
		{
		  if(!paget[i].style.overflow)
			{
			  paget[i].style.overflow="auto";
			}
		  if(!paget[i].style.width)
			{
			  paget[i].style.width="457px";
			}
		}
	}
  for(i in layerit)
  {

      if(!layerit[i].style.left)
      {
        layerit[i].style.left="0px";
      }
      if(!layerit[i].style.visibility)
      {
        layerit[i].style.visibility="hidden";
      }
			// jos ie !=0 ja !=6 ni vaihetaa transparentti?
			
  		layerit[i].style.left=offsetx[i]+x+'px';
  		if(i>18 && i<26)
			{
			  layerit[i].style.visibility="hidden";
		  }
			else
			{
			  layerit[i].style.visibility="visible";
			}
			//if(ie==4 || ie==6)
			if(ie!=0)
			{
			  if(i==28 || i==29)
				{
				  layerit[i].style.visibility="hidden";
				}
			}
  }
	setnavi(menunavi);
	setmenu(999);
  setrefit();
	if(document.getElementById("loader").style.visibility=="visible")
	{
	  document.getElementById("loader").style.visibility="hidden";
	}
	return;
}
function setmenu(itemi)
{
  for(i=0;i<7;i++)
	{
	  if((i+1)==itemi || menunavi==i)
		{
		  menu[i].innerHTML="";
			menu[i].innerHTML="<img src=\"./images/nappi"+(i+1)+"_on.gif\" alt=\"\">";
		}
		else
		{
		  menu[i].innerHTML="";
			menu[i].innerHTML="<img src=\"./images/nappi"+(i+1)+"_off.gif\" alt=\"\">";
		}
	}
	return;
}
function setnavi(navi)
{
  menunavi=navi;
  for(i=0;i<7;i++)
	{
	  if(menunavi==i)
		{
		  menu[i].innerHTML="";
			menu[i].innerHTML="<img src=\"./images/nappi"+(i+1)+"_on.gif\" alt=\"\">";
			var pagenum="page"+parseInt(i+1);
      asivu=document.getElementById(pagenum);
      hght=getElementHeight(asivu);
			top=asivu.scrollTop;
			scrlheight=asivu.scrollHeight;
			offsetheight=asivu.offsetHeight;
		}
		else
		{
		  menu[i].innerHTML="";
			menu[i].innerHTML="<img src=\"./images/nappi"+(i+1)+"_off.gif\" alt=\"\">";
		}
	}
	setpaget();
	return;
}
function setpaget()
{
	for(i in paget)
	{
	  if(i!=menunavi)
		{
	    paget[i].style.visibility="hidden";
		}
		else
		{
	    paget[i].style.visibility="visible";
		}
	}
	return;
}

function setrefit()
{

	var picnum=0;
	var num=1;
	for(i in refit)
	{
	   refit[i].innerHTML="";
		 picnum=getrand();
		 //window.alert("picnum= "+picnum);
		 refit[i].innerHTML="<img src=\"./images/ref"+num+"_"+picnum+".jpg\" alt=\"\">";
		 num++;
	}
	t=setTimeout("setrefit()",10000);
	return;
}
function getrand()
{
  return (Math.floor(Math.random()*3)+1);
}
function doscroll()
{
  clearTimeout(tscroll);
  var curhght=0;
	var timeoffset=10;
	if(ie==0)
	{
	  timeoffset=10;
	}
	else
	{
	  timeoffset=20;
	}
  if (scrlheight > 0)
	{
	  curhght=scrlheight;
	}
  else if(offsetheight > 0)
	{
	  curhght=offsetheight;
  }
	var positio=top+step;
	if(step<0)
	{
    if(top > 0)
    {
			asivu.scrollTop=positio;
      tscroll=setTimeout("doscroll()",timeoffset);
    }
  	else
  	{
  	  asivu.scrollTop=0;
			positio=0;
  	}
	}
	else
	{
    if(curhght - top > hght)
    {
			asivu.scrollTop=positio;
      tscroll=setTimeout("doscroll()",timeoffset);
    }
    else
    {
			positio=curhght-hght;
      asivu.scrollTop=positio;
    }
	}
	top=positio;
  return;
}


function scroll(steppi, event)
{
	//if(ie==4 || ie==6)
	if(ie!=0)
	{
	  return;
	}

  var btn=0;
  if(ie>0)
	{
	  btn=1;
	}
	if(steppi==0 || event[0]=="mouseup")
	{
	  //window.alert("stop");
	  clearTimeout(tscroll);
    running=0;
		return;
	}
	if(running==0)
	{
    if(event.button==btn)
  	{
  	  step=steppi;
   	  doscroll();
  		running=1;
  	}
	}
	return;
}
function getElementHeight(scrollDiv)
{
  var intHt = 0;
  if(scrollDiv.style.pixelHeight)intHt = scrollDiv.style.pixelHeight;
  else intHt = scrollDiv.offsetHeight;
  return parseInt(intHt);
}

function tarjous()
{
  var newwindow;
	if(ie==0)
	{
	  newwindow=window.open('./tarjous.html','Tarjouspyyntö','height=400,width=380');
	}
	else
	{
	  newwindow=window.open('./tarjous.html','Tarjouspyyntö','height=450,width=380');
	}
	if (window.focus) {newwindow.focus()}
}
function openpic(pic)
{
  var url="./imgwork/"+pic;
  window.open(url,'','height=660,width=660');
	return false;
}