function rollover(){ /*

Cover Price: $

OUR PRICE: $13.97

YOU SAVE 66%

†

*/ this.ROLLOVER_HTML = '

'; /*

Cover Price: $

OUR PRICE: $13.97

YOU SAVE 66%

†

*/ this.ROLLOVER_PIC_HTML = '

'; this.PRICE_INFO = '

Cover Price: $

OUR PRICE: $

YOU SAVE %

'; this.ARROW_WIDTH = 25; this.rolloverInterval = null; this.init(); } rollover.prototype = { init: function(){ var instance = this; $('a.jTip').hover( function(){ clearInterval(instance.rolloverInterval); $('div#rollover').remove(); if ($(this).find('img').length > 0 && $(this).hasClass('jTipText') == false){ $('body').append(instance.ROLLOVER_HTML); $('div#rollover').fadeIn(200); instance.positionRolloverNoImage(this); instance.populateDataNoImage(this); } else if ($(this).hasClass('jTipText') == true){ $('body').append(instance.ROLLOVER_HTML); $('div#rollover').fadeIn(200); instance.positionRolloverText(this); instance.populateText(this); } else{ $('body').append(instance.ROLLOVER_PIC_HTML); $('div#rollover').fadeIn(200); instance.positionRolloverImage(this); instance.populateDataImage(this); } $('div#rollover').hover( function(){ clearInterval(instance.rolloverInterval); }, function(){ instance.rolloverInterval = setInterval(instance.rollout, 500); } ); }, function(){ instance.rolloverInterval = setInterval(instance.rollout, 500); } ); }, rollout: function(){ var instance = this; clearInterval(instance.rolloverInterval); $('div#rollover').fadeOut(200, function(){ $(this).remove(); }); }, positionRolloverNoImage: function(el){ var elementPosLeft = this.findPos(el).posLeft; var elementPosTop = this.findPos(el).posTop; var thumbWidth = $(el).find('img').get(0).offsetWidth; var thumbHeight = $(el).find('img').get(0).offsetHeight; var criteriaWidth = $('div#rollover').width() > ((this.findDimensions().width - elementPosLeft) - thumbWidth); var posTop = 0; var posLeft = 0; if (criteriaWidth){ $('div#rollover').addClass('right'); posLeft = elementPosLeft - $('div#rollover').width(); } else{ posLeft = elementPosLeft + thumbWidth; } // FORMER POSITIONING IF: // if ($.browser.msie && (jQuery.browser.version) < 8){ // posTop = elementPosTop; // } // else{ // posTop = elementPosTop - thumbHeight; // posTop = elementPosTop; // } // NEW POSITIONING IF: if (($.browser.msie && (jQuery.browser.version) > 7) || $.browser.mozilla){ posTop = elementPosTop - thumbHeight; // • IE8/9, FF } else { posTop = elementPosTop; // • IE7, Chrome, Safari } $('div#rollover').css('left', posLeft + 'px').css('top', posTop + 'px'); }, positionRolloverImage: function(el){ var elementPosLeft = this.findPos(el).posLeft; var elementPosTop = this.findPos(el).posTop; var posTop = 0; var posLeft = 0; $('div#rollover').addClass('rolloverPic'); var criteriaWidth = $('div#rollover').width() > (elementPosLeft - el.offsetWidth); if (criteriaWidth){ $('div#rollover').addClass('rolloverPicRight'); posLeft = elementPosLeft + el.offsetWidth; } else{ posLeft = elementPosLeft - $('div#rollover').width() - $('div#rolloverArrow').width() + 10; } var arrowTop = parseInt(($('div#rolloverArrow').css('top')).replace('px', '')); posTop = elementPosTop - ($('div#rolloverArrow').height()/2) - arrowTop + 4; $('div#rollover').css('left', posLeft + 'px').css('top', posTop + 'px'); }, positionRolloverText: function(el){ var elementPosLeft = this.findPos(el).posLeft; var elementPosTop = this.findPos(el).posTop; var elementWidth = 0; var elementHeight = 0; if ($(el).find('img').length > 0){ elementWidth = $(el).find('img').get(0).offsetWidth; elementHeight = $(el).find('img').get(0).offsetHeight; } else{ elementWidth = el.offsetWidth; elementHeight = el.offsetHeight; } $('div#rollover').addClass('text'); var criteriaWidth = $('div#rollover').width() > ((this.findDimensions().width - elementPosLeft) - elementWidth); var posTop = 0; var posLeft = 0; if (criteriaWidth){ $('div#rollover').addClass('textRight'); posLeft = elementPosLeft - $('div#rollover').width(); } else{ posLeft = elementPosLeft + elementWidth; } // FORMER POSITIONING IF: // if ($.browser.msie && (jQuery.browser.version) < 8){ // posTop = elementPosTop; // } // else{ // posTop = elementPosTop - elementHeight; // } // NEW POSITIONING IF: if (($.browser.msie && (jQuery.browser.version) > 7) || $.browser.mozilla){ posTop = elementPosTop - elementHeight; // • IE8/9, FF } else { posTop = elementPosTop; // • IE7, Chrome, Safari } $('div#rollover').css('left', posLeft + 'px').css('top', posTop + 'px'); }, populateDataNoImage: function(el){ var instance = this; $('div#rolloverTop').html($(el).attr('name')); var productIdString = $(el).attr('rel'); var productIdArray = productIdString.split('='); var productId = productIdArray[1]; $.ajax({ type: 'GET', url: productIdString, dataType: 'html', success: function(msg){ var dataArray = msg.split('&&'); $('div#rolloverPrice').empty().removeClass('loading').append(instance.PRICE_INFO); $('div#productDescPricingCover span').html(dataArray[0]); $('div#productDescPricingOurPrice span').html(dataArray[1]); $('div#productDescPricingSave span').html(dataArray[2]); var skusId = dataArray[3]; var addToCartURL = 'product_info.php?action=buy_now&products_id=' + productId + '&skus_id=' + skusId + '&location=product_info'; $('a.rolloverAddCart').attr('href', addToCartURL).css('display', 'inline'); }, failure: function(){ instance.rollout(); } }); }, populateDataImage: function(el){ var instance = this; $('div#rolloverTop').html($(el).attr('name')); var productIdString = $(el).attr('rel'); var productIdArray = productIdString.split('='); var productId = productIdArray[1]; $.ajax({ type: 'GET', url: productIdString, dataType: 'html', success: function(msg){ var dataArray = msg.split('&&'); $('div#rolloverImage').html('

'); $('div#rolloverPrice').empty().removeClass('loading').append(instance.PRICE_INFO); $('div#productDescPricingCover span').html(dataArray[0]); $('div#productDescPricingOurPrice span').html(dataArray[1]); $('div#productDescPricingSave span').html(dataArray[2]); var skusId = dataArray[3]; var addToCartURL = 'product_info.php?action=buy_now&products_id=' + productId + '&skus_id=' + skusId + '&location=product_info'; $('a.rolloverAddCart').attr('href', addToCartURL).css('display', 'inline'); }, failure: function(){ instance.rollout(); } }); }, populateText: function(el){ var instance = this; $('div#rolloverTop').html($(el).attr('name')); var url = $(el).attr('rel'); $.ajax({ type: 'GET', url: url, dataType: 'html', success: function(msg){ $('div#rolloverContent').empty().html(msg); }, failure: function(){ instance.rollout(); } }); }, findPos: function(el){ var position = new Object(); position.posLeft = 0; position.posTop = 0; if (el.offsetParent){ while(el.offsetParent){ position.posLeft += el.offsetLeft; position.posTop += el.offsetTop; el = el.offsetParent; } } //position.posLeft -= this.OFFSET_LEFT; return position; }, findScroll: function(){ var scrollObj = new Object(); if (self.pageYOffset){ // all except Explorer scrollObj.x = self.pageXOffset; scrollObj.y = self.pageYOffset; } else if (document.documentElement && document.documentElement.scrollTop){// Explorer 6 Strict scrollObj.x = document.documentElement.scrollLeft; scrollObj.y = document.documentElement.scrollTop; } else if (document.body){ // all other Explorers scrollObj.x = document.body.scrollLeft; scrollObj.y = document.body.scrollTop; } return scrollObj; }, findDimensions: function(){ var dimObj = new Object(); if(typeof(window.innerWidth) == 'number'){//Non-IE dimObj.width = window.innerWidth; dimObj.height = window.innerHeight; } else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)){//IE 6+ in 'standards compliant mode dimObj.width = document.documentElement.clientWidth; dimObj.height = document.documentElement.clientHeight; } else if(document.body && (document.body.clientWidth || document.body.clientHeight)){//IE 4 compatible dimObj.width = document.body.clientWidth; dimObj.height = document.body.clientHeight; } return dimObj; } } $(function(){ var rolloverObj = new rollover(); });

Blue Dolphin.com - America's Magazine Superstore

Try any of our magazines 3 months risk-free! Learn more