$(document).ready(function() {
    Products.rollover.init();
    $('.fiber').click(function() {
        $('.which-flavors').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-chocolate').css('display', 'none');
        $('.nutrition-info-vanilla').css('display', 'none');
        $('.nutrition-info-strawberry').css('display', 'none');
        $('.nutrition-info-banana').css('display', 'none');
        $('.nutrition-info-fiber').css('display', 'block');
        $('.fiber').html("<img alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/nutrition-info/pediasure-with-fiber-click.jpg' />");
        $('.banana').html("<img class='ro' alt='Banana Cream PediaSure' src='/images/products/productslanding/banana-cream-pediasure.jpg' />");
        $('.berry').html("<img class='ro' alt='Berry Cream PediaSure' src='/images/products/productslanding/berry-cream-pediasure.jpg' />");
        $('.chocolate').html("<img class='ro' alt='Chocolate PediaSure' src='/images/products/productslanding/chocolate-pediasure.jpg' />");
        $('.vanilla').html("<img class='ro' alt='Vanilla PediaSure' src='/images/products/productslanding/vanilla-pediasure.jpg' />");
        $('.strawberry').html("<img class='ro' alt='Strawberry PediaSure' src='/images/products/productslanding/strawberry-pediasure.gif' />");
        Products.rollover.init();
    });

    $('.banana').click(function() {
        $('.which-flavors').css('display', 'none');
        $('.nutrition-info-fiber').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-chocolate').css('display', 'none');
        $('.nutrition-info-vanilla').css('display', 'none');
        $('.nutrition-info-strawberry').css('display', 'none');
        $('.nutrition-info-banana').css('display', 'block');
        $('.banana').html("<img alt='Banana Cream PediaSure' src='/images/products/productslanding/nutrition-info/banana-cream-pediasure-click.jpg' />");
        $('.fiber').html("<img  class='ro' alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/pediasure-with-fiber.jpg'/>");
        $('.berry').html("<img class='ro' alt='Berry Cream PediaSure' src='/images/products/productslanding/berry-cream-pediasure.jpg' />");
        $('.chocolate').html("<img class='ro' alt='Chocolate PediaSure' src='/images/products/productslanding/chocolate-pediasure.jpg' />");
        $('.vanilla').html("<img class='ro' alt='Vanilla PediaSure' src='/images/products/productslanding/vanilla-pediasure.jpg' />");
        $('.strawberry').html("<img class='ro' alt='Strawberry PediaSure' src='/images/products/productslanding/strawberry-pediasure.gif' />");
        Products.rollover.init();
    });


    $('.berry').click(function() {
        $('.which-flavors').css('display', 'none');
        $('.nutrition-info-fiber').css('display', 'none');
        $('.nutrition-info-chocolate').css('display', 'none');
        $('.nutrition-info-vanilla').css('display', 'none');
        $('.nutrition-info-strawberry').css('display', 'none');
        $('.nutrition-info-banana').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'block');
        $('.berry').html("<img alt='Berry Cream PediaSure' src='/images/products/productslanding/nutrition-info/berry-cream-pediasure-click.jpg' />");
        $('.fiber').html("<img  class='ro' alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/pediasure-with-fiber.jpg'/>");
        $('.banana').html("<img class='ro' alt='Banana Cream PediaSure' src='/images/products/productslanding/banana-cream-pediasure.jpg' />");
        $('.chocolate').html("<img class='ro' alt='Chocolate PediaSure' src='/images/products/productslanding/chocolate-pediasure.jpg' />");
        $('.vanilla').html("<img class='ro' alt='Vanilla PediaSure' src='/images/products/productslanding/vanilla-pediasure.jpg' />");
        $('.strawberry').html("<img class='ro' alt='Strawberry PediaSure' src='/images/products/productslanding/strawberry-pediasure.gif' />");
        Products.rollover.init();
    });

    $('.chocolate').click(function() {
        $('.which-flavors').css('display', 'none');
        $('.nutrition-info-fiber').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-vanilla').css('display', 'none');
        $('.nutrition-info-strawberry').css('display', 'none');
        $('.nutrition-info-banana').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-chocolate').css('display', 'block');
        $('.chocolate').html("<img alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/nutrition-info/chocolate-pediasure-click.jpg' />");
        $('.fiber').html("<img  class='ro' alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/pediasure-with-fiber.jpg'/>");
        $('.banana').html("<img class='ro' alt='Banana Cream PediaSure' src='/images/products/productslanding/banana-cream-pediasure.jpg' />");
        $('.berry').html("<img class='ro' alt='Berry Cream PediaSure' src='/images/products/productslanding/berry-cream-pediasure.jpg' />");
        $('.vanilla').html("<img class='ro' alt='Vanilla PediaSure' src='/images/products/productslanding/vanilla-pediasure.jpg' />");
        $('.strawberry').html("<img class='ro' alt='Strawberry PediaSure' src='/images/products/productslanding/strawberry-pediasure.gif' />");
        Products.rollover.init();
    });

    $('.vanilla').click(function() {
        $('.which-flavors').css('display', 'none');
        $('.nutrition-info-fiber').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-strawberry').css('display', 'none');
        $('.nutrition-info-banana').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-chocolate').css('display', 'none');
        $('.nutrition-info-vanilla').css('display', 'block');
        $('.vanilla').html("<img alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/nutrition-info/vanilla-pediasure-click.jpg' />");
        $('.fiber').html("<img  class='ro' alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/pediasure-with-fiber.jpg'/>");
        $('.banana').html("<img class='ro' alt='Banana Cream PediaSure' src='/images/products/productslanding/banana-cream-pediasure.jpg' />");
        $('.berry').html("<img class='ro' alt='Berry Cream PediaSure' src='/images/products/productslanding/berry-cream-pediasure.jpg' />");
        $('.chocolate').html("<img class='ro' alt='Chocolate PediaSure' src='/images/products/productslanding/chocolate-pediasure.jpg' />");
        $('.strawberry').html("<img class='ro' alt='Strawberry PediaSure' src='/images/products/productslanding/strawberry-pediasure.gif' />");
        Products.rollover.init();
    });
    $('.strawberry').click(function() {
        $('.which-flavors').css('display', 'none');
        $('.nutrition-info-fiber').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-banana').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-chocolate').css('display', 'none');
        $('.nutrition-info-vanilla').css('display', 'none');
        $('.nutrition-info-strawberry').css('display', 'block');
        $('.strawberry').html("<img alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/nutrition-info/strawberry-pediasure-click.jpg' />");
        $('.fiber').html("<img  class='ro'alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/pediasure-with-fiber.jpg'/>");
        $('.banana').html("<img class='ro' alt='Banana Cream PediaSure' src='/images/products/productslanding/banana-cream-pediasure.jpg' />");
        $('.berry').html("<img class='ro' alt='Berry Cream PediaSure' src='/images/products/productslanding/berry-cream-pediasure.jpg' />");
        $('.chocolate').html("<img class='ro' alt='Chocolate PediaSure' src='/images/products/productslanding/chocolate-pediasure.jpg' />");
        $('.vanilla').html("<img class='ro' alt='Vanilla PediaSure' src='/images/products/productslanding/vanilla-pediasure.jpg' />");
        Products.rollover.init();
    });
    $('.closeinfo').click(function() {
        $('.which-flavors').css('display', 'block');
        $('.nutrition-info-fiber').css('display', 'none');
        $('.nutrition-info-berry').css('display', 'none');
        $('.nutrition-info-chocolate').css('display', 'none');
        $('.nutrition-info-vanilla').css('display', 'none');
        $('.nutrition-info-strawberry').css('display', 'none');
        $('.nutrition-info-banana').css('display', 'none');
        $('.banana').html("<img class='ro' alt='Banana Cream PediaSure' src='/images/products/productslanding/banana-cream-pediasure.jpg' />");
        $('.fiber').html("<img class='ro' alt='Vanilla PediaSure With Fiber' src='/images/products/productslanding/pediasure-with-fiber.jpg'/>");
        $('.berry').html("<img class='ro' alt='Berry Cream PediaSure' src='/images/products/productslanding/berry-cream-pediasure.jpg' />");
        $('.chocolate').html("<img class='ro' alt='Chocolate PediaSure' src='/images/products/productslanding/chocolate-pediasure.jpg' />");
        $('.vanilla').html("<img class='ro' alt='Vanilla PediaSure' src='/images/products/productslanding/vanilla-pediasure.jpg' />");
        $('.strawberry').html("<img class='ro' alt='Strawberry PediaSure' src='/images/products/productslanding/strawberry-pediasure.gif' />");
        Products.rollover.init();
    });

});

Products = {};

Products.rollover =
{
    init: function() {
        this.preload();

        $(".ro").hover(
         function() { $(this).attr('src', Products.rollover.newimage($(this).attr('src'))); },
         function() { $(this).attr('src', Products.rollover.oldimage($(this).attr('src'))); }
      );
    },

    preload: function() {
        $(window).bind('load', function() {
            $('.ro').each(function(key, elm) { $('<img>').attr('src', Products.rollover.newimage($(this).attr('src'))); });
        });
    },

    newimage: function(src) {
        return src.substring(0, src.search(/(\.[a-z]+)$/)) + '-rollover' + src.match(/(\.[a-z]+)$/)[0];
    },

    oldimage: function(src) {
        return src.replace(/-rollover\./, '.');
    }

};