// set image list
images = new Array();
images[0]="tuote_kuvat/1.jpg"
images[1]="tuote_kuvat/2.jpg"
images[2]="tuote_kuvat/3.jpg"
images[3]="tuote_kuvat/4.jpg"
images[4]="tuote_kuvat/5.jpg"
images[5]="tuote_kuvat/6.jpg"
images[6]="tuote_kuvat/7.jpg"
images[7]="tuote_kuvat/8.jpg"
images[8]="tuote_kuvat/9.jpg"
images[9]="tuote_kuvat/10.jpg"
images[10]="tuote_kuvat/11.jpg"
images[11]="tuote_kuvat/12.jpg"
images[12]="tuote_kuvat/13.jpg"
images[13]="tuote_kuvat/14.jpg"
images[14]="tuote_kuvat/15.jpg"
images[15]="tuote_kuvat/16.jpg"
images[16]="tuote_kuvat/17.jpg"
images[17]="tuote_kuvat/18.jpg"
images[18]="tuote_kuvat/19.jpg"
images[19]="tuote_kuvat/20.jpg"
images[20]="tuote_kuvat/21.jpg"
images[21]="tuote_kuvat/22.jpg"
images[22]="tuote_kuvat/23.jpg"
images[23]="tuote_kuvat/24.jpg"
images[24]="tuote_kuvat/25.jpg"
images[25]="tuote_kuvat/26.jpg"
images[26]="tuote_kuvat/27.jpg"
images[27]="tuote_kuvat/28.jpg"
images[28]="tuote_kuvat/29.jpg"
images[29]="tuote_kuvat/30.jpg"
images[30]="tuote_kuvat/31.jpg"
images[31]="tuote_kuvat/32.jpg"
images[32]="tuote_kuvat/33.jpg"
images[33]="tuote_kuvat/34.jpg"
images[34]="tuote_kuvat/35.jpg"
images[35]="tuote_kuvat/36.jpg"
images[36]="tuote_kuvat/37.jpg"
images[37]="tuote_kuvat/38.jpg"
images[38]="tuote_kuvat/39.jpg"
images[39]="tuote_kuvat/40.jpg"
images[40]="tuote_kuvat/41.jpg"
images[41]="tuote_kuvat/42.jpg"
images[42]="tuote_kuvat/43.jpg"
images[43]="tuote_kuvat/44.jpg"
images[44]="tuote_kuvat/45.jpg"
images[45]="tuote_kuvat/46.jpg"

frontpage_images = new Array();
frontpage_images[0] = "kuvat/etusivu_kuva1.jpg";
frontpage_images[1] = "kuvat/etusivu_kuva2.jpg";
frontpage_images[2] = "kuvat/etusivu_kuva3.jpg";
frontpage_images[3] = "kuvat/etusivu_kuva4.jpg";


function preload(){
	// counter
	var i = 0;
	
	// create object
	imageObj = new Image();

	// start preloading
	for(i=0; i<=45; i++) 
	{
		imageObj.src=images[i];
	}
	
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function blendimage(imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //fade out image
    for(i = 100; i > 0; i--) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }

	// change image source
    setTimeout("changeImg('" + imageid + "','"+imagefile+"')",timer*speed);

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
}

function changeImg(imageid, imagefile) {
	document.getElementById(imageid).src = imagefile;
}

function load_page(page) {
		blendimage('blendimage', images[page - 1], 500);
		ajaxpage( page, 'tuotetieto');
}

function etusivu_kuvavaihto(){
		var timer = 1;
		var i = 1;
		for(j = 0; j < 500; j++){
			if( i > 3 ){ i = 0; }
			setTimeout( "blendimage('blendimage', frontpage_images["+i+"], 1200)", ( timer * 6000));
			i++;
			timer++;
		}
}

/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
var bustcacheparameter=""

function ajaxpage(name, containerid){
var url = "ajaxfiles/"+name+".html"
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
if (bustcachevar) //if bust caching of external page
bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
page_request.open('GET', url+bustcacheparameter, true)
page_request.send(null)
}

function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding

if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}