/*
WebSnapr - Preview Bubble Javascript
Written by Juan Xavier Larrea 
http://www.websnapr.com - xavier@websnapr.com

extended by rw@xmachina.de to display bubbles left/right

*/
// Point this variable to the correct location of the bg.png file

var bubbleImagePath = new Object();
bubbleImagePath['left'] = 'http://www.gsk-services.de/web_preview/images/bg_left.png';
bubbleImagePath['right'] = 'http://www.gsk-services.de/web_preview/images/bg_right.png';


var windowWidth=0;

window.onresize = getWindowSize;

// DO NOT EDIT BENEATH THIS
if(typeof Array.prototype.push!="function"){
Array.prototype.push=ArrayPush;
function ArrayPush(_1){ this[this.length]=_1;}
}
function WSR_getElementsByClassName(_2,_3,_4){
var _5=(_3=="*"&&_2.all)?_2.all:_2.getElementsByTagName(_3);
var _6=new Array();
var _4=_4.replace(/\-/g,"\\-");
var _7=new RegExp("(^|\\s)"+_4+"(\\s|$)");
var _8;
for(var i=0;i<_5.length;i++){
_8=_5[i];
if(_7.test(_8.className)){ _6.push(_8); }
}
return (_6);
}
function bindBubbles(e){
getWindowSize();
lbActions=WSR_getElementsByClassName(document,"a","web_preview");
for(i=0;i<lbActions.length;i++){
if (BrowserDetect.browser == 'Explorer'){
lbActions[i].style.display = 'inline-block';
}
if(window.addEventListener){
lbActions[i].addEventListener("mouseover",attachBubble,false);
lbActions[i].addEventListener("mouseout",detachBubble,false);
}else{
lbActions[i].attachEvent("onmouseover",attachBubble);
lbActions[i].attachEvent("onmouseout",detachBubble);
}
}
}

function getWindowSize(){
if (BrowserDetect.browser == 'Explorer'){
windowWidth=document.body.clientWidth;
} else {
windowWidth=window.innerWidth;
}
}

function attachBubble(_b){
var _c;
if(_b["srcElement"]){ _c=_b["srcElement"]; }else{ _c=_b["target"]; }
var _s=_c.href.replace(/http:\/\//, "");
_s=_s.replace(/https:\/\//, "");
_s=_s.replace(/www\./, "");
var _d =_s;
_s=_s.replace(/\.|\/|-|_|\?|=|\&/g, ""); // clean url -> 
var _e=findPos(_c)[0]+5;
var bg = 'right';
if(_e+318>windowWidth) {
_e = _e-295;
var bg = 'left';
}
var _f=findPos(_c)[1]-230;
var _10=document.createElement("div");
_10.className="previewbubble";
if (BrowserDetect.browser == 'Explorer') {
_10.style.width="318px";
_10.style.position="absolute";
_10.style.top=_f;
_10.style.zIndex=99999;
_10.style.left=_e;
_10.style.textAlign="left";
_10.style.height="236px";
_10.style.paddingTop="0";
_10.style.paddingLeft="0";
_10.style.paddingBottom="0";
_10.style.paddingRight="0";
_10.style.marginTop="0";
_10.style.marginLeft="0";
_10.style.marginBottom="0";
_10.style.marginRight="0";
_10.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + bubbleImagePath[bg] + "',sizingMethod='image')";
} else {
_10.setAttribute("style","text-align: left; z-index: 99999; position: absolute; top: "+_f+"px ; left: "+_e+"px ; background: url("+ bubbleImagePath[bg] +") top left  no-repeat; width: 318px; height: 230px; padding: 0; margin: 0;overflow:hidden;");
}
document.getElementsByTagName("body")[0].appendChild(_10);
if (BrowserDetect.browser == 'Safari' || BrowserDetect.browser == 'Konqueror' ) {
var _height = _f;

_10.setAttribute("style","text-align: left; z-index: 99999; position: absolute; top: "+ _height +"px ; left: "+_e+"px ; background: url("+ bubbleImagePath[bg] +") top left no-repeat; width: 318px; height: 230px; padding: 0; margin: 0;");

}
var img=document.createElement("img");
_10.appendChild(img);
if (BrowserDetect.browser == 'Explorer') {
img.style.paddingTop="0";
img.style.paddingLeft="0";
img.style.paddingBottom="0";
img.style.paddingRight="0";
img.style.margin="auto";
img.style.marginTop="22px";
img.style.marginLeft="20px";
img.style.marginBottom="0";
img.style.marginRight="0";
img.style.borderTop="0";
img.style.borderLeft="0";
img.style.borderBottom="0";
img.style.borderRight="0";
} else {
img.setAttribute("style","padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; margin-top: 22px; margin-left: 20px; margin-bottom: 0; margin-right: 0; border: 0");
}
img.setAttribute("src","http://www.gsk-services.de/web_preview/images/"+_s+".jpg");
img.setAttribute("width",270);
img.setAttribute("height",173);
img.setAttribute("alt","Preview " + _d);
}
function detachBubble(_12){
lbActions=WSR_getElementsByClassName(document,"div","previewbubble");
for(i=0;i<lbActions.length;i++){
lbActions[i].parentNode.removeChild(lbActions[i]);
}
}
if(window.addEventListener){
addEventListener("load",bindBubbles,false);
}else{
attachEvent("onload",bindBubbles);
}
function findPos(obj){
var _14=curtop=0;
if(obj.offsetParent){
_14=obj.offsetLeft;
curtop=obj.offsetTop;
while(obj=obj.offsetParent){
_14+=obj.offsetLeft;
curtop+=obj.offsetTop;
}
}
return [_14,curtop];
}
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();