// initialize values function initSTTAF() { STTAF.closeButtonUrl = "http://nautanki.tv/site_media/img/delete_org.png"; STTAF.tafLogo = new Image().src = STTAF.widgetHostUrl + "/common/" + "20080917" + "/themes/" + STTAF.cssTheme + "/images/tafLogo.png"; STTAF.themeShade = new Image().src = STTAF.widgetHostUrl + "/common/" + "20080917" + "/themes/" + STTAF.cssTheme + "/images/themeShade.png"; STTAF.tafSpriteImage = new Image().src = STTAF.widgetHostUrl + "/common/" + "20080917" + "/themes/" + STTAF.cssTheme + "/images/tafSpriteImage.png"; STTAF.headerBg = new Image().src = STTAF.widgetHostUrl + "/common/" + "20080917" + "/themes/" + STTAF.cssTheme + "/images/headerBg.gif"; STTAF.hig = new Image(); STTAF.hig.src = STTAF.widgetUrl + "/" + "20080917" + "/images/SPIcons.png"; STTAF.hih = new Image(); STTAF.hih.src = STTAF.widgetUrl + "/" + "20080917" + "/images/SPIconsHover.png"; STTAF.hib = new Image(); STTAF.hib.src = STTAF.widgetUrl + "/" + "20080917" + "/css/chBG.gif"; STTAF.hH = 5 + (STTAF.isBlogSelected ? 20 : 0) + (STTAF.isEmailSelected ? 20 : 0) + (STTAF.isIMSelected ? 20 : 0) + (STTAF.isSNSSelected ? 20 : 0); } function setT() { STTAF.to = setTimeout(function() {checkAndHide(this)}, 500); } // function which shows the expandable button hover map function showHoverMap(obj, id, l, t) { // clear time outs if present if (STTAF.to) { clearTimeout(STTAF.to); } // setting this property to trigger that the button image is now in focus obj.hasFocus = true; if (STTAF.isButtonExpandable) { // making this for the hover div var divIdName = 'hoverDiv'; // if a hoverDiv is present, then just return and don't do anything // this will prevent any multiple hover divs var hd = document.getElementById(divIdName); // get the x/y position for the hover var getPos = getHoverPos(obj); // assign the id, link and title STTAF.userid = id; l = l.toString(); if (l.indexOf('http%3A%2F%2F') == 0 || l.indexOf('https%3A%2F%2F') == 0) { // nothing; } else { l = encodeURIComponent(l); } t = t.toString(); if (STTAF.isEscaped && STTAF.isEscaped == "true") { // nothing } else { if (STTAF.isEscaped && STTAF.isEscaped == "false") { t = escape(t); } else { // nothing } } if (document.getElementById('st-st-holder')) { document.getElementById('st-t-holder').innerHTML = t; document.getElementById('st-l-holder').innerHTML = l; } else { var holderDiv = document.createElement('div'); holderDiv.setAttribute('id', 'st-st-holder'); holderDiv.style.display = "none"; document.body.insertBefore(holderDiv, document.body.firstChild); var tHolder = document.createElement('div'); tHolder.setAttribute('id', 'st-t-holder'); tHolder.innerHTML = t; var lHolder = document.createElement('div'); lHolder.setAttribute('id', 'st-l-holder'); lHolder.innerHTML = l; holderDiv.appendChild(tHolder); holderDiv.appendChild(lHolder); } // if the div is already present, but hidden (from a previous call) // then just show the div at the coordinates if (hd && hd.style.display != 'block') { hd.style.display = 'block'; hd.style.top = getPos[0]; hd.style.left = getPos[1]; return false; } // if the div is already present and is currently on display, // just destroy it if (hd && hd.style.display == 'block') { hd.parentNode.removeChild(hd); } // now create the div which will hold the widget var cRef = document.createElement('div'); cRef.setAttribute('id', divIdName); var cs = cRef.style; cs.margin = '0px'; cs.padding = '0px'; cs.border = 0; // holds the hover div code in an array var tmpArr = []; tmpArr.push("
"); if (STTAF.isEmailSelected) { tmpArr.push(""); } if (STTAF.isIMSelected) { tmpArr.push(""); } if (STTAF.isBlogSelected) { tmpArr.push(""); } if (STTAF.isSNSSelected) { tmpArr.push(""); } tmpArr.push("
Email
IM
Blog
 
Social
"); // this is the hover div code. join used to boost performance in IE var text = tmpArr.join(''); // assign the hover div code to the hoverDiv and append it to the image as a sibling cRef.innerHTML = text; cs.zIndex = 2000; cs.display = 'block'; // the hover div needs to be absolutely positioned so that no jumping occurs cs.position = 'absolute'; // and set the hover div to come 1 px below the button cs.top = getPos[0]; cs.left = getPos[1]; // IE7 fix for jumping if (document.getElementById('st-root-div-set')) { document.getElementById('st-root-div-set').appendChild(cRef); } else { var cMain = document.createElement('div'); cMain.setAttribute('id', 'st-root-div-set'); cMain.appendChild(cRef); document.body.insertBefore(cMain, document.body.firstChild); } } else { return; } } function getHoverPos(obj) { // if absolute location is given, we need the hover div to come up just below the button // so get the image height and width var iH = obj.offsetHeight; var iW = obj.offsetWidth; // and the image top and left location var iT = obj.offsetTop; var iL = obj.offsetLeft; // accumulate the total offset top and offset left to get the fixed // position var parentObj = obj.offsetParent; while(parentObj) { iT += parentObj.offsetTop || 0; iL += parentObj.offsetLeft || 0; parentObj = parentObj.offsetParent; } // get the scroll x/y and window x/y var sxy = scrollXY(); var wxy = windowXY(); // tricky part here. we need to position the hover map such that // if the div goes beyond the browser limits, we reposition it // to come right/bottom justified and within the browser if ((iT - sxy[1] + STTAF.hH) > wxy[1]) { iT = iT - (iH + STTAF.hH); } if ((iL - sxy[0] + 192) > wxy[0]) { iL = iL - (103); } // and set the hover div location dimensions topVal = iT + iH; leftVal = iL; return [topVal + 'px', leftVal + 'px']; } // browser independent method to get the window dimensions function windowXY(){ var x = 0; var y = 0; if (typeof (window.innerWidth) == "number") { x = window.innerWidth; y = window.innerHeight; } else { if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { x = document.documentElement.clientWidth; y = document.documentElement.clientHeight; } else { if(document.body && (document.body.clientWidth || document.body.clientHeight)) { x = document.body.clientWidth; y = document.body.clientHeight; } } } return [x, y]; } // browser independent method to get the scroll top and left values function scrollXY(){ var x = 0; var y = 0; if (typeof (window.pageYOffset) == "number"){ x = window.pageXOffset; y = window.pageYOffset; } else { if(document.body && (document.body.scrollLeft || document.body.scrollTop)) { x = document.body.scrollLeft; y = document.body.scrollTop; } else { if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) { x = document.documentElement.scrollLeft; y = document.documentElement.scrollTop; } } } return [x, y]; } // function triggers hiding the hover map. its starts a timeout instead of closing it instantly function hideHoverMap(obj) { obj.hasFocus = false; if (STTAF.isButtonExpandable) { STTAF.to = setTimeout(function() {checkAndHide(obj)}, 500); } else { return; } } // function checks certain conditions before hiding the map function checkAndHide(obj) { var sswid = document.getElementById('divSSWidget'); if (sswid && STTAF.alertOn) { STTAF.to = setTimeout(function() {checkAndHide(obj)}, 500); return false; } var hd = document.getElementById('hoverDiv'); var hdd = document.getElementById('hoverDivDiv'); if (!obj.hasFocus && hdd && !hdd.hasFocus) { //hd.style.display = 'none'; return false; } else { STTAF.to = setTimeout(function() {checkAndHide(obj)}, 500); return false; } } // this method changes the background image for the hover div icons to the hover effect function chgImage(obj) { obj.style.backgroundImage = "url(" + STTAF.hih.src + ")"; obj.style.backgroundRepeat = "no-repeat"; } // this method changes the background image for the hover div icons to the non-hover effect function chgImageBack(obj) { obj.style.backgroundImage = "url(" + STTAF.hig.src + ")"; obj.style.backgroundRepeat = "no-repeat"; } // this is called on the click of the hover map's icons function setAndFire(t, l, obj, ch, pr) { var sideBar = document.getElementById('sidebar-wrapper'); if(sideBar){ sideBar.style.overflow = 'visible'; } STTAF.userid=200812275858 //STTAF.userid=200812265803 cw(obj, {id: STTAF.userid, ch: ch, pr: pr, link: l, title: t}); } // method called to show the widget function cw(obj, o) { // get the data, create and show the widget var e = eval (o); var cha = e.ch; var pr = e.pr; var c = e.id + "-cd"; if (e.link != "") { if (!clickOnButton) { if (e.link.toString().indexOf('http%3A%2F%2F') == 0 || e.link.toString().indexOf('https%3A%2F%2F') == 0) { // nothing; } else { e.link = encodeURIComponent(e.link); } } else { // nothing } } if (e.title != "") { if (!clickOnButton) { // nothing } else { e.title = escape(e.title); } } if (STTAF.isPopupMode) { var popupH = (GetHeight()/2) - (STTAF.frameHeight/2); var popupW = (GetWidth()/2) - (STTAF.frameWidth/2); var testJsp = STTAF.widgetUrl + "/widget.jsp?provider=" + pr + "&channel=" + cha + "&id=" + e.id + "&link=" + e.link + "&title=" + e.title; var attributes = 'left=' + popupW + ',top=' + popupH + ',width=477,height=517,toolbar=0,resizable=no'; window.open(testJsp, 'socialtwistPopup', attributes); return; } var hd = document.getElementById('hoverDiv'); // check if an instance of the widget is already open var sswid = document.getElementById('divSSWidget'); if (sswid) { STTAF.alertOn = true; if (confirm('An instance of the widget is already open. Discard changes and open a new widget?')) { sswid.parentNode.removeChild(sswid); STTAF.alertOn = false; } else { //hd.parentNode.removeChild(hd); STTAF.alertOn = false; return false; } } // figure out if the button is clicked or something in the hovermap is clicked var clickOnButton = false; if (hd) { clickOnButton = true; } var cRef = document.createElement('div'); var divIdName = 'divSSWidget'; cRef.setAttribute('id', divIdName); var cs = cRef.style; cRef.innerHTML = "
 
" + "
" + "