/*

Logotype för Certifierad E-handel
http://www.ehandelscertifiering.se

Exempel på laddning av detta script:
<script src="http://load.ehandelscertifiering.se/cemouseover2.js.php?url=www.acmeonline.se&pos=right&bg=white" type="text/javascript"></script>

Konfiguration:

1) Ändra "www.acmeonline.se" ovan till adressen till er sajt.

2) Ändra "white" till den bakgrundsfärg som närmast matchar bakgrundsfärgen där ni valt att
   placera logotypen för att få en så snygg övergång som möjligt.
   Ni kan f.n välja mellan: white, black, gray, darkblue, lightblue, darkgreen,
   lightgreen, darkred, lightred, darkyellow, lightyellow, skyblue, pink

3) Ändra "right" till den position ni önskar pratbubblan ska visas på då kunden för musen över
   Certifierad E-handel logotypen.
   Ni kan välja mellan: top, topright, right, bottomright, bottom, bottomleft, left, topleft.

Andra valfria alternativ som finns är:

A) ssl; kan sättas till "yes" för att ladda logotypen över SSL. Detta kan behövas göras om ni
   får upp ett varningsmeddelande om att "sajten ni laddar innehåller både säkra och osäkra delar".
   Ändra även http:// länken i laddningscriptet till https://. Om detta skript laddas över ssl
   aktiveras denna funktion automatiskt, men kan stängas av med "no".

B) top; ett fast värde på var mouse over pop-up rutan visas då man för musen över logotypen om ni
   vill ange en fast position istället för den interna beräkning som annars sker.

C) left; som ovan.

D) style; ange stylen på den div som omgärdar logotypen, exempelvis "style=margin:10px;".

E) frame; om ni önskar ladda mouse over pop-up:en i en annan frame än den aktuella. Ange isåfall
   den frame:ens namn här.

F) size; val av storlek på logotypen. Endast en storlek finns för närvarande. 80x72 pixlar.

G) iframe; Med "yes" laddas endast iframe koden för "pratbubblan". Med "no" laddas endast koden för
   logotypen. Är detta värde ej angivet laddas båda två. Kan användas för att ladda iframe koden på
   annan position än logotypen.

*/



/*begin*/

var cX = 0;
var cY = 0;
var rX = 0;
var rY = 0;

function UpdateCursorPosition(e){
        cX = e.pageX;
        cY = e.pageY;
}

function UpdateCursorPositionDocAll(e){
        cX = event.clientX;
        cY = event.clientY;
}

if(document.all) {
        document.onmousemove = UpdateCursorPositionDocAll;
} else {
        document.onmousemove = UpdateCursorPosition;
}

function AssignPosition(d,p) {
if(self.pageYOffset) {
        rX = self.pageXOffset;
        rY = self.pageYOffset;
} else if(document.documentElement && document.documentElement.scrollTop) {
        rX = document.documentElement.scrollLeft;
        rY = document.documentElement.scrollTop;
} else if(document.body) {
        rX = document.body.scrollLeft;
        rY = document.body.scrollTop;
}

if(document.all) {
        cX += rX;
        cY += rY;
}

if(p == "top") {
        d.style.left = (cX-150) + "px";
        d.style.top = (cY-340) + "px";
} else if(p == "topright") {
        d.style.left = (cX+10) + "px";
        d.style.top = (cY-320) + "px";
} else if(p == "right") {
        d.style.left = (cX+30) + "px";
        d.style.top = (cY-145) + "px";
} else if(p == "bottomright") {
        d.style.left = (cX+30) + "px";
        d.style.top = (cY-0) + "px";
} else if(p == "bottom") {
        d.style.left = (cX-145) + "px";
        d.style.top = (cY+30) + "px";
} else if(p == "bottomleft") {
        d.style.left = (cX-305) + "px";
        d.style.top = (cY+30) + "px";
} else if(p == "left") {
        d.style.left = (cX-340) + "px";
        d.style.top = (cY-145) + "px";
} else if(p == "topleft") {
        d.style.left = (cX-305) + "px";
        d.style.top = (cY-340) + "px";
} else if(p == "custom") {
        d.style.left = "0" + "px";
        d.style.top = "0" + "px";
}

}

function HideContent(d) {
	document.getElementById(d).style.display = "none";
}

function ShowContent(d,p) {
	var dd = document.getElementById(d);
        AssignPosition(dd,p);
        dd.style.display = "block";
}

document.write("\
<div style=\"display:inline; \">\
<a onmouseover=\"ShowContent('ceiframe', 'right'); return true;\" onmouseout=\"HideContent('ceiframe'); return true;\" \
href=\"https://www.ehandelscertifiering.se/rapport.php?url=www.vvs-klimat.se\" target=\"_blank\"><img \
src=\"http://www.ehandelscertifiering.se/celogo.php?url=www.vvs-klimat.se&size=80x73&bg=darkgreen\" \
style=\"border:0px;\" alt=\"Certifierad E-handel, datum avser senaste tidpunkt certifieringskrav passerades\"></a>\
</div>\
");

document.write("\
<iframe src=\"http://www.ehandelscertifiering.se/cemouseover.php?url=www.vvs-klimat.se&pos=right\" \
style=\"position:absolute; display:none; width:310px; height:310px; z-index:99999;\" \
id=\"ceiframe\" width=\"310\" height=\"320\" marginwidth=\"0\" marginheight=\"0\" frameborder=\"0\" \
allowtransparency=\"true\" scrolling=\"no\"></iframe>\
");

/*end*/