jQuery(document).ready(function() {
		jQuery.each(jQuery.browser, function(i) {
		  
		  if(jQuery.browser.msie){
			if(parseInt(jQuery.browser.version) == 6) { 
				jQuery('#products-pricing').mouseover(function(){
				 jQuery('#products-pricing-hover').show();
				 jQuery('#products-pricing-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#products-pricing-hover').mouseout(function(){
				 jQuery('#products-pricing-hover').hide();
			   });
				
				jQuery('#pricing').mouseover(function(){
				 jQuery('#pricing-hover').show();
				 jQuery('#pricing-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#pricing-hover').mouseout(function(){
				 jQuery('#pricing-hover').hide();
			   });   
				
				jQuery('#calculate').mouseover(function(){
				 jQuery('#calculate-hover').show();
				 jQuery('#calculate-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#calculate-hover').mouseout(function(){
				 jQuery('#calculate-hover').hide();
			   });
			
			   jQuery('#simple').mouseover(function(){
				 jQuery('#simple-hover').show();
				 jQuery('#simple-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#simple-hover').mouseout(function(){
				 jQuery('#simple-hover').hide();
			   });
			   
				jQuery('#meter').mouseover(function(){
				 jQuery('#meter-hover').show();
				 jQuery('#meter-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#meter-hover').mouseout(function(){
				 jQuery('#meter-hover').hide();
			   });
			   
			   jQuery('#pay').mouseover(function(){
				 jQuery('#pay-hover').show();
				 jQuery('#pay-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#pay-hover').mouseout(function(){
				 jQuery('#pay-hover').hide();
			   });
			   
				jQuery('#bills').mouseover(function(){
				 jQuery('#bills-hover').show();
				 jQuery('#bills-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#bills-hover').mouseout(function(){
				 jQuery('#bills-hover').hide();
			   });
				
				// smarter power
				jQuery('#take-control').mouseover(function(){
				 jQuery('#take-control-hover').show();
				 jQuery('#take-control-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#take-control-hover').mouseout(function(){
				 jQuery('#take-control-hover').hide();
			   });
			   
				jQuery('#take-advantage').mouseover(function(){
				 jQuery('#take-advantage-hover').show();
				 jQuery('#take-advantage-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#take-advantage-hover').mouseout(function(){
				 jQuery('#take-advantage-hover').hide();
			   });
			   
			   jQuery('#climate-change').mouseover(function(){
				 jQuery('#climate-change-hover').show();
				 jQuery('#climate-change-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#climate-change-hover').mouseout(function(){
				 jQuery('#climate-change-hover').hide();
			   });
			   
				jQuery('#manage-budget').mouseover(function(){
				 jQuery('#manage-budget-hover').show();
				 jQuery('#manage-budget-hover').css({'top' : '-3', 'left' : '-327'});
			   });
				jQuery('#manage-budget-hover').mouseout(function(){
				 jQuery('#manage-budget-hover').hide();
			   });
			}
			if(parseInt(jQuery.browser.version) == 7) {
			   jQuery('#products-pricing').mouseover(function(){
				 jQuery('#products-pricing-hover').show();
				 jQuery('#products-pricing-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#products-pricing-hover').mouseout(function(){
				 jQuery('#products-pricing-hover').hide();
			   }); 
			
			jQuery('#pricing').mouseover(function(){
				 jQuery('#pricing-hover').show();
				 jQuery('#pricing-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#pricing-hover').mouseout(function(){
				 jQuery('#pricing-hover').hide();
			   });
			  
			  jQuery('#calculate').mouseover(function(){
				 jQuery('#calculate-hover').show();
				 jQuery('#calculate-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#calculate-hover').mouseout(function(){
				 jQuery('#calculate-hover').hide();
			   });
				
				jQuery('#simple').mouseover(function(){
				 jQuery('#simple-hover').show();
				 jQuery('#simple-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#simple-hover').mouseout(function(){
				 jQuery('#simple-hover').hide();
			   });
			   
				jQuery('#meter').mouseover(function(){
				 jQuery('#meter-hover').show();
				 jQuery('#meter-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#meter-hover').mouseout(function(){
				 jQuery('#meter-hover').hide();
			   });
			   
			   jQuery('#pay').mouseover(function(){
				 jQuery('#pay-hover').show();
				 jQuery('#pay-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#pay-hover').mouseout(function(){
				 jQuery('#pay-hover').hide();
			   });
			   
				jQuery('#bills').mouseover(function(){
				 jQuery('#bills-hover').show();
				 jQuery('#bills-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#bills-hover').mouseout(function(){
				 jQuery('#bills-hover').hide();
			   });
				
				// smarter power
				jQuery('#take-control').mouseover(function(){
				 jQuery('#take-control-hover').show();
				 jQuery('#take-control-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#take-control-hover').mouseout(function(){
				 jQuery('#take-control-hover').hide();
			   });
			   
				jQuery('#take-advantage').mouseover(function(){
				 jQuery('#take-advantage-hover').show();
				 jQuery('#take-advantage-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#take-advantage-hover').mouseout(function(){
				 jQuery('#take-advantage-hover').hide();
			   });
			   
			   jQuery('#climate-change').mouseover(function(){
				 jQuery('#climate-change-hover').show();
				 jQuery('#climate-change-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#climate-change-hover').mouseout(function(){
				 jQuery('#climate-change-hover').hide();
			   });
			   
				jQuery('#manage-budget').mouseover(function(){
				 jQuery('#manage-budget-hover').show();
				 jQuery('#manage-budget-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#manage-budget-hover').mouseout(function(){
				 jQuery('#manage-budget-hover').hide();
			   });
				
			}
			
			if(parseInt(jQuery.browser.version) == 8) {
			   jQuery('#products-pricing').mouseover(function(){
				 jQuery('#products-pricing-hover').show();
				 jQuery('#products-pricing-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#products-pricing-hover').mouseout(function(){
				 jQuery('#products-pricing-hover').hide();
			   });
			
			jQuery('#pricing').mouseover(function(){
				 jQuery('#pricing-hover').show();
				 jQuery('#pricing-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#pricing-hover').mouseout(function(){
				 jQuery('#pricing-hover').hide();
			   });
			   
			   jQuery('#calculate').mouseover(function(){
				 jQuery('#calculate-hover').show();
				 jQuery('#calculate-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#calculate-hover').mouseout(function(){
				 jQuery('#calculate-hover').hide();
			   });
				
				jQuery('#simple').mouseover(function(){
				 jQuery('#simple-hover').show();
				 jQuery('#simple-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#simple-hover').mouseout(function(){
				 jQuery('#simple-hover').hide();
			   });
			   
				jQuery('#meter').mouseover(function(){
				 jQuery('#meter-hover').show();
				 jQuery('#meter-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#meter-hover').mouseout(function(){
				 jQuery('#meter-hover').hide();
			   });
			   
			   jQuery('#pay').mouseover(function(){
				 jQuery('#pay-hover').show();
				 jQuery('#pay-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#pay-hover').mouseout(function(){
				 jQuery('#pay-hover').hide();
			   });
			   
				jQuery('#bills').mouseover(function(){
				 jQuery('#bills-hover').show();
				 jQuery('#bills-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#bills-hover').mouseout(function(){
				 jQuery('#bills-hover').hide();
			   });
				
				// smarter power
				jQuery('#take-control').mouseover(function(){
				 jQuery('#take-control-hover').show();
				 jQuery('#take-control-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#take-control-hover').mouseout(function(){
				 jQuery('#take-control-hover').hide();
			   });
			   
				jQuery('#take-advantage').mouseover(function(){
				 jQuery('#take-advantage-hover').show();
				 jQuery('#take-advantage-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#take-advantage-hover').mouseout(function(){
				 jQuery('#take-advantage-hover').hide();
			   });
			   
			   jQuery('#climate-change').mouseover(function(){
				 jQuery('#climate-change-hover').show();
				 jQuery('#climate-change-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#climate-change-hover').mouseout(function(){
				 jQuery('#climate-change-hover').hide();
			   });
			   
				jQuery('#manage-budget').mouseover(function(){
				 jQuery('#manage-budget-hover').show();
				 jQuery('#manage-budget-hover').css({'top' : '-3', 'left' : '-25'});
			   });
				jQuery('#manage-budget-hover').mouseout(function(){
				 jQuery('#manage-budget-hover').hide();
			   });
			}
			 
			}else{
				 jQuery(function () {

		
        jQuery('#take-control, #take-advantage, #climate-change, #manage-budget, #products-pricing, #pricing,#calculate, #simple, #meter, #pay, #bills').each(function () {
            var distance = 10;
            var time = 0;
            var hideDelay = 0;

            var hideDelayTimer = null;

            var beingShown = false;
            var shown = false;
            var trigger = jQuery('.trigger', this);
            var info = jQuery('#take-control-hover, #take-advantage-hover, #climate-change-hover, #manage-budget-hover, #products-pricing-hover, #pricing-hover, #calculate-hover, #simple-hover, #meter-hover, #pay-hover, #bills-hover', this).css('opacity', 0);


            jQuery([trigger.get(0), info.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;

                    info.css({
                        top: -3,
                        left: -25,
                        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;
            });
        });
    });
			}

		
		});
		
  });

    
   
 





 /*

jQuery(document).ready(function() {
   jQuery('#simple').mouseover(function(){
     jQuery('#simple-hover').show();
	 jQuery('#simple-hover').css({'top' : '-3', 'left' : '-25'});
   });
    jQuery('#simple-hover').mouseout(function(){
     jQuery('#simple-hover').hide();
   });
   
    jQuery('#meter').mouseover(function(){
     jQuery('#meter-hover').show();
	 jQuery('#meter-hover').css({'top' : '-3', 'left' : '-25'});
   });
    jQuery('#meter-hover').mouseout(function(){
     jQuery('#meter-hover').hide();
   });
   
   jQuery('#pay').mouseover(function(){
     jQuery('#pay-hover').show();
	 jQuery('#pay-hover').css({'top' : '-3', 'left' : '-25'});
   });
    jQuery('#pay-hover').mouseout(function(){
     jQuery('#pay-hover').hide();
   });
   
    jQuery('#bills').mouseover(function(){
     jQuery('#bills-hover').show();
	 jQuery('#bills-hover').css({'top' : '-3', 'left' : '-25'});
   });
    jQuery('#bills-hover').mouseout(function(){
     jQuery('#bills-hover').hide();
   });
   
 });

     jQuery("p").mouseover(function () {
      jQuery(this).css("color","red");
    });

	
	
jQuery(function () {

		
        jQuery('#simple, #meter, #pay, #bills').each(function () {
            var distance = 10;
            var time = 250;
            var hideDelay = 0;

            var hideDelayTimer = null;

            var beingShown = false;
            var shown = false;
            var trigger = jQuery('.trigger', this);
            var info = jQuery('#simple-hover, #meter-hover, #pay-hover, #bills-hover', this).css('opacity', 0);


            jQuery([trigger.get(0), info.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;

                    info.css({
                        top: -3,
                        left: -25,
                        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;
            });
        });
    });*/