if( !console ) { var console = { log: function(msg) { alert(msg); } } } //earn details tool tip window.addEvent('domready', function(){ $$('img.tips').each(function(element,index) { //console.log("element,index-> ",element,index,$(element).getPosition()); var content = element.get('title').split('::'); element.store('tip:title', content[0]); element.store('tip:text', content[1]); }); if (navigator.appName == "Microsoft Internet Explorer"){ var productTips = new Tips($$('.tips'), { offsets: {'x': -259, 'y':-100}, maxOpacity: 1, className: 'tipcontainer', fixed: false, hideDelay: 250000, showDelay: 0, onShow: function(toolTipElement){ var getToolTipElementHeight = toolTipElement.getStyle('height'); var getToolTipElementWidth = toolTipElement.getStyle('width'); var getToolTipHeight = toolTipElement.getStyle('height').split('px')[0]; var getToolTipWidth = toolTipElement.getStyle('width').split('px')[0]; var placePointer = $$('.pointerObj'); placePointer.setStyles({ display: 'block', width: 28, height: 13, top: ((getToolTipHeight / 2) + 10) + "px", right: "0px" }); toolTipElement.setStyle('visibility','visible') //Close Button toolTipElement.getElement('.closePopUp').addEvent('click', function(){ toolTipElement.setStyle('visibility','hidden'); }); if (this.options.tipTimer) this.options.tipTimer = $clear(this.options.tipTimer); }, onHide: function(toolTipElement){ if (this.options.tipTimer) this.options.tipTimer = $clear(this.options.tipTimer); this.options.tipTimer = ( function(){toolTipElement.setStyle('visibility','hidden')} ).delay(0); } }); } else { var productTips = new Tips($$('.tips'), { offsets: {'x': -250, 'y':-100}, maxOpacity: 1, className: 'tipcontainer', fixed: true, hideDelay: 9999999999, showDelay: 0, onShow: function(toolTipElement){ var getToolTipElementHeight = toolTipElement.getStyle('height'); var getToolTipElementWidth = toolTipElement.getStyle('width'); var getToolTipHeight = toolTipElement.getStyle('height').split('px')[0]; var getToolTipWidth = toolTipElement.getStyle('width').split('px')[0]; var placePointer = $$('.pointerObj'); placePointer.setStyles({ display: 'block', width: 28, height: 13, top: (getToolTipHeight / 2) + 20 + "px", left: (getToolTipWidth - (28)) + "px" }); toolTipElement.setStyle('visibility','visible'); //Close Button toolTipElement.getElement('.closePopUp').addEvent('click', function(){ toolTipElement.setStyle('visibility','hidden'); }); if (this.options.tipTimer) this.options.tipTimer = $clear(this.options.tipTimer); }, onHide: function(toolTipElement){ if (this.options.tipTimer) this.options.tipTimer = $clear(this.options.tipTimer); this.options.tipTimer = ( function(){toolTipElement.setStyle('visibility','hidden')} ).delay(1500); } }); } }); //window.addEvent