var picts;    // Pict Array
var interval; // Timer object
var SECONDS = 2*1000; // Seconds to show every picture
	    
function startTogglePict(obj, row, pict1, pict2, pict3, county) {
    // Position to show hidden layer with picts
    var x = (findPos(obj)[0]+obj.offsetWidth+5) + "px";
    var y = findPos(obj)[1]-(row*100) + "px";
		
    // Put picts to show in Array
    picts = new Array();
    picts.push(pict1);
    if(pict2 != null) { picts.push(pict2); }
    if(pict3 != null) { picts.push(pict3); }
    togglePict(x, y, 0, county);
}
	    
function togglePict(x, y, arraypos, county) {
    var div = document.getElementById("pictlayer");
		
    if(arguments.length == 0) {
        clearTimeout(interval);
        div.style.visibility = "hidden";
        return;
    }
		
    // Loop only once			
    if(picts.length == arraypos) {
        arraypos = 0;
        div.getElementsByTagName("img")[0].src = picts[arraypos];
        if(document.getElementById("pictinfo")) {
          document.getElementById("pictinfo").innerHTML="<table><tr><td>Län: <b>" + county + "<\/b><\/td><\/tr><\/table>";
        }
        clearTimeout(interval);
        return;
    }
		
    div.style.visibility = "visible";			
    div.style.left = x;
    div.style.top = y;
		
    div.getElementsByTagName("img")[0].src = picts[arraypos];
    if(document.getElementById("pictinfo")) {
        document.getElementById("pictinfo").innerHTML="<table><tr><td>Län: <b>" + county + "<\/b><\/td><\/tr><\/table>";
    }
		
    arraypos++;
		
    interval = setTimeout("togglePict('" + x + "', '" + y + "', '" + arraypos + "', '" + county + "')", SECONDS);
}
	    
function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
    }
    return [curleft,curtop];
}