﻿$(document).ready(function() {
    $('#callout-1-yuckometer-active').hide();
    $('#callout-2-strongmoms-active').hide();
    $('#callout-3-immune-active').hide();
    $('#callout-1-yuckometer').show();
    $('#callout-2-strongmoms').show();
    $('#callout-3-immune').show();
    ////////////////////////
    // Callout 1 Mouse over
    $('#callout-1-yuckometer').mouseenter(function() {
        $('#callout-1-yuckometer').hide();
        $('#callout-1-yuckometer-active').show();
    });
    // Callout 1 Mouse out
    $('#callout-1-yuckometer-active').mouseleave(function() {
        $('#callout-1-yuckometer-active').hide();
        $('#callout-1-yuckometer').show();

    });
    $('#callout-1-yuckometer-active').click(function() {
    window.location = '/PickyEaterTips/Yuck-o-meter';

    });

    ////////////////////////
    // Callout 2 Mouse over
    $('#callout-2-strongmoms').mouseenter(function() {
        $('#callout-2-strongmoms').hide();
        $('#callout-2-strongmoms-active').show();


    });
    // Callout 2 Mouse out
    $('#callout-2-strongmoms-active').mouseleave(function() {
        $('#callout-2-strongmoms-active').hide();
        $('#callout-2-strongmoms').show();

    });

    $('#callout-2-strongmoms-active').click(function() {
       window.location = 'https://similac.com/signup-similac.aspx?utm_medium=PDS_SM&utm_source=PediaSure&utm_campaign=NONE&grp=NONE&utm_term=NONE&utm_content=NONE&WT.mc_id=PDS_SM%22';

    });
    ////////////////////////
    // Callout 3 Mouse over
    $('#callout-3-immune').mouseenter(function() {
        $('#callout-3-immune').hide();
        $('#callout-3-immune-active').show();


    });
    // Callout 3 Mouse out
    $('#callout-3-immune-active').mouseleave(function() {
        $('#callout-3-immune-active').hide();
        $('#callout-3-immune').show();

    });
    $('#callout-3-immune-active').click(function() {
    window.location = '/FromTheExperts';

    });


    Products.rollover.init();


});


Products = {};

Products.rollover =
{
    init: function() {
        this.preload();

        $(".img-tv-callout").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() {
            $('.img-tv-callout').each(function(key, elm) { $('<img>').attr('src', Products.rollover.newimage($(this).attr('src'))); });
        });
    },

    newimage: function(src) {
        return src.substring(0, src.search(/(\.[a-z]+)$/)) + '-active' + src.match(/(\.[a-z]+)$/)[0];
    },

    oldimage: function(src) {
        return src.replace(/-active\./, '.');
    }

};