$(document).ready(function(){
		//Color variation by nexia
        $('.bubbleInfo').each(function () {
               var distance = 10;
               var time = 250;
               var hideDelay = 100;
               var hideDelayTimer = null;
               var beingShown = false;
               var shown = false;
               var trigger = $('.itemimg', this);
               var info = $('.popup', this).css('opacity', 0);
               var P    = $('.popup img', this);
               $([trigger.get(0), info.get(0), P.get(0)]).mouseover(function () {
                   if (hideDelayTimer) clearTimeout(hideDelayTimer);
                   if (beingShown || shown) {
                       // don't trigger the animation again
                       return;
                   } else {
                       // reset position of info box
                       beingShown = true;
                       var detilImgWidth = 42;
                       var detilImgHight = 42;
                       var PopupWidth = 302;
                       var LeftOffset = -68;
                       var TopOffset  = -80;
                       var img_count = P.length;
                       //window.alert(img_count);
                       if( img_count < 7 ){
                         PopupWidth = (img_count * detilImgWidth) + 8;
                         LeftOffset = LeftOffset + ( 19 * (7- img_count));
                       }
 
                       if( img_count < 8 ){
                         TopOffset  = TopOffset + detilImgHight;
                       }
 
                       info.css({
                           top: TopOffset,
                           left: LeftOffset,
                           width: PopupWidth,
                           display: 'block'
                       }).animate({
                           top: '-=' + distance + 'px',
                           opacity: 1
                       }, time, 'swing', function() {
                           beingShown = false;
                           shown = true;
                       });
                   }
                   return false;
               }).mouseout(function () {
                   if (hideDelayTimer) clearTimeout(hideDelayTimer);
                   hideDelayTimer = setTimeout(function () {
                       hideDelayTimer = null;
                       info.animate({
                           top: '-=' + distance + 'px',
                           opacity: 0
                       }, time, 'swing', function () {
                           shown = false;
                           info.css('display', 'none');
                       });
                   }, hideDelay);
                   return false;
               });
           });
});