$(function () {

    var image = $('imgSkills');
    var xref = {
        creativeagency: "CA",
        marketingcommunications: "MC"
    };
    var defaultDipTooltip = 'DTT';

    image.mapster(
       {
           fillOpacity: 0.4,
           fillColor: "d42e16",
           strokeColor: "3320FF",
           strokeOpacity: 0.3,
           strokeWidth: 4,
           stroke: true,
           isSelectable: true,
           singleSelect: true,
           mapKey: 'name',
           listKey: 'name',
           onClick: function (e) {
               var newToolTip = defaultDipTooltip;
               $('#selections').html(xref[e.key]);

               image.mapster('set_options', { areas: [{
                   key: "creativeagency",
                   toolTip: newToolTip
               }]
               });
           },
           showToolTip: true,
           toolTipClose: ["tooltip-click", "area-click"],
           areas: [
                {
                    key: "creativeagency",
                    fillColor: "ffffff"
                },
                {
                    key: "marketingcommunications",
                    fillColor: "000000"
                }
                ]
       });

    //$('html').smoothScroll(500);

    // Set up the slides for the iphone image on the digital page
    $('#slides').slides({
        preload: true,
        preloadImage: '/images/loading.gif',
        play: 3000,
        pause: 2900,
        hoverPause: false
    });

});