var textArr = Array();
var divName = 'boxdiv'; 
//var divName1 = 'boxdiv1';
var divName2 = 'loadingdiv'; 
var offX = -5;         
var offY = -40;
var storeX = -1;
var storeY = -1;
var scrollLevel = "";
var overElement = 0;
var timeoutTime = 1000;
//Array med text som visas onMouseOver.

textArr['findcarparts'] = "Hover.";
textArr['aqua'] = "vatten";
textArr['clean'] = "gör rent";
textArr['glycerin'] = "fuktgivare";
textArr['betaine'] = "löddrande, rengörande";
textArr['stronger'] = "stärkande";
textArr['lycium_barbarum'] = "gojibärextrakt";
textArr['parfum'] = "ger doft";
textArr['thicken'] = "förtjockningsmedel";
textArr['konserv'] = "konserveringsmedel";
textArr['konserv1'] = "konserveringsmedel";
textArr['konserv2'] = "konserveringsmedel";
textArr['moist_extract'] = "fuktgivande extrakt";
textArr['growth'] = "växtextrakt";
textArr['fruit_conserv'] = "fuktbevarare";
textArr['ph_reglate'] = "pH-reglerare";
textArr['soft_reglate'] = "mjukgörande";

textArr['groth_extract'] = "växtextrakt";
textArr['ph_reglate1'] = "pH-reglerare";
textArr['soft_shimmer'] = "ger glans";
textArr['fruit_conserv1'] = "fuktbevarare";




function showBox(myElement,myTimeout) {
	timeoutTime = myTimeout;
	overElement = 1;
	if(timeoutTime==0) document.getElementById(divName).style.display = 'block';//document.getElementById(divName1).style.display = 'block';
	document.getElementById(divName).innerHTML = textArr[myElement.id];//document.getElementById(divName1).innerHTML = textArr[myElement.id]; 
}
function hideBox() {
	overElement = 0;
	document.getElementById(divName).style.display = 'none';
        //document.getElementById(divName1).style.display = 'none';
}
    
function mouseX(evt) {
	if (!evt) evt = window.event; 
	if (evt.pageX) return evt.pageX; 
	else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); 
	else return 0;
}
function mouseY(evt) {
	if (!evt) evt = window.event; 
	if (evt.pageY) return evt.pageY; 
	else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
	else return 0;
}
function displayBox() {
	if(overElement==1) {
		document.getElementById(divName).style.display = 'block';
                //document.getElementById(divName1).style.display = 'block';
	}
}
function follow(evt) {
	if (document.getElementById) {
		var obj = document.getElementById(divName).style;
		//var obj1 = document.getElementById(divName1).style;
		xcoord = (parseInt(mouseX(evt))+offX);
		ycoord = (parseInt(mouseY(evt))+offY);
		if(xcoord != storeX || ycoord != storeY) {
			if(timeoutTime!=0) document.getElementById(divName).style.display = 'none';
			clearTimeout(scrollLevel);
			scrollLevel = setTimeout("displayBox()",timeoutTime);
		}
		//obj2.left = xcoord + 'px';
		//obj2.top = ycoord + 'px';
		obj.visibility = 'visible';
		obj.left = xcoord + 'px';
		obj.top = ycoord + 'px';
	}
}
function showWaiting()
{
    setTimeout( function() {
        document.getElementById(divName2).style.display = 'block';
    }, 500);
}
document.onmousemove = follow;