/***
version: 1.4.1
date: 05/27/2009
***/

var interactParameters = new Object();
var areaRectObjects = new Object();
var areaPolyObjects = new Object();
var usedIDs = new Array();
var safedBackgroundColor = 'rgb(0,0,0)';
var safedFontSize = '0px';
var infoVisible = false;

var debugArtnr = 0;

var activeArtInfo = 0;

var IE = window.navigator.systemLanguage?1:0;
var VM = document.namespaces?1:0;

function checkBrowserName(name) {
	var agent = navigator.userAgent.toLowerCase();
	if (agent.indexOf(name.toLowerCase())>-1) {
		return true;
	}
	return false;  
} 

var dashIdx = 0;
var dashOffset = 0;
var dashValues = [10, 10];
var dashX = 0, dashY = 0;

function setDash(dashes)
{
	dashValues = dashes;
	dashIdx = 0;
	dashOffset = dashValues[0];
}

function dashMoveTo(ctx, x, y)
{
	dashX = x;
	dashY = y;
}

function dashLineTo(ctx, x1, y1)
{
	var length = Math.sqrt( (x1-dashX)*(x1-dashX) + (y1-dashY)*(y1-dashY) );
	var dx = (x1-dashX) / length;
	var dy = (y1-dashY) / length;

	var dist = 0;
	while (dist < length)
	{
		var dashLength = Math.min(dashValues[dashIdx], length-dist);
		dist += dashLength;

		if (dashIdx % 2 == 0)
			ctx.moveTo(dashX, dashY);

		dashX += dashLength * dx;
		dashY += dashLength * dy;

		if (dashIdx % 2 == 0)
			ctx.lineTo(dashX, dashY);

		dashOffset += dashLength;
		if (dashOffset > dashValues[dashIdx])
		{
			dashOffset -= dashValues[dashIdx];
			dashIdx = (dashIdx+1) % dashValues.length;
		}
	}
}

function hex2Dec(hex) {
	return (Math.max(0, Math.min(parseInt(hex, 16), 255)));
}

function rgbColor(value) {
	return hex2Dec(value.substr(0, 2)) + ',' + hex2Dec(value.substr(2, 2)) + ',' + hex2Dec(value.substr(4, 2));
}

function scaleCoords(scale, coords) {
	var scaleFactor = scale.split('.');
	scaleFactor = scaleFactor[0] / scaleFactor[1];
	
	var coordsArray = coords.split(',');
	for(var i=0; i<coordsArray.length; i++) {
		coordsArray[i] = parseInt(coordsArray[i] * scaleFactor);
	}

	return String(coordsArray);
}

function getImageTag(name) {
	return document.getElementById(name);
}

function modifyArtnr(areaID) {
	for(var i=0; i<usedIDs.length; i++) {
		var obj = areaRectObjects[usedIDs[i]];
		var artnrDiv = document.getElementById('artnr_'+usedIDs[i]);
		var textOffset = 60;

		artnrDiv.style.top = (parseInt(obj["coords"][1]))+"px";	
		
		switch(areaRectObjects[usedIDs[i]]['quadrant']) {
		case 'q0' :	
		case 'q2' :	artnrDiv.style.left =  (parseInt(obj["coords"][0]))+"px";
					break;
		case 'q1' :	
		case 'q3' :	artnrDiv.style.left = (parseInt(obj["coords"][0]))+"px";
					break;
		}	
			
		
		
		if(usedIDs[i].substr(0,7) == interactParameters['artnrS']) {
			document.getElementById('artnr_span_'+usedIDs[i]).style.border = "1px solid rgb(200, 28, 28)";
		}
		modifyTooltip(usedIDs[i]);
	}
}

function modifyClose() {
	var closeDiv = document.getElementById('artnr_0_close');
	closeDiv.style.left = parseInt(document.getElementById('interact_image_background').offsetLeft)+"px";
	closeDiv.style.top = parseInt(document.getElementById('interact_image_background').offsetTop)+"px";
}

function modifyArtInfo(areaID) {

	for(var i=0; i<usedIDs.length; i++) {
		var obj = areaRectObjects[usedIDs[i]];
		var artInfoDiv = document.getElementById('artnr_'+String(usedIDs[i]).substr(0,7)+'_0_artInfo');
		if(VM || IE) {
			artInfoDiv.style.left = (parseInt(document.getElementById('masterDiv').getBoundingClientRect().left) - 20 + (parseInt(document.getElementById('masterDiv').offsetWidth) / 2) - (document.getElementById('artnr_'+String(usedIDs[i]).substr(0,7)+'_0_artInfoTable').style.width.split('p')[0]) / 2)+"px";
			artInfoDiv.style.top = (parseInt(document.getElementById('masterDiv').offsetTop)+200)+"px";
		} else {
			artInfoDiv.style.left = (parseInt(document.getElementById('masterDiv').offsetLeft) - 20 + (parseInt(document.getElementById('masterDiv').offsetWidth) / 2) - (document.getElementById('artnr_'+String(usedIDs[i]).substr(0,7)+'_0_artInfoTable').style.width.split('p')[0]) / 2)+"px";
			artInfoDiv.style.top = parseInt(document.getElementById('masterDiv').offsetTop)+"px";
		}
		
	}
}

function modifyTooltip(areaID) {
	var obj = areaRectObjects[areaID];
	var artnrDiv = document.getElementById('artnr_'+areaID);
	var tooltipDiv = document.getElementById(artnrDiv.id+'_tooltip');
	
	var textOffset = 60;
	tooltipDiv.style.top = (parseInt(obj["coords"][1]))+"px";
		
	switch(areaRectObjects[areaID]['quadrant']) {
	case 'q1' :	
	case 'q3' :	tooltipDiv.style.left = "0px";
				tooltipDiv.style.width = (parseInt(obj["coords"][0]))+"px";
				tooltipDiv.style.textAlign = "right";
				break;
	case 'q0' :	
	case 'q2' :	break;
	}	
	
	safedFontSize = document.getElementById('artnr_span_'+areaID).style.fontSize;
	switch(areaRectObjects[areaID]['aufmachung']) {
		case 'a0' : document.getElementById('artnr_span_'+areaID).style.fontSize = '8px';
					break;
		case 'a1' : if(VM || IE) {
						document.getElementById('artnr_span_'+areaID).style.background = 'transparent';
					} else {
						document.getElementById('artnr_span_'+areaID).style.backgroundColor = 'rgba(255, 255, 255,0)';
					}
					document.getElementById('artnr_span_'+areaID).style.color = 'rgb(0,0,0)';
					document.getElementById('artnr_span_'+areaID).style.border = '0px';
					break;
		case 'a2' : document.getElementById('artnr_span_'+areaID).style.fontSize = '8px';
					document.getElementById('artnr_span_'+areaID).style.backgroundColor = 'rgb(200,200,200)';
					document.getElementById('artnr_span_'+areaID).style.color = 'rgb(0,0,0)';
					break;
	}
}

function showTooltip(areaID) {
	var obj = areaRectObjects[areaID];
	safedBackgroundColor = document.getElementById('artnr_span_'+areaID).style.backgroundColor;
	document.getElementById('artnr_span_'+areaID).style.backgroundColor = 'rgb(0, 128, 128)';
	document.getElementById('artnr_span_'+areaID).style.fontSize = safedFontSize;
	document.getElementById('artnr_span_'+areaID).style.padding = "2px";
	document.getElementById('artnr_span_'+areaID).style.borderColor = 'rgb(255, 255, 0)';
	document.getElementById('artnr_span_'+areaID).style.webkitBoxShadow = "10px 10px 25px rgba(0,0,0,1)";
	document.getElementById('artnr_span_'+areaID).style.mozBoxShadow = "10px 10px 25px #000";
	document.getElementById('artnr_'+areaID+'_tooltip').style.display = 'block';
	
	switch(areaRectObjects[areaID]['quadrant']) {
	case 'q0' :	
	case 'q2' :	document.getElementById('artnr_'+areaID).style.zIndex = '1000';
				document.getElementById('artnr_'+areaID).style.width = (parseInt(document.getElementById('interact_image_background').width)-(parseInt(obj["coords"][0])))+"px";
				break;
	case 'q1' :	
	case 'q3' :	document.getElementById('artnr_'+areaID).style.zIndex = '1000';
				document.getElementById('artnr_'+areaID+'_tooltip').style.zIndex = '1000';
				break;
	}
	
	
}

function hideTooltip(areaID) {
	if(!infoVisible) {
		document.getElementById('artnr_span_'+areaID).style.backgroundColor = safedBackgroundColor;
		document.getElementById('artnr_span_'+areaID).style.borderColor = 'rgb(28, 28, 28)';
		document.getElementById('artnr_span_'+areaID).style.webkitBoxShadow = "";
		document.getElementById('artnr_span_'+areaID).style.mozBoxShadow = "";
		document.getElementById('artnr_span_'+areaID).style.padding = "0px";
		if(areaRectObjects[areaID]['aufmachung'] == 'a0' ||
			areaRectObjects[areaID]['aufmachung'] == 'a2')
			document.getElementById('artnr_span_'+areaID).style.fontSize = '8px';
	}
	document.getElementById('artnr_'+areaID+'_tooltip').style.display = 'none';
	switch(areaRectObjects[areaID]['quadrant']) {
	case 'q0' :	
	case 'q2' :	document.getElementById('artnr_'+areaID).style.zIndex = '100';
				document.getElementById('artnr_'+areaID).style.width = "auto";
				break;
	case 'q1' :	
	case 'q3' :	document.getElementById('artnr_'+areaID).style.zIndex = '100';
				document.getElementById('artnr_'+areaID+'_tooltip').style.zIndex = '100';
				break;
	}
}

function showArtInfo(areaID) {
	activeArtInfo = areaID;
	infoVisible = true;
	
	if(VM || IE) {
		document.getElementById('artnr_'+activeArtInfo+'_artInfo').style.left = (parseInt(document.getElementById('masterDiv').getBoundingClientRect().left)+40) + 'px';
		document.getElementById('artnr_'+activeArtInfo+'_artInfo').style.top = (parseInt(document.getElementById('masterDiv').offsetTop) + 220) + 'px';
	} else {
		document.getElementById('artnr_'+activeArtInfo+'_artInfo').style.left = (parseInt(document.getElementById('masterDiv').offsetLeft)+40) + 'px';
		document.getElementById('artnr_'+activeArtInfo+'_artInfo').style.top = document.getElementById('masterDiv').offsetTop + 'px';
	}
	
	document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfo').style.display = 'inline';
	document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfo').style.zIndex = '1000';
	document.getElementById('artnr_0_close').style.zIndex = '900';
	document.getElementById('artnr_0_close').style.display = 'block';
	document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfo_close_button').style.zIndex = '1100';
	document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfo_close_button').style.display = 'block';
	

	if(VM || IE) {
		if(parseInt(document.body.clientHeight) < (parseInt(document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfoTable').offsetHeight) + (parseInt(document.getElementById('masterDiv').offsetTop) * 2.5))) {
			document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfoTable').style.height = (parseInt(document.body.clientHeight) - (parseInt(document.getElementById('masterDiv').offsetTop) * 2.5)-100)+"px";
			document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfoTable').style.overflow = 'scroll';
		}
	} else {
		if(parseInt(window.innerHeight) < (parseInt(document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfoTable').offsetHeight) + (parseInt(document.getElementById('masterDiv').offsetTop)))) 	{
			document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfoTable').style.height = (parseInt(window.innerHeight) - (parseInt(document.getElementById('masterDiv').offsetTop)+100))+"px";
		}
	}
}

function hideArtInfo(areaID) {
	infoVisible = false;
	hideShapes('interact_canvas');
	hideTooltip(areaID);
	document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfo').style.display = 'none';
	document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfo').style.zIndex = '100';
	document.getElementById('artnr_0_close').style.zIndex = '90';
	document.getElementById('artnr_0_close').style.display = 'none';
	document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfo_close_button').style.zIndex = '11';
	document.getElementById('artnr_'+areaID.split('_')[0]+'_0_artInfo_close_button').style.display = 'none';

}

function showShapes(areaID, canvasID) {
	var canvas = document.getElementById(canvasID);
	if(VM || IE) {
	} else {
		var context = canvas.getContext('2d');
	}
	
	var fillStyleValue = 0;
	var strokeStyleValue = 0;
	
	var fillStyleValueIE = '';
	var opacityStyleValueIE = 0;
	var strokeStyleValueIE = '';

	if(areaID.substr(0,7) == interactParameters['artnrS']) {
		fillStyleValue = 'rgba(255, 0, 0, .7)';
		strokeStyleValue = 'rgba(0, 255, 0, 1)';
		fillStyleValueIE = 'FF0000';
		opacityStyleValueIE = 70;
		
	} else {
		fillStyleValue = 'rgba('+rgbColor(interactParameters['icolor']) + ', 0.' + interactParameters['iopacity']+')';
		strokeStyleValue = 'rgba('+rgbColor(interactParameters['iborder']) + ', 1)';
		fillStyleValueIE = interactParameters['icolor'];
		opacityStyleValueIE = interactParameters['iopacity'];
		strokeStyleValueIE = interactParameters['iborder'];
	}
	
	var lineStyle = 'standard';
	var filled = true;
	var stroked = true;
	switch(areaRectObjects[areaID]['status']) {
		case 's0' :	lineStyle = 'hidden';
				filled = false;
				break;
		case 's1' :	
				break;
		case 's2' :	stroked = false;
				break
	}
	
	if(VM || IE) {		
		if(areaPolyObjects[areaID]['gCOCutCoords'].length > 0) {		
			for(var c=0; c<areaPolyObjects[areaID]['gCOCutCoords'].length; c++) {
				var p = '';
				var tempArray = areaPolyObjects[areaID]['gCOCutCoords'][c].split(',');

				p = areaPolyObjects[areaID]['gCOCutCoords'][c];
				
				if(c > 0) {
					fillStyleValueIE = '000';
					opacityStyleValueIE = 100;
				} else {
				}
				
				canvas.innerHTML += '<v:shape strokeweight="1" filled="'+String(filled).substr(0,1)+'" stroked="'+String(stroked).substr(0,1)+'" strokecolor="#'+strokeStyleValueIE+'" coordorigin="0,0" coordsize="'+canvas.width+','+canvas.height+'" path="m '+parseInt(tempArray[0])+','+parseInt(tempArray[1])+' l '+p+' x e" style="zoom:1;filter:Alpha(opacity='+opacityStyleValueIE+');margin:0;padding:0;display:block;position:absolute;top:0px;left:0px;width:'+canvas.width+'px;height:'+canvas.height+'px;"><v:fill color="#'+fillStyleValueIE+'" />'+(lineStyle=='hidden'?'<v:stroke dashstyle="shortDash"/>':'')+'</v:shape>';

				
			}
		} else {
			for(var c=0; c<areaPolyObjects[areaID]['coords'].length; c++) {
				var p = '';
				p = areaPolyObjects[areaID]['coords'][c];

				canvas.innerHTML += '<v:shape strokeweight="1" filled="'+String(filled).substr(0,1)+'" stroked="'+String(stroked).substr(0,1)+'" strokecolor="#'+interactParameters['iborder']+'" coordorigin="0,0" coordsize="'+canvas.width+','+canvas.height+'" path="m '+parseInt(areaPolyObjects[areaID]['coords'][c][0])+','+parseInt(areaPolyObjects[areaID]['coords'][c][1])+' l '+p+' x e" style="zoom:1;filter:Alpha(opacity='+interactParameters['iopacity']+');margin:0;padding:0;display:block;position:absolute;top:0px;left:0px;width:'+canvas.width+'px;height:'+canvas.height+'px;"><v:fill color="#'+interactParameters['icolor']+'" />'+(lineStyle=='hidden'?'<v:stroke dashstyle="shortDash"/>':'')+'</v:shape>';
			}
		}
	} else {
		context.globalCompositeOperation = 'source-over';
		if(areaPolyObjects[areaID]['gCOCutCoords'].length > 0) {
			for(var g=0; g<areaPolyObjects[areaID]['gCOCutCoords'].length; g++) {
				if(g > 0) {
					context.globalCompositeOperation = 'destination-out';
					fillStyleValueI = 'rgba(255, 255, 255, 1)';
					var tempArray = areaPolyObjects[areaID]['gCOCutCoords'][g].split(',');
					
					context.beginPath();
					if(lineStyle == 'standard') {
						context.moveTo(parseInt(tempArray[0]), parseInt(tempArray[1]));
						for(var i=2; i<tempArray.length; i+=2) {
							context.lineTo(parseInt(tempArray[i]),parseInt(tempArray[i+1]));
						}
					}
					context.closePath();
					context.fillStyle = fillStyleValueI;
					if(filled) context.fill();
					
					context.globalCompositeOperation = 'source-over';
					
					fillStyleValueL = 'rgba(255, 255, 255, 0)';
					strokeStyleValueL = 'rgba(0, 255, 0, 1)';
					
					context.beginPath();
					if(lineStyle == 'standard') {
						context.moveTo(parseInt(tempArray[0]), parseInt(tempArray[1]));
						for(var i=2; i<tempArray.length; i+=2) {
							context.lineTo(parseInt(tempArray[i]),parseInt(tempArray[i+1]));
						}
					}
					context.closePath();
					
					context.fillStyle = fillStyleValueL;
					context.strokeStyle = strokeStyleValueL;
					if(filled) context.fill();
					if(stroked) context.stroke();
					
					

				} else {
					var tempArray = areaPolyObjects[areaID]['gCOCutCoords'][g].split(',');
					
					context.beginPath();
					if(lineStyle == 'standard') {
						context.moveTo(parseInt(tempArray[0]), parseInt(tempArray[1]));
						for(var i=2; i<tempArray.length; i+=2) {
							context.lineTo(parseInt(tempArray[i]),parseInt(tempArray[i+1]));
						}
					}
					context.closePath();
					
					context.fillStyle = fillStyleValue;
					context.strokeStyle = strokeStyleValue;
					if(filled) context.fill();
					if(stroked) context.stroke();
				}
				
			}
		}
		if(areaPolyObjects[areaID]['coords'].length > 0) {
			context.beginPath();
			for(var c=0; c<areaPolyObjects[areaID]['coords'].length; c++) {
				if(lineStyle == 'standard') {
					context.moveTo(parseInt(areaPolyObjects[areaID]['coords'][c][0]), parseInt(areaPolyObjects[areaID]['coords'][c][1]));
					for(var i=2; i<areaPolyObjects[areaID]['coords'][c].length; i+=2) {
						context.lineTo(parseInt(areaPolyObjects[areaID]['coords'][c][i]),parseInt(areaPolyObjects[areaID]['coords'][c][i+1]));
					}
				} else if(lineStyle == 'hidden') {
					setDash([ 2, 2 ]);
					dashMoveTo(context, parseInt(areaPolyObjects[areaID]['coords'][c][0]), parseInt(areaPolyObjects[areaID]['coords'][c][1]));
					for(var i=2; i<areaPolyObjects[areaID]['coords'][c].length; i+=2) {
						dashLineTo(context, parseInt(areaPolyObjects[areaID]['coords'][c][i]),parseInt(areaPolyObjects[areaID]['coords'][c][i+1]));
					}
				}
			}
			
			context.closePath();
			context.fillStyle = fillStyleValue;
			context.strokeStyle = strokeStyleValue;
			if(filled) context.fill();
			if(stroked) context.stroke();		
		}
	}
}

function hideShapes(canvasID) {
	if(!infoVisible) {
		var canvas = document.getElementById(canvasID);
		if(VM || IE) {
			canvas.innerHTML = '';
		} else {
			var context = canvas.getContext('2d');
			context.clearRect(0, 0, canvas.width, canvas.height);
		}
	}
}

function parsing(name) {
	var interact = getImageTag(name);
	document.getElementById('artnr_0_close').style.height = interact.height + 'px';
	document.getElementById('page-content').style.height = (parseInt(document.getElementById('page-content').offsetHeight) + parseInt(interact.height)) + 'px';
	document.getElementById('masterDiv').style.height = interact.height + 'px';
	var classPara = interact.className.split(' ');
	for(var cp = 0; cp < classPara.length; cp++) {
		interactParameters[classPara[cp].substring(0, classPara[cp].indexOf('_'))] = classPara[cp].substring(parseInt(classPara[cp].indexOf('_'))+1, classPara[cp].length);
	}
	var canvas = createCanvas(interact);
	var mapName = interact.useMap.split('#');
	mapName = mapName[1].toLowerCase();
	var map = document.getElementById(mapName);
	var gCO = 'source-over';
	for(var i = 0; i < map.areas.length; i++) {
		var cut = new Array();
		var tempArray = new Array();
		
		if(map.areas[i].getAttribute('coords').indexOf('-') > 0 && map.areas[i].getAttribute('shape').match(/(poly|circle)/i)) {
			gCO = 'copy';
			map.areas[i].setAttribute('coords', map.areas[i].getAttribute('coords').replace(/ /g, ''));
			
			cut.push(-1);
			for(var l = 0; l < map.areas[i].getAttribute('coords').length; l++) {
				if(map.areas[i].getAttribute('coords').charAt(l) == '-') {
					if(checkBrowserName('safari')) {
						cut.push(l);
					} else {
						cut.push(l);
					}
				}
			}		
			cut.push(parseInt(map.areas[i].getAttribute('coords').length) + 1);
			for(var c = 0; c < cut.length; c++) {
				if(c+1 < cut.length) {			
					tempArray.push(scaleCoords(interactParameters['scale'], map.areas[i].getAttribute('coords').substring(parseInt(cut[c]) + 1, parseInt(cut[c + 1]) - 1)));
				}

			}
			map.areas[i].setAttribute('coords', tempArray[0]);
			
		} else {
			
			map.areas[i].setAttribute('coords', scaleCoords(interactParameters['scale'], map.areas[i].getAttribute('coords')));
		}
		
		debugArtnr = areaID;
		var areaID = map.areas[i].getAttribute('id');
		
		if(map.areas[i].getAttribute('shape').match(/(rect)/i)) {
			if(VM || IE) {
				usedIDs[usedIDs.length] = areaID;
			} else {
				usedIDs.push(areaID);
			}
			if(!areaRectObjects[areaID]) {
				areaRectObjects[areaID] = new Object();
			}
			
			areaRectObjects[areaID]['alt'] = map.areas[i].getAttribute('alt');
			areaRectObjects[areaID]['title'] = map.areas[i].getAttribute('title');
			var langPara = map.areas[i].getAttribute('lang').split(' ');
			areaRectObjects[areaID]['status'] = langPara[0];
			areaRectObjects[areaID]['quadrant'] = langPara[1];
			if(langPara.length > 2) {
				areaRectObjects[areaID]['aufmachung'] = langPara[2];
			} else {
				areaRectObjects[areaID]['aufmachung'] = 'a0';
			}
			areaRectObjects[areaID]['coords'] = map.areas[i].getAttribute('coords').split(',');
			
		} else if(map.areas[i].getAttribute('shape').match(/(poly|circle)/i)){
			if(!areaPolyObjects[areaID]) {
				areaPolyObjects[areaID] = new Object();
				areaPolyObjects[areaID]['coords'] = new Array();
				areaPolyObjects[areaID]['gCOCutCoords'] = new Array();
			}
				
			if(cut.length > 0) {
				areaPolyObjects[areaID]['gCOCutCoords'].push(tempArray[0]);
				for(var c = 0; c < cut.length - 2; c++) {
					areaPolyObjects[areaID]['gCOCutCoords'].push(tempArray[c+1]);
				}
			} else {
				areaPolyObjects[areaID]['coords'].push(map.areas[i].getAttribute('coords').split(','));
			}
		}
	}
	for(var i=0; i<map.areas.length; i++) {
		if(map.areas[i].getAttribute('shape').match(/(rect)/i)) {
			document.getElementById('mask_map').removeChild(map.areas[i]);
		}
	}
}

function createCanvas(image) {
	if(VM || IE) {
		var canvas = document.createElement(['<var style="zoom:1;overflow:hidden;display:block;padding:0;">'].join(''));
	} else {
		var canvas = document.createElement('canvas');
	}
	canvas.id = 'interact_canvas';
	canvas.style.position = 'absolute';
	canvas.style.height = image.offsetHeight + "px";
	canvas.style.width = image.offsetWidth + "px";
	canvas.style.top = image.offsetTop + "px";
	canvas.style.left = image.offsetLeft + "px";
	canvas.height = image.offsetHeight;
	canvas.width = image.offsetWidth;
	canvas.top = image.offsetTop;
	canvas.left = image.offsetLeft;
	if(VM || IE) {
		canvas.style.filter = "Alpha(opacity="+(interactParameters['iopacity']*100)+")";
	} else {
		var context = canvas.getContext('2d');
		context.clearRect(0, 0, canvas.width, canvas.height);
	}
	document.getElementById('moveDiv').insertBefore(canvas, document.getElementById('canvas_dummy'));
	document.getElementById('moveDiv').removeChild(document.getElementById('canvas_dummy'));
	return canvas;
}

function startInteract(name) {
	parsing(name);
	modifyClose();
	modifyArtInfo();
	modifyArtnr();
	for(var i=0; i<usedIDs.length; i++) {
		showShapes(usedIDs[i], 'interact_canvas');
	}
}

function reactResize() {

	document.getElementById('artnr_'+activeArtInfo.split('_')[0]+'_0_artInfo').style.left = (parseInt(document.getElementById('masterDiv').offsetLeft)+40) + 'px';
	document.getElementById('artnr_'+activeArtInfo.split('_')[0]+'_0_artInfo').style.top = document.getElementById('masterDiv').offsetTop + 'px';

}

window.onresize = function() { reactResize(); }

var lastSize;
if(window.getComputedStyle) {
	lastSize = window.getComputedStyle(document.documentElement,null).fontSize;
	setInterval(function() {
		var sz = window.getComputedStyle(document.documentElement,null).fontSize;
		if(sz != lastSize) {
    		lastSize = sz;
   		}
 	},500);
} else {

}

var interactOnload = window.onload;
window.onload = function () {
	if(interactOnload) interactOnload();
	startInteract('interact_image');
}