var BrowserDetect = {
init: function () {
    this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
    this.version = this.searchVersion(navigator.userAgent)
        || this.searchVersion(navigator.appVersion)
        || "an unknown version";
    this.OS = this.searchString(this.dataOS) || "an unknown OS";
},
searchString: function (data) {
    for (var i=0;i<data.length;i++)	{
        var dataString = data[i].string;
        var dataProp = data[i].prop;
        this.versionSearchString = data[i].versionSearch || data[i].identity;
        if (dataString) {
            if (dataString.indexOf(data[i].subString) != -1)
                return data[i].identity;
        }
        else if (dataProp)
            return data[i].identity;
    }
},
searchVersion: function (dataString) {
    var index = dataString.indexOf(this.versionSearchString);
    if (index == -1) return;
    return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
},
dataBrowser: [
    { 	string: navigator.userAgent,
subString: "OmniWeb",
versionSearch: "OmniWeb/",
identity: "OmniWeb"
    },
    {
string: navigator.vendor,
subString: "Apple",
identity: "Safari"
    },
    {
prop: window.opera,
identity: "Opera"
    },
    {
string: navigator.vendor,
subString: "iCab",
identity: "iCab"
    },
    {
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
    },
    {
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
    },
    {
string: navigator.vendor,
subString: "Camino",
identity: "Camino"
    },
    {		// for newer Netscapes (6+)
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
    },
    {
string: navigator.userAgent,
subString: "MSIE",
identity: "Explorer",
versionSearch: "MSIE"
    },
    {
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
    },
    { 		// for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
    }
	],
dataOS : [
    {
string: navigator.platform,
subString: "Win",
identity: "Windows"
    },
    {
string: navigator.platform,
subString: "Mac",
identity: "Mac"
    },
    {
string: navigator.platform,
subString: "Linux",
identity: "Linux"
    }
	]

};
BrowserDetect.init();


function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft,curtop];
}

function ClickElement(id) {
    
    var btn = document.getElementById(id); 
    if(btn.click) {
        btn.click();
        return;
    }
    var evt = document.createEvent("MouseEvents");
    evt.initEvent("click", true, false);
    btn.dispatchEvent(evt);   
    
}



function FireOnChange(id) {
    
    var elm = document.getElementById(id); 
    if(elm.onchange) {
        elm.onchange();
        return;
    }
    
}



	



function setXtoY(x,y) {
    
    
    
    
    var obj = document.getElementById(y);
    if(obj!=null) {
        pos = findPos(obj);
        var obj2 = document.getElementById(x);
        if(obj2!=null) {
            
            if(BrowserDetect.browser == 'Safari' || BrowserDetect.browser == 'Firefox') {
                obj2.style.position = 'relative';
                obj2.style.top = '0px';
                obj2.style.left = '0px';
                obj.appendChild(obj2);
                
                
            } else {
                obj2.style.position = 'absolute';
                obj2.style.top = pos[1] ;
                obj2.style.left = pos[0];
                obj2.style.display = 'block';
                
            }
        }
    }
}





function UpdateServiceMap() {
	var elm = document.getElementById('selContSelector_0_2a2717956118b4d223ceca17ce3865e2');
	var area = elm.selectedIndex;

	var img = document.getElementById('Panoston_kartta_huollot_img');
	if(img  == null) return;

	if(area == 1) {
		img.src = etela.src;
	} else if(area == 2) {
		img.src = lansi.src; 
	} else if(area == 3) {
		img.src = ita.src;
	} else if(area == 4) {
		img.src = pohjois.src;
	} else {
		img.src = "http://www.itab.fi/new/image/3504";
	}
}


function SwitchServiceArea(id) {

	// 1-Etelä
	// 2-Länsi
	// 3-Itä
	// 4-Pohjois
	
	var selectid = 'selContSelector_0_2a2717956118b4d223ceca17ce3865e2';
	var elm = document.getElementById(selectid);
	if(elm != null) elm.selectedIndex = id;

	DoPanOstonServiceAreaChange();
}


function DoPanOstonServiceAreaChange() {

	var el = document.getElementById('selContSelector_0_2a2717956118b4d223ceca17ce3865e2'); 
	UpdateServiceMap();
	SwitchContent_selContSelector_0_2a2717956118b4d223ceca17ce3865e2(el.options[el.selectedIndex].value);

}


var etela = new Image();
var lansi = new Image();
var ita = new Image();
var pohjois = new Image();

function AddPanOstonSwitchEventListener() {



	etela.src = "http://www.itab.fi/new/image/3511";


	lansi.src = "http://www.itab.fi/new/image/3513";


	ita.src = "http://www.itab.fi/new/image/3512";

	
	pohjois.src = "http://www.itab.fi/new/image/3514";



	var selectid = 'selContSelector_0_2a2717956118b4d223ceca17ce3865e2';
	var elm = document.getElementById(selectid);
	elm.onchange = DoPanOstonServiceAreaChange;


}